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

/* reusable classes */
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%;}
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}
.formpadding td {padding: 0 0 10px 0;}
.box{ width:250px; float:left; padding:56px 20px 10px 24px}
.fontstyle{ font-size:12px; padding:0 0 14px 0; line-height:18px}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}

#PageWrapper{ width:860px; position:relative; padding:10px 0 10px 0;}
#SubWrapper{ background:url(images/sub-slice.gif) repeat-y; width:860px;}
#SubWrapperBlank{ background:url(images/sub-slice-blank.gif) repeat-y; width:860px;}
#Wrapper{ width:860px; padding:118px 0 0 0; margin:0; overflow:hidden}

#HpTop{ background:url(images/top-hp.gif) no-repeat; width:895px; height:117px; position:absolute; left:-35px}
#HpWrapper{ width:860px; padding:0; margin:0; height:433px}
#HpSidebar{ width:175px; float:left; height:433px;}
#BtnSecret{ background:url(images/btn-secret.gif) no-repeat; width:175px; height:144px; float:left; overflow:hidden}
#HpFlash{ background:url(images/hp-flash.jpg) no-repeat; width:684px; height:433px; float:left; border:1px #fff solid; border-width:0 0 0 1px}
#HpBtns{ background:url(images/hp-btns.jpg) no-repeat; width:860px; height:184px; border:1px #fff solid; border-width:1px 0 0 0;}

#SubTop{ background:url(images/top-sub.gif) no-repeat; width:895px; height:117px; position:absolute; left:-35px; border:1px solid #fff; border-width:0 0 1px 0;}
#SubTop img{ padding:20px 0 0 40px;}
#SubWrapper{ width:860px; padding:0; margin:0;}
#SubSidebar{ width:175px; float:left;}
#SubNav{ background:#b5b6ba;}
#SubNav ul{ padding:4px 10px 10px 10px; margin:0; text-align:right; list-style:none; font-size:12px;}
#SubNav li{ padding:4px 0 4px 0}
#SubNav li a{ padding:0 12px 0 0; color:#000; text-decoration:none;}
#SubNav li a:hover{ background:url(images/arrow-purple.gif) no-repeat right; padding:0 12px 0 0; color:#000; text-decoration:underline;}
#SubNav li a.current{ background:url(images/arrow-purple.gif) no-repeat right; padding:0 12px 0 0; color:#000; text-decoration:underline;}
#Testimonial{ background:#594091; width:175px; float:left; border:2px #fff solid; border-width:2px 0 0 0;}
#Testimonial span{ padding:10px; color:#fff; font-size:11px; line-height:20px; float:left; position:relative;}
#Testimonial span strong{ color:#fff;}


#SubContent{ width:684px; float:left; padding:0 0 0 1px;}
#SubContent h1{ padding:10px 0 10px 10px; background-color:#fff; color:#332a86; font-weight:normal; text-transform:uppercase; font-size:22px;}

#BannerAbout{ background:url(images/banner-about.jpg) no-repeat; height:51px; width:684px;}
#BannerEmp{ background:url(images/banner-employers.jpg) no-repeat; height:51px; width:684px;}
#BannerJs{ background:url(images/banner-js.jpg) no-repeat; height:51px; width:684px;}
#BannerJl{ background:url(images/banner-jl.jpg) no-repeat; height:51px; width:684px;}
#BannerRes{ background:url(images/banner-resources.jpg) no-repeat; height:51px; width:684px;}
#BannerContact{ background:url(images/banner-contact.jpg) no-repeat; height:51px; width:684px;}

#HeadlineAbout{ background:url(images/headline-about.gif) no-repeat; height:51px; width:684px;}
#HeadlineEmp{ background:url(images/headline-employers.gif) no-repeat; height:51px; width:684px;}
#HeadlineJs{ background:url(images/headline-js.gif) no-repeat; height:51px; width:684px;}
#HeadlineJl{ background:url(images/headline-jl.gif) no-repeat; height:51px; width:684px;}
#HeadlineRes{ background:url(images/headline-resources.gif) no-repeat; height:51px; width:684px;}
#HeadlineContact{ background:url(images/headline-contact.gif) no-repeat; height:51px; width:684px;}

#BodyCopy{ float:left; width:406px; padding:0 20px 10px 20px;}
#BodyCopy ul{ margin:0; padding:0 0 10px 24px; font-size:12px; line-height:18px; list-style:square}
#BodyCopy li{ padding:0 0 6px 0;}

#BodyCopy2{ float:left; width:640px; padding:0 20px 10px 20px;}
#BodyCopy2 ul{ margin:0; padding:0 0 10px 24px; font-size:12px; line-height:18px; list-style:square}
#BodyCopy2 li{ padding:0 0 6px 0;}

#Sidebar{ width:234px; float:left; padding:4px 0 0 4px; background-color:#fff;}
#Sidebar img.pic{ border:#332a86 solid 1px; margin-bottom:1px;}
#Orangebar{ background:#fb8406 url(images/sub-orange-sidebar.gif) no-repeat; width:214px; padding:10px;}
#Orangebar ul{ margin:0; padding:0 0 10px 24px; font-size:12px; line-height:18px; list-style:square}
#Orangebar li{ padding:0 0 4px 0;}


/***********NAVIGATION**************/
#Nav {width: 175px; height:290px; float:left; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
	#Nav ul {margin:0; list-style:none; height:275px; background:#594190; padding:14px 0 0 0; _padding:11px 0 0 0;}
	#Nav li {float: left; margin:0; padding:0}				
	#Nav li a span {display: none; }				
	#Nav li a {display: block; float: left; padding: 0;}					
	#Nav li a.home {width:175px; height:27px; background: url(images/nav-home.gif) no-repeat left;}
	#Nav li a.employers {width:175px; height:28px; background: url(images/nav-emp.gif) no-repeat left;}
	#Nav li a.jobseekers {width:175px; height:29px; background: url(images/nav-js.gif) no-repeat left;}		
	#Nav li a.joblistings {width:175px; height:28px; background: url(images/nav-job.gif) no-repeat left;}					
	#Nav li a.resources {width:175px; height:28px; background: url(images/nav-res.gif) no-repeat left;}				
	#Nav li a.aboutus {width:175px; height:27px; background: url(images/nav-about.gif) no-repeat left;}	
	#Nav li a.contactus {width:175px; height:27px; background: url(images/nav-contact.gif) no-repeat left;}
	#Nav li a:hover {background-position: right; }
	#Nav li a.current {background-position: right; }
	
/********BOTTOM**********************************/
#Bottom{ background:#fff url(images/bottom-slice.gif) repeat-x; width:860px; height:36px; border:1px solid #fff; border-width:1px 0 0 0;}
#Bottom ul{ text-align:center; margin:0; padding:8px 0 40px 76px; list-style:none}
#Bottom li{ text-transform:uppercase; float:left; margin:0}
#Bottom li a{ color:#fff; font-size:10px; padding:0 20px; text-decoration:none;}
#Bottom li a:hover{ color:#fff; font-size:10px; padding:0 20px; text-decoration:underline;}
#Bottom span{ color:#333333; font-size:9px; text-transform:uppercase; text-align:center; width:860px; margin:0; padding:0 0 0 110px}

.ticker_headline {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;font-style:italic;font-weight:bold;color:#000;}
.ticker_title {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold;color:#000;}
.ticker_text {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
/******************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; cursor:pointer}
	div.question:hover {background:#b5b6ba; cursor:pointer}
	div.question.active{background:#b5b6ba;}
	
/***********Form Styles**************/
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
	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;}
    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;}
	.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;}