/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#393939 url(../images/bg-slice.jpg) repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#0075bb; font-weight:bold; text-decoration:none}
a:hover, a.current {text-decoration: underline;}
p { font-size:12px; padding:0 0 10px 0; line-height:15px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:12px;}
strong { color:#000;}
hr{ border:2px solid #fff; border-width:0 0 2px 0; color:#fff; margin:4px 0 10px 0; padding:0;}

h1{background:url(../images/h1-circles.gif) no-repeat left; height:24px; color:#000; font-size:18px; padding:10px 0 10px 30px; text-transform:uppercase}
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%;}	/****<-----| 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}
.blueLine{ border:10px solid #1984bb; border-width:0 0 10px 0; clear:both;}
.redLine{ border:10px solid #9f4c46; border-width:10px 0 0  0; clear:both;}

/*************WRAPPERS**************/
#PageWrapper{ width:992px; padding:20px 0 10px 0;}
#Wrapper{ width:992px; border:1px solid #fff; background:#fff}

/*****************NAV****************/
#Nav{width:992px; height:30px; list-style:none; padding:0; position:relative; display:block; background:#ccc;}
#Nav ul{margin:0; padding:0;list-style:none}
#Nav li{float:left;}				
#Nav li a span{display:none;}				
#Nav li a{height: 30px; display: block; float: left; padding: 0;}
#Nav li a.home{width:142px; background: url(../images/nav_01.gif) no-repeat top;}				
#Nav li a.about{width:141px; background: url(../images/nav_02.gif) no-repeat top;}
#Nav li a.employers{width:142px; background: url(../images/nav_03.gif) no-repeat top;}		
#Nav li a.jobseekers{width:142px; background: url(../images/nav_04.gif) no-repeat top;}
#Nav li a.search{width:142px; background: url(../images/nav_05.gif) no-repeat top;}		
#Nav li a.resources{width:141px; background: url(../images/nav_06.gif) no-repeat top;}
#Nav li a.contact{width:142px; background: url(../images/nav_07.gif) no-repeat top;}
#Nav li a:hover{background-position:center; }
#Nav li a.current{background-position:bottom; }

/***********BANNER******************/
#BannerHp{ background:url(../images/hp-flash.jpg) no-repeat; width:971px; height:300px; padding:10px 11px 10px 10px; margin:0 0 1px 0}
#BannerSubAbout{ background:url(../images/bss-sub-about_img.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
#BannerSubEmployers{ background:url(../images/bss-sub-employers_img.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
	#BannerSubEmployersSci{ background:url(../images/bss-sub-employers_img-sci.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
	#BannerSubEmployersConst{ background:url(../images/bss-sub-employers_img-const.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
	#BannerSubEmployersMfg{ background:url(../images/bss-sub-employers_img-mfg.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
	#BannerSubEmployersGreen{ background:url(../images/bss-sub-employers_img-green.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
	#BannerSubEmployersIt{ background:url(../images/bss-sub-employers_img-it.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
#BannerSubJobSeekers{ background:url(../images/bss-sub-seekers_img.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
#BannerSubSearch{ background:url(../images/bss-sub-search_img.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
#BannerSubResources{ background:url(../images/bss-sub-resources_img.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}
#BannerSubContact{ background:url(../images/bss-sub-contact_img.jpg) no-repeat; width:992px; height:237px; margin:0 0 1px 0}

#HpMiddle{ background:#fff url(../images/hp-bg.jpg) no-repeat bottom; width:972px; padding:6px 10px 0 10px;}
#HpLeft{ float:left; width:500px; padding:0 0 0 4px;}
#HpRight{ float:right; width:326px; padding:68px 16px 0 0;}
#HpBlog{ width:310px; height:158px; padding:0 0 16px 0}
#HpSocialMedia{ float:right;}

#SubMiddle{ background:#fff; width:972px; padding:10px 10px 0 10px; position:relative}

#SubMiddlePic01{ background:url(../images/img-01.png) no-repeat; right:210px; width:205px; height:441px; position:absolute;}
#SubMiddlePic02{ background:url(../images/img-02.png) no-repeat; right:230px; width:181px; height:441px; position:absolute;}
#SubMiddlePic03{ background:url(../images/img-03.png) no-repeat; right:210px; width:205px; height:441px; position:absolute;}
#SubMiddlePic04{ background:url(../images/img-04.png) no-repeat; right:210px; width:205px; height:441px; position:absolute;}
#SubMiddlePic05{ background:url(../images/img-05.png) no-repeat; right:210px; width:205px; height:441px; position:absolute;}
#SubMiddlePic06{ background:url(../images/img-06.png) no-repeat; right:241px; width:154px; height:441px; position:absolute;}
#SubMiddlePic07{ background:url(../images/img-07.png) no-repeat; right:210px; width:205px; height:441px; position:absolute;}
#SubMiddlePic08{ background:url(../images/img-08.png) no-repeat; right:210px; width:205px; height:441px; position:absolute;}
#SubMiddlePic09{ background:url(../images/img-09.png) no-repeat; right:210px; width:205px; height:441px; position:absolute;}
#SubMiddlePic10{ background:url(../images/img-10.png) no-repeat; right:241px; width:181px; height:441px; position:absolute;}
#SubMiddlePic11{ background:url(../images/img-11.png) no-repeat; right:241px; width:181px; height:441px; position:absolute;}
#SubMiddlePic12{ background:url(../images/img-12.png) no-repeat; right:241px; width:181px; height:441px; position:absolute;}

#SubNav{ width:972px; font-size:12px; padding:0 0 0 10px}
#SubNav a{ padding:0 4px 0 4px; font-weight:normal; color:#000;}
#SubNav a.activeSubMenuItem{ text-decoration:underline}
#SubNav strong{ font-size:16px;}
#SubNav strong a{ font-weight:bold; padding:0;}

#SubLeft{ float:left; width:590px; padding:8px 0 0 10px;}
#SubLeft ul{ font-size:12px; padding:0 0 10px 30px; line-height:15px; margin:0;}
#SubLeft ol{ font-size:12px; padding:0 0 10px 30px; line-height:15px; margin:0;}
#SubLeft li{ margin:0; padding:0;}
#SubLeft3{ float:left; width:650px; padding:14px 0 0 10px;}
#SubLeft3 ul{ font-size:12px; padding:0 0 10px 30px; line-height:15px; margin:0;}
#SubLeft3 ol{ font-size:12px; padding:0 0 10px 30px; line-height:15px; margin:0;}
#SubLeft3 li{ margin:0; padding:0;}
#SubLeft2{ float:left; width:940px; padding:8px 0 10px 10px;}
#SubLeft2 ul{ font-size:12px; padding:0 0 10px 30px; line-height:15px; margin:0;}
#SubLeft2 ol{ font-size:12px; padding:0 0 10px 30px; line-height:15px; margin:0;}
#SubLeft2 li{ margin:0; padding:0;}
#SubRight{ float:right; width:250px; padding:8px 0 0 0;}
#SubRightBoxTop{ background:url(../images/side-box-top.gif) no-repeat; width:250px; height:19px; overflow:hidden}
#SubRightBoxMiddle{ background:url(../images/side-box-middle.gif) repeat-y; width:214px; padding:0 16px 0 20px;}
#SubRightBoxBottom{ background:url(../images/side-box-bottom.gif) no-repeat; width:250px; height:19px; overflow:hidden; margin:0 0 8px 0;}
#SubRight ul{ margin:0; padding:0 0 10px 30px; font-size:12px; list-style:square}
#SubRight ol{ margin:0; padding:0 0 10px 30px; font-size:12px; }
#SubRight li{ margin:0; padding:0 0 0 0;}
#SubBottom{ background:url(../images/sm-btns-sub.gif) no-repeat right; width:972px; padding:0 10px 6px 10px; height:20px;}

#SubRight ul.subsubnav{ list-style:url(../images/arrow-red.gif); margin:0; padding:0 0 10px 20px; }
#SubRight ul.subsubnav ul{ margin:4px 0 0 0; padding:0 0 6px 15px;}
#SubRight ul.subsubnav ul li a{ font-weight:normal;}
#SubRight ul.subsubnav li{ margin:0; padding:0}
#SubRight ul.subsubnav li a{ color:#000; font-size:12px;}
#SubRight ul.subsubnav li a.current{ color:#000; font-size:12px; text-decoration:underline}

/***********FOOTER******************/
#Footer{ padding:2px 0; font-size:11px; color:#ccc;}
#Footer div{ width:992px; padding:0 0 0 0; clear:both}
#Footer p{ margin:0; padding:0; font-size:11px;}
#Footer a{ color:#ccc; text-decoration:none; font-weight:normal;}
#Footer a:hover{ text-decoration:underline}
#site_credits{ cursor:pointer}

/*************JQuery Styles***************/
div.answer { display: none; }
.answer { padding:8px; margin-bottom:5px; }
div.question { padding:0 0 4px 0; }
div.question h4 { background:#c67330; padding:2px 4px; color:#fff; font-size:13px; cursor:pointer; }
div.question h4:hover { background:#0067ac; cursor:pointer }
div.question.active h4 { background:#0067ac; }
div.question h5 { background:#c67330; padding:2px 4px; color:#000; font-size:12px; cursor:pointer; font-weight:normal; line-height:15px; }
div.question h5 strong{ font-weight:bold; color:#fff; font-size:13px;}
div.question h5:hover { background:#0067ac; cursor:pointer }
div.question.active h5 { background:#0067ac; }
	
div.answer2 { display: none; }
.answer2 { padding:8px; margin-top:5px; }
div.question2 { padding:0 0 4px 0; width:210px; }
div.question2 h4 { background:#9f4c46; padding:2px 4px; color:#fff; font-size:13px; cursor:pointer; }
div.question2 h4:hover { background:#0067ac; cursor:pointer }
div.question2.active h4 { background:#0067ac; }

/*************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;}
	
/*****************Homepage Blog*******************************************/
.fl {float: left; display: inline;}
.news_slider {position: relative; width: 310px; margin: 0 auto; text-align: left; clear:both}
.news_slider .messaging {display:block;}
.news_slider .prev, .news_slider .next {position: absolute; display: none;}
.news_slider .next {right: 0;}
.news_slider .container {position:relative; top:0; left:0; height:158px; overflow:hidden;}
.news_slider .news_items {position: relative; width: 310px; top: 0;  overflow: hidden;}
.news_slider .view_all {display:none;padding:0; margin:0; text-align: center;}
.news_slider .item {width: 310px; font-size:12px; color:#000; padding:0 0 8px 0; margin:0; float:left; line-height:14px}
	.news_slider .item img{float:left; padding:0}
	.news_slider .item .blogcopy{float:left; width:310px; margin:0; padding:0;}	
	.news_slider h3{font-size:10px; color:#5e5e5e; padding:0; margin:0; display:inline; font-weight:normal; line-height:14px}
	.news_slider h4{ margin:0; padding:0; line-height:14px;}
	.news_slider h4 a{text-decoration:none; font-size:12px; color:#0075bb; text-transform:uppercase; padding:0; margin:0; display:inline; line-height:14px}
	.news_slider p{float:left; font-size:11px; color:#000; padding:0; margin:0;}
.news_slider .item div {width: 310px; padding:0;}
.item fl{margin:0; padding:0}

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

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