/* ================ COLORS ====================== 


   ORANGE: #ff9100;
   
   TEXT: (Note: other shades of grey are used for borders, footer links, breadcrumbs, etc., but these are the primary greys)
   
   - DARK GRAY (for h4 & strong text, and td text): #666; 
   - MEDIUM GRAY (for body text): #727272; 
   - LIGHT GRAY (for h5): #97969a;
   
   BACKGROUNDS:   
   
 	- FAINT GRAY (for body background -visible only on monitors with resolution above 1024 x768): #d9dbdb;
 	- PALE GRAY (for border at top of page & footer background: #ededed; 
 	- PALER GRAY (for table heads) background-color:#f1f1f1; color:#787878;
 	- VERY PALE GRAY (for backgrounds of H3 headings in tertiary right nav as well as dropdown menus) background: #f6f6f7;
 	- EVEN PALER GRAY (for alt stripes on table rows): #f8f8f8

   TURQUIOSE (for links): #0078ae;
   LIGHT TURQUIOSE (for hover / active links: #75b2d5; 
   
 ================ END COLORS ======


* { margin: 0; padd* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/*-------------------------------------------
    LINKS
-------------------------------------------*/

a:link {
	color: #0078ae;
	text-decoration: underline;
}
a:visited {  
    color: #0078ae;
    text-decoration: underline;
}
a:hover {
    color: #75b2d5; 
	text-decoration: underline;
}
a:active {
	color: #990099;
	text-decoration: underline;
}


/*-------------------------------------------
    MENUBAR
-------------------------------------------*/

#menuwrapper {border-bottom: 1px solid #eaeaea; width: 100%; float: left; margin-bottom: .1em;}
#menubar, #menubar ul {padding: 0; margin: 0;list-style: none;font-family: Arial, Helvetica, sans-serif; float: left; }
#menubar {padding-right: 60px; width: 600px; float: right;}
#menubar ul {padding: 2px 0; }
#menubar a{display: block;	text-align: center; color: #888; text-decoration: none; border-bottom: none; text-transform: uppercase; font-weight: bold; font-size: 11px;}
#menubar a.trigger {padding: 3px 15px 2px 20px;}
#menubar li {float: right; width: 100px; position: relative; background: none; padding: 0; margin: 0}

/* hide from IE mac \*/
#menubar li {position: static; width: auto;}

/*--- dropdown menu secondary items ---*/

#menubar li ul, #menubar ul li  {width: 120px;}
#menubar ul li {padding: 0; margin: 0}
#menubar ul li a  {padding: 3px 5px; margin: 0 3px}
#menubar li ul {position: absolute;	display: none;background-color: #fff; border: 1px solid #d5d5d5;}
#menubar li:hover a, #menubar a:focus, #menubar a:active, #menubar li.hvr a {color: #222; background: #eee url('../img/menu_arrow_down.gif') center left no-repeat;}
#menubar li:hover ul, #menubar li.hvr ul {display: block;}
#menubar li:hover ul a, #menubar li.hvr ul a {color: #222;background-color: transparent;}
#menubar ul a {color: #0078ae !important; text-transform: none; font-weight: normal; border-bottom: 1px solid #eee; text-align: left; background-image: none !important; outline: none; -moz-outline-style: none; }
#menubar ul a.last {border-bottom: none;}
#menubar ul a:hover {background: #eee !important;color: #222 !important;}

/*-------------------------------------------
    BREADCRUMB
-------------------------------------------*/

#breadcrumb {margin: .2em 0 0 10px}
#breadcrumb li { color: #404040; font-size: 11px; background: transparent url(../img/breadcrumb_marker.gif) no-repeat left center; padding-left: 8px; display: inline; left: 0; }
#breadcrumb li.first { background: none; padding: 0; }
#breadcrumb a { color: #97969a; border: none; }
#breadcrumb a:hover, #breadcrumb a:focus { color: #babcbe;}


/*-------------------------------------------
    SECONDARY NAV
-------------------------------------------*/

#secondary table {
	margin-bottom: 4px;
	margin-top: 4px;
	margin-right: 10px;
	width: 170px;
}
#secondary td {
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ededed;
	margin: 0px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 17px;
}



#secondary td a#active {
	color: #555;
	background-color: #ededed;
}



/*-------------------------------------------
    FOOTER
-------------------------------------------*/

#footer-wrap {
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ededed;
	border-right-color: #ededed;
	border-bottom-color: #666666;
	border-left-color: #ededed;
}
#footer {float: left; width: 100%; margin: 3em 0 0 0; background: #eeefef; clear: both; height: 24px; padding-top: 8px}
#footer * { color: #97969a; display: inline; font-size: 11px; text-transform: uppercase; }
	#footer address { padding-left: 21px; margin-right: 30px; }
#footer ul {list-style: none; }
	#footer li {background: none; margin: 0; padding: 0;}
#footer li a { color: #807f83; border-bottom: 1px solid #e3e5e6; margin-right: 2em;}
#footer li a:hover, #footer li a:focus { color: #ff9100;}


/*-------------------------------------------
    TABLES
-------------------------------------------*/

/* ------------
table {
	border-collapse: separate;
	border:0px none #f1f1f1;
	border-spacing: 0 0;
}
------------*/

h1 {font-size:16px;
}
h2 {font-size:14px;
}
h3 {
	color: #0078ae;
	margin-top: 10px;
}
caption {text-align: left; padding: 12px 0 3px 3px; color: #666; font-size: 12px; font-weight: bold; letter-spacing: .03mm; text-transform: uppercase;}
.alt td { background-color: #f8f8f8 }
	th, td {
	font-size:12px;
	border-left: 0px solid #fff;
	color:#666;
	empty-cells: show
}
		th {
	background-color:#f1f1f1;
	color:#787878;
	font-weight:bold;
	text-align: left;
}




/*------------------------------------------
    FORMS
-------------------------------------------*/
fieldset {border: none; border-top: 1px solid #e1e2e3; margin: 20px 0; padding: 4px 0;}
	fieldset .half, fieldset .last-half {width: 200px !important; padding-left: 3px !important;}
legend {font-size: 12px; color: #666; text-transform: uppercase; font-weight: bold;  letter-spacing: .02cm; padding-right: .3em}
select { width: 95%;}
	p select {
	margin-bottom: 3px;
}
	input.aligned { margin-top: 24px !important; }
	input.aligned_bottom { margin-top: -16px !important; }
	input.img_input { width: auto !important; float: right; margin-right: 16px;}
        input.img_input_go { width: auto !important; float: right; margin-top: -22px; padding-right: 14px}
.small {width: 50px; }
.smallmed {width: 70px;}
.smalllarge {width: 100px;}
.medium {width: 146px; }
.large {width: 200px;}
.xlarge {width: 360px;}
label {color: #5a5b5b; font-size: 12px; display: block; margin: .6em 8px 0 0;  }
	label em {margin: 0 6px 0 6px; font-weight: bold;  color: #f00 !important;}
	.required {color: #f00 !important; font-weight: bold !important;}
        .left_label {width: 160px; min-width: 160px !important; float: left; margin: 2px 10px 15px 0; clear: left; text-align: right;}
        .left_input {margin-bottom: 15px;}
        .left_area {margin-top: 22px;}
.submit { width:95%; text-align:right; }
form strong {color: #5a5b5b;}
ul.form_list  {margin: .3em 0;} /*-- use for radio button and checkbox arrays -- */
	.form_list li {display: inline; background: none; margin-right:1em; padding: 0}
	.form_list_label {margin-top: 1em;}