/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); background:#15253d url(images/bg-slice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; background-attachment:fixed}
* html body{background-attachment:scroll;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {color:#00592b; text-decoration:underline; font-weight:bold}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 10px 0; line-height:16px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#000;}

h1{color:#00529b; font-size:20px; padding:0 0 10px 0;}
h2{color:#00529b; font-size:18px; padding:0 0 10px 0;}
h3{color:#00529b; font-size:16px; padding:0 0 10px 0;}
h4{color:#00529b; font-size:14px; padding:0 0 10px 0;}
h5{color:#00529b; font-size:12px; padding:0 0 10px 0;}
h6{color:#00529b; font-size:10px; padding:0 0 10px 0;}

/***********Classes****************************************/
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:49%;float:left;}
.split30{position:relative; width:33%;float:left;}
.formpadding td {padding: 0 0 10px 0;}
.logopadd{ padding:8px 0 0 9px}
.greyLine { border:1px solid #fff; border-width:0 0 2px 0; margin-bottom:10px; clear:both}

/***********WRAPPERS****************************************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ background:url(images/bg-img.gif) no-repeat top; padding:46px 0 0 0; background-attachment:fixed;}
#ContentWrapper{ width:926px;}
#Wrapper{ background:url(images/bg-horiz-slice.gif) repeat-y; width:925px; float:left}
#Top{ background:url(images/top.gif) no-repeat; height:76px; width:925px; float:left}
#Bottom{ background:url(images/bottom.gif) no-repeat; height:38px; width:925px; float:left}

/***********NAV****************************************/
#Nav {width: 911px; height: 26px; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
	#Nav ul {margin:0; padding:0; list-style:none}
	#Nav li {float: left;}					
	#Nav li a span {display: none; }				
	#Nav li a {height: 26px; display: block; float: left; padding: 0;}	
	#Nav li.blank {width:444px; background: url(images/nav-blk.gif) no-repeat top; height:26px}				
	#Nav li a.home {width:71px; background: url(images/nav-home.gif) no-repeat top;}
	#Nav li a.about {width:94px; background: url(images/nav-about.gif) no-repeat top;}		
	#Nav li a.emp{width:97px; background: url(images/nav-emp.gif) no-repeat top;}					
	#Nav li a.js {width:108px; background: url(images/nav-js.gif) no-repeat top;}				
	#Nav li a.contact {width:97px; background: url(images/nav-contact.gif) no-repeat top;}											
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }

/***********BIG-NAV****************************************/
#BigNav {width: 911px; height: 48px; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
	#BigNav ul {margin:0; padding:0; list-style:none}
	#BigNav li {float: left;}					
	#BigNav li a span {display: none; }				
	#BigNav li a {height: 48px; display: block; float: left; padding: 0;}	
	#BigNav li a.emp {width:304px; background: url(images/bignav-emp.gif) no-repeat top;}				
	#BigNav li a.js {width:304px; background: url(images/bignav-js.gif) no-repeat top;}
	#BigNav li a.submit {width:303px; background: url(images/bignav-submit.gif) no-repeat top;}	
	#BigNav li a:hover {background-position: bottom; }
	#BigNav li a.current {background-position: bottom; }
	
/*******************BTNS***********************/
#BtnMore{  background:url(images/btn-moreinfo.gif) no-repeat top; padding:0 8px 0 0; width:118px; height:31px; margin-bottom:10px; margin-top:4px; cursor:pointer; float:right}
#BtnMore:hover{ background-position:bottom;}

#BtnContact{  background:url(images/btn-contact.gif) no-repeat top; padding:0 8px 0 0; width:118px; height:31px; margin-bottom:10px; margin-top:4px; cursor:pointer; float:right}
#BtnContact:hover{ background-position:bottom;}

#BtnSubmit{  background:url(images/btn-submit.gif) no-repeat top; padding:0 8px 0 0; width:118px; height:31px; margin-bottom:10px; margin-top:4px; cursor:pointer; float:right}
#BtnSubmit:hover{ background-position:bottom;}

/***********HP DIVS****************************************/	
#HpCopyArea{ width:870px; padding:20px 20px 4px 20px;}
#HpMainCopy{ width:520px; float:left; padding:0 57px 0 10px;}
#HpSideCopy{ width:260px; float:left; border:1px dotted #9b9b9b; border-width:0 0 0 1px; padding:0 0 0 20px}

#HpMainCopy ul{ margin:0; padding:0 0 10px 20px; font-size:12px;}
#HpMainCopy li{ margin:0; padding:0 0 4px 0;}

/***********Sub DIVS****************************************/	
#SubCopyArea{ width:870px; padding:20px;}
#SubMainCopy{ width:520px; float:left; padding:0 57px 0 10px;}
#SubSideCopy{ width:244px; float:left; padding:18px; background-color:#d4e9ff}

#SubCopyArea ul{ margin:0; padding:0 0 10px 20px; font-size:12px;}
#SubCopyArea li{ margin:0; padding:0 0 4px 0;}

	
/***************FOOT-NAV************************************/
#FootNav { width:911px; list-style: none; padding-top:42px;}
	#FootNav ul {margin:0; padding:0; list-style:none;}
	#FootNav li {float: left; padding:0 3px 0 3px; margin:0; font-size:10px;color:#fff; text-transform:lowercase; }					
	#FootNav li a {color:#fff; text-decoration:none; font-weight:normal}
	#FootNav li a:hover {color:#fff; text-decoration:underline; font-weight:normal}
	#FootNav li a.current {color:#fff; text-decoration:underline; font-weight:normal}
	#FootNav span { float:right; color:#fff; font-size:10px; padding:0 4px 0 0;}
	
/***********BANNER****************************************/
#HpBanner{ background:url(images/hp-banner.jpg) no-repeat; width:911px; height:248px}
#SubBannerAbout{ background:url(images/sub-banner-about.jpg) no-repeat; width:911px; height:137px}
#SubBannerEmp{ background:url(images/sub-banner-emp.jpg) no-repeat; width:911px; height:137px}
#SubBannerJs{ background:url(images/sub-banner-js.jpg) no-repeat; width:911px; height:137px}
#SubBannerContact{ background:url(images/sub-banner-contact.jpg) no-repeat; width:911px; height:137px}

/***********FORMS**************/
input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	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: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; padding: 0.5em;}
	.field-label { float:left; width:270px; font-size:12px}
	.field-widget { float:left; width:200px; font-size:12px;}
	/* Anything extra... */	
	.red{color:#990000;}

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

/* -- 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;}