/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#7a7a7a url(images/bg-slice.gif) repeat-x; font-family:Tahoma, Geneva, sans-serif; color:#000; }
* { margin: 0 auto; padding: 0; }		/*<------<--------<-----| This assumes we're centering!!! */
a img { border: none; }
a { color:#2e50f8 }
a:hover, a.current { text-decoration: underline; }
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:12px; }
strong { color:#000; }
hr { color:#ccc; border:1px solid #ccc; border-width:0 0 1px 0; margin:0 0 10px 0 }
h1 { color:#010054; font-size:20px; padding:0 0 10px 0; }
h2 { color:#010054; font-size:20px; padding:0 0 10px 0; text-transform:uppercase }
h3 { color:#010054; font-size:16px; padding:0 0 10px 0; }
h4 { color:#010054; font-size:14px; padding:0 0 2px 0; }
h4 a{ color:#010054; font-size:14px; padding:0 0 2px 0; text-decoration:none }
h5 { color:#010054; font-size:12px; padding:0 0 10px 0; }
h6 { color:#010054; 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 }
/*************WRAPPERS**************/
#PageWrapper { width:925px; }
#Top { width:925px; height:86px; font-size:12px; }
#Top a { text-decoration:none }
#Top a:hover { text-decoration:underline }
#Top .right { padding:26px 10px 0 0; font-size:12px; line-height:20px; text-align:right }
#Banner { background:url(images/hp-top-bg.gif) no-repeat; width:905px; height:247px; padding:2px 2px 0 18px; overflow:hidden }
	
	#Banner ul { margin:0; padding:0; list-style:none }
	#Banner li { float:left; margin:0; padding:0; }
	#Banner li.pic { float:left; height:247px; width:730px}
	#Banner li a span { display:none; }
	#Banner li a { width: 27px; height:247px; display: block; float: left; padding: 0; }
	#Banner li a.one { background: url(images/sub-labels-1.gif) no-repeat left; }
	#Banner li a.two { background: url(images/sub-labels-2.gif) no-repeat left; }
	#Banner li a.three { background: url(images/sub-labels-3.gif) no-repeat left; }
	#Banner li a.four { background: url(images/sub-labels-4.gif) no-repeat left; }
	#Banner li a.five { background: url(images/sub-labels-5.gif) no-repeat left; }
	#Banner li a.six { background: url(images/sub-labels-6.gif) no-repeat left; }
	#Banner li a:hover { background-position:right; }
	#Banner li a.current { background-position:right; }
#Nav { background:url(images/nav-bg.jpg) repeat-x; height:67px; border:2px solid #fff; clear:both; width:921px }
#MainNav { position:relative; font-weight:bold; color:#fff; }
	#MainNav ul { list-style:none; color:#fff; font-weight:bold; padding:0 0 4px 20px; margin:0; font-size:14px; text-transform:uppercase }
	#MainNav ul li { float:left; display:block; margin:0; padding:0 3px; }
	#MainNav ul li a { font-weight:bold; color:#fff; text-decoration:none; padding:12px 18px 14px 18px; margin:0; display:block }
	#MainNav ul li a:hover { font-weight:bold; background-color:#c05f0a; color:#fff; }
	#MainNav ul li a.current { font-weight:bold; background-color:#c05f0a; color:#fff; }
/***********DropDownMenu********************/
	#MainNav ul ul {position: absolute; display: none; left:10px; _left:-882px; top:0; margin:0; padding:0 0 0 0; background:#2f4ff8; width:880px; border-top:2px #fff solid; clear:both}
	#MainNav ul ul li {float:left; padding:0 4px 1px 4px; margin:0; color:#fff; font-weight:bold; font-size:11px; display:block !important; position:relative;}
	#MainNav ul ul:hover {display:block !important; }
	#MainNav ul li:hover ul {display: block !important; top:43px; position:absolute; font-size:11px;}
	#MainNav ul li:hover ul a{font-size:11px; padding:0 14px 0 0; margin:0; text-decoration:none; color:#fff; font-weight:bold}
	#MainNav ul li:hover ul li {display: block !important; float:left; font-size:11px; margin:0; padding:3px; }
	#MainNav ul li:hover ul li:hover{color:#fff; text-decoration:none;  font-size:11px; margin:0; padding:3px;}	
	#MainNav ul li ul li a:hover{color:#fff; text-decoration:underline; background-color:#2f4ff8; font-size:11px; margin:0; padding:0 14px 0 0;}
	#MainNav li:hover a, #TopNav li.sfHover a {color:#fff; text-decoration:none; font-weight:bold; background-position: bottom;}
	#MainNav li:hover ul a, #TopNav li.sfHover ul a {color: #000; display:block !important; margin:0; position:relative; background-position: bottom;}
	#MainNav li:hover ul a:hover, #TopNav li.sfHover ul a:hover {color: #fff; text-decoration:underline; margin:0; position:relative;}	
	
#SubNav { width:911px; text-transform:uppercase; margin:0; padding:0 0 0 10px;}
	#SubNav ul {list-style:none;  margin:0; padding:0 0 0 0; background:#2f4ff8; width:880px; border-top:2px #fff solid; clear:both}
	#SubNav ul li {float:left; padding:0 4px 1px 4px; margin:0; color:#fff; font-weight:bold; font-size:11px;}
	#SubNav ul:hover { }
	#SubNav ul { font-size:11px;}
	#SubNav ul a{font-size:11px; padding:0 14px 0 0; margin:0; text-decoration:none; color:#fff; font-weight:bold}
	#SubNav ul a.current{font-size:11px; padding:0 14px 0 0; margin:0; text-decoration:underline; color:#fff; font-weight:bold}
	#SubNav ul li { float:left; font-size:11px; margin:0; padding:3px; }
	#SubNav ul li:hover{color:#fff; text-decoration:none;  font-size:11px; margin:0; padding:3px;}	
	
	
	
#Middle { width:925px; background-color:#fff; }
#Middle ul, #Middle ol { margin:0; padding:0 0 10px 30px; font-size:12px; line-height:16px; }
#Middle li { margin:0; padding:0 0 4px 0; }

#Middle2 { width:925px; background-color:#fff; }

#Copy { float:left; width:590px; padding:14px 34px 6px 20px; }
#Copy2 { float:left; width:846px; padding:14px 34px 6px 20px; }
#SidebarHolder { width:265px; padding:14px 0px 0 0; float:left }
	#SidebarSocial{ background:url(images/sub-social-2.jpg) no-repeat; width:265px; height:51px; margin-bottom:12px;}
	#Sidebar { background:#e1e1e1; width:265px; }
		#Sidebar h1 { color:#fff; padding:6px 10px; font-size:18px; }
		#SidebarPadd { padding:6px 6px 0 6px; }
		#SidebarTopHp { background:url(images/sidebar-top.jpg) no-repeat; height:36px; width:265px; }
		#SidebarBottom { width:265px; height:12px; background:url(images/sidebar-bottom.jpg) no-repeat; overflow:hidden }
#SidebarNews{ background:#fff url(images/sidebar-news.jpg) no-repeat; border:10px solid #fff; border-width:10px 0 0 0; width:221px; height:43px; padding:8px 0 0 44px}
#SidebarNews a{ color:#fff; text-decoration:none; font-weight:bold; font-size:14px;}
	
#Bottom { background:url(images/bottom.gif) no-repeat; width:909px; padding:24px 8px 56px 8px; text-transform:uppercase; font-size:10px; letter-spacing:-0.05px; color:#010062 }
	#Bottom ul { list-style:none; margin:0; padding:0; float:left }
	#Bottom li { padding:0 2px; margin:0; float:left }
	#Bottom li a { color:#010062; text-decoration:none }
	#Bottom li a:hover { text-decoration:underline }
	#Bottom .icons { float:right; background:url(images/hp-social.png) no-repeat; width:119px; height:22px }
#site_credits { cursor:pointer }

#TopNav {width: 129px; height: 65px; list-style: none; padding: 0; position:relative; display:block; float:right; padding:12px 6px 0 0;}
#TopNav ul {margin:0; padding:0; list-style:none}
#TopNav li {float: left;}				
#TopNav li a span {display: none; }				
#TopNav li a {width: 129px; display: block; float: left; padding: 0;}				
#TopNav li a.employer {height:22px; background: url(images/top-nav_01.gif) no-repeat left;}
#TopNav li a.employee {height:23px; background: url(images/top-nav_02.gif) no-repeat left;}		
#TopNav li a.apply {height:22px; background: url(images/top-nav_03.gif) no-repeat left;}
#TopNav li a:hover {background-position: right; }
#TopNav li a.current {background-position: right; }
/*************JQuery Styles***************/
div.answer { display: none; }
.answer { padding:4px 10px; margin-bottom:5px; }
div.question { margin:2px 0 4px 0;; padding:0; }
div.question h4 { background:#2e51f7; padding:4px; color:#fff; font-size:13px; cursor:pointer }
div.question h4:hover { background:#010061; cursor:pointer }
div.question h4.active { background:#010061; }
	
/*************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; }