/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background-color:#bdd0e1; font-family:Arial, Helvetica, sans-serif; color:#000; }
* { margin: 0 auto; padding: 0; }		/*<------<--------<-----| This assumes we're centering!!! */
a img { border: none; }
a { color:#008f2e}
a:hover, a.current { text-decoration: underline; }
p { font-size:12px; padding:0 0 10px 6px; }
ul, ol { padding:4px 0 0 0; }
li { }
td, th, tr { font-size:11px; }
strong { color:#004789; }
h1 { color:#008000; font-size:16px; padding:0 0 10px 6px; }
h2 { color:#004789; font-size:15px; padding:0 0 10px 6px; }
h3 { color:#008000; font-size:14px; padding:0 0 10px 6px; }
h4 { color:#004789; font-size:13px; padding:0 0 10px 6px; }
h5 { color:#004789; text-decoration:none; margin:0 0 4px 0; padding:4px 6px; background:#c8d6f0; color:#004789; font-size:12px; display:block}
h6 { color:#004789; font-size:10px; padding:0 0 10px 6px; }

/*************REUSABLE CLASSES******************/
.right { float:right; }
.left { float:left; }
.full { position:relative; width:99%; }	/****<-----| This works better w/ px based widths ****/
.split50 { position:relative; width:50%; float:left; }
.split30 { position:relative; width:33%; float:left; }
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both }

/*************WRAPPERS**************/
#PageWrapper { width:826px; background:url(images/body-slice.jpg) repeat-y;}
#Top { background:url(images/flash.jpg) no-repeat; height:261px; width:826px;}
#BannerAboutUs{ background:url(images/banner-about.jpg) no-repeat; height:261px; width:826px;}
#BannerWhatWeDo{ background:url(images/banner-what.jpg) no-repeat; height:261px; width:826px;}
#BannerCareerCenter{ background:url(images/banner-career.jpg) no-repeat; height:261px; width:826px;}
#BannerContactUs{ background:url(images/banner-contact.jpg) no-repeat; height:261px; width:826px;}
#Middle{ padding:10px 20px; width:786px;}
#Sidebar{ float:left; width:220px;}

#Nav{position:relative; font-size:16px; z-index:100}
#Nav ul{ list-style:none; width:220px; margin:0; padding:0;}
#Nav li{ margin:0; padding:4px 6px; border-bottom:1px solid #cacaca;}
#Nav li:hover{ background:#bacfee;}
#Nav li a{ text-decoration:none; font-weight:bold; color:#4b4b4b}
#Nav li a:hover{ color:#008000;}
/***********DropDownMenu********************/
	#Nav ul ul {position: absolute; display: none; left:220px; top:0; margin:0; padding:0; background:#0866a4; clear:both; width:150px; border:1px solid #cacaca; border-width:1px 1px 0 1px;}
	#Nav ul ul li {padding:7px; margin:0; color:#fff; font-weight:bold; font-size:12px; display:block !important; position:relative; clear:both; border-bottom:1px solid #cacaca; width:136px}
	#Nav ul ul:hover {display:block !important;}
	#Nav ul li:hover ul {display: block !important; position:absolute; font-size:12px;}
	#Nav ul li:hover ul a{font-size:12px; margin:0; text-decoration:none; color:#fff; font-weight:bold}
	#Nav ul li:hover ul li {display: block !important; float:left; font-size:12px; margin:0; }
	#Nav ul li:hover ul li:hover{color:#fff; text-decoration:none; font-size:12px; margin:0; background:#0866a4 }	
	#Nav ul li ul li a:hover{color:#fff; text-decoration:underline; font-size:12px; margin:0;}
	#Nav li:hover a, #TopNav li.sfHover a {color:#fff; text-decoration:none; font-weight:bold; background-position: bottom;}
	#Nav li:hover ul a, #TopNav li.sfHover ul a {color: #000; display:block !important; margin:0; position:relative; background-position: bottom;}
	#Nav li:hover ul a:hover, #TopNav li.sfHover ul a:hover {color: #fff; text-decoration:underline; margin:0; position:relative;}	
	
#Pics{ padding:10px 0;}
#Pics img{ border:1px solid #cacaca;}
#Pics img.picnoborder{ border:0; padding:4px 0 0 0;}
#Pics ul{font-size:12px; padding:0 0 10px 30px; margin:0;}
#Pics ol{font-size:12px; padding:0 0 10px 30px; margin:0;}
	
#Copy{ float:left; width:520px; padding:0 10px 0 30px;}
#Copy ul{ margin:0; padding:0 0 10px 30px; }
#Copy ol{ margin:0; padding:0 0 10px 30px; }
#Copy li{ margin:0; padding:0 4px 0 0; font-size:12px;}
#Bottom{ background:#bdd0e1 url(images/bottom.jpg) no-repeat top; padding:70px 0 10px 0; color:#fff; font-size:10px;}

#site_credits { cursor:pointer }

/******************BLOG***************/
img.alignright { float:right; margin:6px 0 1em 1em }
img.alignleft { float:left; margin:6px 1em 1em 0 }
img.aligncenter { display: block; margin-left: auto; margin-right: auto }
a img.alignright { float:right; margin:6px 0 1em 1em }
a img.alignleft { float:left; margin:6px 1em 1em 0 }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }


/*************JQuery Styles***************/
div.answer { display: none; }
.answer { padding:10px; margin-bottom:5px; }
div.question { margin:8px 0 4px 0; background:#ededed; padding:0; }
div.question h4 { padding:4px; color:#000; font-size:12px }
div.question:hover { background:#dbdbdb; cursor:pointer }
div.question.active { background:#dbdbdb; }

/*************Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
input[type="text"] { width:250px; }
textarea { width:250px; }
select { width:250px; }
input[type="button"] { }
input[type="submit"] { }
/* Define the various event states */	
input.disabled, select.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required, select.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF3300; color: #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color: #000; }
.validation-advice { margin: 5px 0; padding: 5px; background-color: #990000; color: #fff; font-weight: bold; }
.custom-advice { margin: 5px 0; padding: 5px; background-color: #990000; color : #fff; font-weight: bold; }
/* Define the basic form layout */
fieldset { padding: 1em; margin-bottom: 0.5em; }
label { font-weight: bold; }
.form-row { font-size:11px; margin:0 0 8px 0 }
.field-label { float:left; width:230px; }
.field-widget { float:left; width:250px; }
/* Anything extra... */	
.red { color:#990000; }

/*************s2k styles**************/	
.s2k_text_2006 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#000; }
.s2k_heading_2006 { font-weight:bold; font-size:16px; color:#000; }
.s2k_subheading_2006 { font-weight:bold; font-size:13px; color:#000; }
.s2k_bold_2006 { font-weight:bold; color:#000; }
.s2k_byline_2006 { font-size:10px; font-style:italic; color:#000; }
.s2k_footer_2006 { font-size:10px; color:#000; }
.s2k_image_2006 { border:1px solid #000; }

/*************Min-Height Hack**************/
.prop { float:left; width:1px; }
.clear { clear:both; height:1px; overflow:hidden; }	/* I don't currently rely on .clear */
.min431px { height:431px; }

/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }