/*
property-level IE hacks:
color: #999; /* shows in all browsers */
*color: #999; /* notice the * before the property - shows in IE7 and below */
.color: #999; /* same; IE7 and below */
_color: #999; /* notice the _ before the property - shows in IE6 and below */

selector-level IE hacks:
body > #my-div {} /* IE7+ only */

HTML IE hacks:
<!--[if lte IE 6]>
Conditional comment - can wrap HTML, or CSS link, or CSS... whatever.
<![endif]-->

*/


/*
  rules that should be in a separate CSS file:
*/
#content table.drillBox
{
	/* border: 1px solid #eee collapse; */
	padding: 0;
	margin: 0 auto;
	table-layout: auto;
	width: 20px;  /* force it to expand to contents size... */
}
#content table.drillBox tr, #content table.drillBox td
{
	padding: 0;
	border: none;
}
#content table.drillAssignmentInfo
{
	margin: 0;
	padding: 0;
	border: 1px dotted #666;
	/* background-color: #eee; */
}
#content table.drillAssignmentInfo th 
{
	padding: 3px 10px;
	background-color: #eee;
	color: #666;
	font-weight: bold;
	font-size: 90%;
	border: 1px dotted #666;
	text-align: left;
}
#content table.drillAssignmentInfo td 
{
	padding: 3px 10px;
	color:#666;
	font-size: 80%;
	border: 1px dotted #666 collapse !important;
}

#content h2.drillInstructionsHeading
{
	background-color: #666;
	border: 1px dotted #aaa;
	padding: 5px 20px;
}
#content h2.drillInstructionsHeading a
{
	color: #eee ! important;
}
#content .drillInstructions
{
	border: 1px dotted #aaa;
	background-color: #f6f6f6;
	padding: 10px 20px;
}

#content fieldset.oldSchool
{
	margin: 1.5em 0 0 0;
	padding: 10px;
	float: none;
	border: 1px solid #999;
}
#content fieldset.oldSchool legend
{
	margin-left: 3em;
	color: #666;
	font-size: medium;
	font-variant: small-caps;
	border: 1px solid #999;
	padding: 5px 15px;
}

/*
general layout rules
*/

html, body
{
	color: #000;
	min-width: 970px;
	background: #303031 url(/images/layout/footer_bg.gif) repeat-y scroll 50% 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
}
code
{
	font-family: Monaco, Courier, "Courier New", monospace;
}

strong, b
{
	font-weight: bold;
}
em, i
{
	font-style: italic;
}

/*
	table {
		font-size: 100%; /  IE hack  /
	}
	input, select, textarea, th, td {
		font-size:1.0em;
	}
*/

/* this expands to fill available width; bg is content + header box edges */
.wrapper
{
	text-align: center; /* for IE 5 */
	min-width: 970px;
	background: #E8E8EB url(/images/layout/content_bg.gif) repeat-y scroll 50% 0;
}

img.spacerDot
{
	/* put 1x1 transparent gif into empty divs to fix IE6 bugs */
	width: 1px;
	height: 1px;
}

.clear:after {
	clear:both;
	content:"";
	display:block;
}

.clear {
}

#rounded_top
{
	height: 20px;
	background: #E8E8EB url(/images/layout/content_top.gif) no-repeat scroll 50% 0;
}


/*HEADER*/
#header
{
	background-color: #FFFFFF;
	height: 120px;
	padding: 0px 10px;
	width: 910px;
	margin: 0px auto;
}
#header img
{
	float:left;
}
#header_menu
{
	float: right;
}
#header_menu li
{
	display: inline;
	font-size: small;
}
#header_menu li a
{
	font-size: 110%; /*of small above*/ /*1.4em;*/
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	height: 50px;
	width: 7.5em;
	margin: 45px 0px 0px 10px;
	padding: 15px 0px 0px;
	text-align: center;
	display: block;
	float: left;
}
#header_menu li a:link, #header_menu li a:visited
{
	background-color: #EEE;
	color: #000;
}
#header_menu li a:hover
{
	background: #DDD url(/images/layout/curly_bg.gif) repeat 0 0;
	color: #000;
}
#header_menu li a:active
{
	background-color: #F39348;
	color: #FFF;
}
.selected_tab1 #tab1, .selected_tab2 #tab2, .selected_tab3 #tab3, .selected_tab4 #tab4, .selected_tab5 #tab5, .selected_tab6 #tab6
{
	/* "important", to override the default selectors... */
	background: #F39348 url(/images/layout/curly_bg_orange.gif) repeat 0 0 ! important;
	color: #FFF ! important;
}
.selected_tab1 #tab1:hover, .selected_tab2 #tab2:hover, .selected_tab3 #tab3:hover, .selected_tab4 #tab4:hover, .selected_tab5 #tab5:hover, .selected_tab6 #tab6:hover
{
	/* "important", to override the default selectors... */
	color: #FEE ! important;
}



/*CROSS BAR*/
#bartop_out
{
	background: #EE8E43 url(/images/layout/bar_out_top.gif) repeat-x 0 0;
	height: 10px;
	width: 100%;
}
#bartop
{
	background: transparent url(/images/layout/bar_box.gif) no-repeat scroll 50% 0;
	height: 10px;
	width: 100%;
}

#bar_wrapper
{
	background: #EE8E43 url(/images/layout/bar_sides.gif) repeat-y scroll 50% 0;
	width: 100%;
	text-align: center;
}
#bar_content
{
	width: 870px;
	margin: 0 auto;
	padding: 0 30px;
}
/* tweak column border color... */
#bar_content .col_12of3, #bar_content .col_1of3, #bar_content .col_2of3
{
	border-color: #fba;
}
#bar_content p
{
	font-size: small; /*1.3em;*/
	line-height:1.4em;
	color: #fff;
	padding-bottom: 3px;
	text-align: right;
}
#bar_content p.testimonial
{
	font: bold medium Helvetica, Arial, sans-serif;
	text-align: center;
	margin-top: 20px;
}
#bar_content p.testimonial span
{
	font-size: small;
	font-style: italic;
}
#bar_content h1
{
	font: bold x-large Helvetica, Arial, sans-serif;
	line-height:1.2em;
	color: #fff;
	padding-bottom: 10px;
	text-align: center;
}
#bar_content p a
{
	color: #fff;
	font-weight: bold;
	/*background-color: #F4A459;*/
}

#barbottom_out
{
	background: #EE8E43 url(/images/layout/bar_out_bottom.gif) repeat-x 0 100%;
	height: 10px;
	width: 100%;
}
#barbottom
{
	background: transparent url(/images/layout/bar_box.gif) no-repeat scroll 50% 100%;
	height: 10px;
	width: 100%;
}

/*ERROR NOTICE WARNING*/
#content .infobox
{
	float: left;
	clear: left;
	width: 100%;
	padding: 2px;
	margin-bottom: 10px;
}
#content .infobox .label
{
	color: white;
	float:left;
	margin: 5px 10px;
}
#content .infobox .label h3
{
	color: white;
	padding: 0;
	font-family: inherit;
	font-size: small; /*1.3em;*/
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.4em;
}
#content .infobox .label div
{
	font-size: x-small; /*1.0em;*/
	line-height: 1.2em;
}
#content .infobox .label div a
{
	color: #fff ! important; /* override content A style */
}
#content .infobox .detail
{
	background-color: white;
	color: #444;
	float: right;
	min-height: 2.5em;  _height: 2.5em; /* underscore: IE6 only */
	padding: 5px;
	width: 87%;
	font-size: small; /*1.3em;*/
	line-height: 1.3em;
}

#content .error
{
	background-color: #e55;
}
#content .warning
{
	background-color: #fc5;
}
#content .notice
{
	background-color: #03899c;
}


/*CONTENT*/
#content
{
	background-color: #fff;
	margin: 0px auto;
	width: 870px;
	padding: 15px 30px 45px 30px;
	text-align: left;
}
#content h1
{
	color: #555;
	letter-spacing: 0.5px;
	padding: 1em 0;
	font: bold x-large Helvetica, Arial, sans-serif; /*2.4em*/
	text-align: left;
}
#content h2
{
	color: #666;
	padding: 1em 0;
	font: bold large Helvetica, Arial, sans-serif; /*1.8em*/
	font-style: normal;
	text-align: left;
}
#content h3
{
	color: #777;
	padding: 1em 0;
	font: bold medium Helvetica, Arial, sans-serif; /*1.6em*/
	font-style: normal;
	text-align: left;
}
#content p
{
	color: #222;
	font-size: small; /*1.3em;*/
	line-height: 1.4em;
	padding: 0.2em 0 0.8em 0;
}
#content table
{
	margin: 0.3em 0 1em;
	width: 100%;
	max-width: 700px;  .width: 700px; /* no max-width support in IE7 or below */
}
/* reset IE7- width to 100% if table is in a column */
#content .col_12of3 table, #content .col_1of3 table, #content .col_2of3 table, #content .col_3of3 table, #content col_23of3 table
{
	.width: 100%;	
}

#content th {
	background-color: #666;
	color: #eee;
	font-size: small;
	font-weight: bold;
	padding: 4px 7px;
	border-right: 1px dotted #eee;
	border-left: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
}
#content th a:link, #content th a:visited {
	color:#fff;	
}
#content th a:hover, #content th a:active {
	color:#33b9cc;	
}
#content table.subTable {
	margin: 0.5em 0 0.5em 2em;	
}
#content table.subTable th {
	color: #666;
	background-color: #fff;
	border: 1px solid #aaa;
}
#content td {
	font-size: small;
	padding: 3px 7px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
#content td.extraDetail {
	font-size: x-small;
	color: #777;
}
#content tr.oddRow, #content tr.oddRow td {
	background-color: #ddd ! important;
}
#content tr.separator, #content tr.separator td {
	background-color: #fff;
	height: 9px;
}
#content tr.separator td {
	padding: 0;
}


#content table.noteSet td {
	padding: 0;
	margin: 0;
}
#content input.noteSetCellSelected {
	font-weight: bold;
	font-size: xx-small;
	background-color: #99c;
	color: #fff;
	padding: 0 2px;
}

#content input.noteSetCell {
	font-weight: normal;
	font-size: xx-small;
    background-color: #fff;
	color: #999;
	padding: 0 2px;
}

#content ul {
	list-style-position: outside;
	list-style-type: disc;
	color: #222;
	margin: 0 0 1em 1.5em;
}
#content ul li {
	color: #222;
	margin-bottom: 0.2em;
	font-size: small; /*1.3em;*/
	line-height: 1.4em;
}
#content a:link, #content a:visited {
	color:#03899c;	
}
#content a:hover, #content a:active {
	color:#1399ac;	
}

/*
content (optional) columns, split by vertical dotted lines
side margins are already in place
TOTAL SPACE: 870
| ... 20pad!20mgn ... 20pad!20mgn ... |
870 - 40pad,40mgn,2bord = 788 avail for width.  788/3: 262.7 (round down)
*/
.col_12of3, .col_1of3, .col_2of3
{
	float:left;
	/* border falls between padding and margin */
	border-right: 1px dotted #999;
	padding-right: 20px;
	margin-right: 20px;
}
.col_12of3
{
	width: 566px;
}
.col_1of3, .col_2of3
{
	width: 262px;
}
.col_3of3
{
	float: right;
	width: 262px;
	/* no border/margin for this one */
}
col_23of3
{
	float: right;
	width: 566px;
}

/* form styling... */
fieldset {   
	margin: 1.5em 0 0 0;
	padding: 0;
	float: left;
	clear: left;
	width: 100%;
	font-size: small; /*1.2em;*/
	line-height: 1.4em;
}
legend {   
	margin-left: 1em;   
	color: #222;   
	font-weight: bold;
}  
fieldset ol {
	margin-top: 1em;
	padding: 0 1em;   
	list-style: none;  
}  
fieldset li {   
	padding-bottom: 1em;
	float: left;
	clear: left;
	width: 100%;
}  
fieldset.submit {   
	border: 0 none #fff;
	padding-left: 11em;
	margin-bottom: 1em;
	float: none;
	width: auto;
}
label {
	float: left;
	width: 9em;
	margin-right: 1em;
}
label span.sublabel {
	font-size: x-small;
}

#faq .question
{
	cursor: pointer;
	font-size: small; /*1.3em;*/
	line-height: 1.3em;
	font-weight: normal;
	color: #555;
	background-color: #ddd;
	margin: 10px 0;
	padding: 5px 10px;
}
#faq .open_question
{
	color: #fff;
	background-color: #03899c;
}
#faq .answer
{
	font-size: small; /*inherit;*/
	line-height: inherit;
	color: #333;
}
#faq li {
	/* mostly inherited from #content LI */
	color: #333;
}


/*FOOTER*/

#footertop_out
{
	background: #EE8E43 url(/images/layout/footer_out_top.gif) repeat-x 0 0;
	height: 20px;
	width: 100%;
}
#footertop
{
	background: transparent url(/images/layout/footer_top.gif) no-repeat scroll 50% 0;
	height: 20px;
	width: 100%;
}

#footer_wrapper
{
	text-align: center; /* for IE 5 */
	/* footer bg is in the body */
}
#footer_content
{
	padding: 15px 30px 45px 30px;/*20px 0px;*/
	width: 870px; /*910px;*/
	margin: 0px auto;
	text-align: left;
	
	font-size: small; /* reference for below percentages */
}
#footer_content h1
{
	font-size: large; /*1.8em;*/
	line-height: 2.0em;
	font-weight: bold;
	color: #ffa500;
	margin-bottom: 0.8em;
	text-align: center;
}
#footer_content h2
{
	font-size: medium; /*1.4em;*/
	line-height: 1.6em;
	font-weight: bold;
	color: #ccc;
	margin: 1.0em 0 0.3em;
	text-align: left;
}
#footer_content p
{
	font-size: 90%; /*of small*//*1.2em;*/
	line-height: 1.4em;
	color: #ccc;
	margin-bottom: 1em;
}
#footer_content ul {
	list-style-position: outside;
	list-style-type: disc;
	color: #ddd;
	margin-left: 1.5em;
}
#footer_content li {
	color: #ccc;
	margin-bottom: 0.5em;
	font-size: 90%; /*of small*//*1.2em;*/
}
#footer_content a:link, #footer_content a:visited
{
	color: #ddd;
}
#footer_content a:hover
{
	color: #fff;
}
#footer_content a.specialLink:link, #footer_content a.specialLink:visited
{
	color: #FFA500;
	font-weight: bold;
}
#footer_content a.specialLink:hover
{
	color: #fff;
	font-weight: bold;
}