/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6e6e6e;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#005395; text-decoration:underline}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 14px 0; line-height:17px}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:12px;}
strong { color:#000;}

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

/******************CLASSES***************/
.largetxt{ font-size:18px}
.medtxt{ font-size:15px}
.smtxt{ font-size:12px}
.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;}

.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.blue{ color:#005395}
.black{ color:#000;}
.padd{ padding:10px 24px 10px 30px}
.padd2{ padding:10px}
.picleft{ padding:0 12px 12px 0; float:left}
.dontshow{ display:none}

#HpBtn1{ background:url(images/hppic1.jpg) no-repeat top; width:132px; height:130px; cursor:pointer; float:left; margin:30px 0 0 8px; _margin:30px 0 0 4px;}
#HpBtn1:hover{ background-position:bottom;}
#HpBtn2{ background:url(images/hppic2.jpg) no-repeat top; width:132px; height:130px; cursor:pointer; float:left; margin:30px 0 0 8px; _margin:30px 0 0 4px;}
#HpBtn2:hover{ background-position:bottom;}
#HpBtn3{ background:url(images/hppic3.jpg) no-repeat top; width:132px; height:130px; cursor:pointer; float:left; margin:30px 0 0 8px; _margin:30px 0 0 4px;}
#HpBtn3:hover{ background-position:bottom;}

/*****************WRAPPERS***************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:921px; margin-top:20px}
#MiddleWrapper{ width:921px; margin-bottom:10px;}
#MiddleWrapperHp{ width:921px; margin-bottom:10px; background:url(images/pic-hp-lg.jpg) no-repeat;}

/******************SHARED STYLES***************/
#TopHome{ background:url(images/top-home.gif) no-repeat; height:93px; width:921px;}
#TopAbout{ background:url(images/top-home.gif) no-repeat; height:93px; width:921px;}
#TopEmp{ background:url(images/top-home.gif) no-repeat; height:93px; width:921px;}
#TopTest{ background:url(images/top-home.gif) no-repeat; height:93px; width:921px;}
#TopJs{ background:url(images/top-home.gif) no-repeat; height:93px; width:921px;}
#TopContact{ background:url(images/top-home.gif) no-repeat; height:93px; width:921px;}

#Logo{ float:left}
#Nav{ float:right; text-transform:uppercase; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
#Nav ul{ list-style:none; margin:0; padding:0 10px 0 0;}
#Nav li{ float:left; padding:0 0 0 20px}
#Nav li a{ color:#838283; font-weight:bold; text-decoration:none;}
#Nav li a:hover{ color:#009c73; font-weight:bold; text-decoration:underline;}
#Nav li a.current{ color:#009c73; font-weight:bold; text-decoration:underline;}
#Email{ float:left; padding:14px 0 0 8px; width:100px}
#Copy{ text-align:right; color:#fff; font-size:10px; padding:2px 6px 10px 10px}

/******************HP STYLES***************/
#HpSide{ width:260px; float:left; margin-right:9px; padding:24px 18px; line-height:19px}
#HpSide p{ color:#000; font-size:12px;}
#HpSide strong{ color:#000; font-size:14px; }
#HpPic{ width:600px; float:left; height:60px; padding:278px 0 0 8px}
#HpBoxes{ background:url(images/pic-hp-boxes.jpg) no-repeat; height:191px; widows:921px;}
.box{ cursor:pointer; float:left; width:300px; height:190px; line-height:18px}
.box p{ width:140px; float:right; padding:30px 10px 10px 0; font-size:13px; color:#000;}
#HpBottom{ background:url(images/footer-hp.gif) no-repeat; width:921px; height:60px;}

/**********FOOTER NAVE****************************/
#FooterNav{ float:right; margin:0; padding:0}
#FooterNav ul{ list-style:none; text-align:right; font-size:10px; text-transform:lowercase; margin:8px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif}
#FooterNav li{ float:left; margin:0; padding:0 4px}
#FooterNav li a{ color:#666666; text-decoration:none}
#FooterNav li a:hover{ color:#666666; text-decoration:underline}

/******************SUB STYLES***************/
#SubBottom{ background:url(images/footer-sub.gif) no-repeat; width:921px; height:60px;}
#SubSide{width:300px; border:#000 solid 1px; border-width:1px 0 0 0; float:left; margin-right:9px; background-color:#c7d9e8; color:#333333 }
	#SubSide .about{ background:url(images/subpic-about.jpg) no-repeat; width:300px; height:338px; border:10px #fff solid; border-width: 0 0 9px 0;}
	#SubSide .employers{ background:url(images/subpic-employers.jpg) no-repeat; width:300px; height:338px; border:10px #fff solid; border-width: 0 0 9px 0;}
	#SubSide .jobseekers{ background:url(images/subpic-jobseekers.jpg) no-repeat; width:300px; height:338px; border:10px #fff solid; border-width: 0 0 9px 0;}
	#SubSide .testimonials{ background:url(images/subpic-testimonials.jpg) no-repeat; width:300px; height:338px; border:10px #fff solid; border-width: 0 0 9px 0;}
	#SubSide .contactus{ background:url(images/subpic-contact.jpg) no-repeat; width:300px; height:338px; border:10px #fff solid; border-width: 0 0 9px 0;}
	#SubSide ul{ padding:0 0 10px 30px; font-size:12px; margin:0}
	#SubSide li{ padding:0 0 8px 0; line-height:17px}
#SubCopy{ background:url(images/fade-bg.jpg) repeat-x; width:611px; border:#000 solid 1px; border-width:1px 0 0 0; float:left;}
	#SubCopy ul{ padding:0 0 10px 30px; font-size:12px; margin:0}
	#SubCopy ol{ padding:0 0 10px 30px; font-size:12px; margin:0}
	#SubCopy li{ padding:0 0 8px 0; line-height:17px}
	#SubCopy strong{ color:#6e6e6e;}
#TitleAbout{ background:url(images/title-about.gif) no-repeat; width:602px; height:49px; padding:0 9px 0 0;}
#TitleEmp{ background:url(images/title-emp.gif) no-repeat; width:602px; height:49px; padding:0 9px 0 0;}
#TitleJs{ background:url(images/title-js.gif) no-repeat; width:602px; height:49px; padding:0 9px 0 0;}
#TitleTest{ background:url(images/title-test.gif) no-repeat; width:602px; height:49px; padding:0 9px 0 0;}
#TitleContact{ background:url(images/title-contact.gif) no-repeat; width:602px; height:49px; padding:0 9px 0 0;}
#Testim{}
#Testim h4{color:#005395; font-size:16px; padding:0 0 4px 0;}
#Testim p{ padding:0 0 14px 24px;}


/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:6px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#c7d9e8; border:#ccc 1px solid; padding:0;}
	div.question h1{padding:4px 4px 2px 4px; color:#009c73; font-size:14px}
	div.question:hover {background:#fff; border:#009c73 1px solid; cursor:pointer}
	div.question.active{background:#fff; border:#009c73 1px solid;}
	
/***********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: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; font-size:11px}
	.field-label { float:left; width:180px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* 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;}