/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); background-color:#a6a6a7; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#0113c5; font-weight:bold; text-decoration:none;}
	a:hover, a.current {text-decoration: underline;}
p { font-size:12px; padding:0 0 12px 0; line-height:18px}
td, th, tr {font-size:11px;}
strong { color:#c80135;}

h1{color:#c80135; font-size:20px; padding:0 0 10px 0;}
h2{color:#c80135; font-size:18px; padding:0 0 10px 0;}
h3{color:#c80135; font-size:16px; padding:0 0 10px 0;}
h4{color:#000; font-size:14px; padding:0 0 10px 0;}
h5{color:#000; font-size:14px; padding:0 0 2px 0;}
h6{color:#000; font-size:10px; padding:0 0 10px 0;}

/************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;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both; margin:0 10px 0 20px}
.greyLine2 { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both;}
.greyLine3 { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both; margin:0 10px 0 50px}

/***********NAVIGATION**************************************************/
#Nav {width: 902px; height: 153px; list-style: none; background-color: #000; padding: 0 2px; 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: 153px; display: block; float: left; padding: 0;}					
#Nav li a.aboutus {width:149px; background: url(images/hp-nav_01.jpg) no-repeat top;}		
#Nav li a.employers {width:150px; background: url(images/hp-nav_02.jpg) no-repeat top;}					
#Nav li a.jobseekers {width:151px; background: url(images/hp-nav_03.jpg) no-repeat top;}				
#Nav li a.search {width:152px; background: url(images/hp-nav_04.jpg) no-repeat top;}	
#Nav li a.resources {width:152px; background: url(images/hp-nav_05.jpg) no-repeat top;}
#Nav li a.contactus {width:148px; background: url(images/hp-nav_06.jpg) no-repeat top;}		
#Nav li a:hover {background-position: bottom; }
#Nav li a.current {background-position: bottom; }
	
#Nav2 {width: 902px; height:40px; list-style: none; background-color: #000; padding: 0 2px; position:relative; clear:both; display:block;}
#Nav2 ul {margin:0; padding:0; list-style:none}
#Nav2 li {float: left;}					
#Nav2 li a span {display: none; }				
#Nav2 li a {height: 40px; display: block; float: left; padding: 0;}					
#Nav2 li a.aboutus {width:149px; background: url(images/sub-nav_01.jpg) no-repeat top;}		
#Nav2 li a.employers {width:150px; background: url(images/sub-nav_02.jpg) no-repeat top;}					
#Nav2 li a.jobseekers {width:151px; background: url(images/sub-nav_03.jpg) no-repeat top;}				
#Nav2 li a.search {width:152px; background: url(images/sub-nav_04.jpg) no-repeat top;}	
#Nav2 li a.resources {width:152px; background: url(images/sub-nav_05.jpg) no-repeat top;}
#Nav2 li a.contactus {width:148px; background: url(images/sub-nav_06.jpg) no-repeat top;}	
#Nav2 li a:hover {background-position: bottom; }
#Nav2 li a.current {background-position: bottom; }

/***********DIVS**************************************************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:970px; background:url(images/bg-slice.jpg) repeat-y; margin-top:10px;}
#PageSubWrapper{ width:970px; background:url(images/bg-slice-sub.jpg) repeat-y; margin-top:10px;}
#PageSubWrapper2{ width:970px; background:url(images/bg-slice-sub2.jpg) repeat-y; margin-top:10px;}
#HpContent{ background:url(images/logo.gif) no-repeat top left; width:906px; height:434px;}
#SubContent{ background:url(images/sub-watermark.jpg) no-repeat top left; width:906px;}
#SubContent ul{ font-size:12px; line-height:18px; padding:0 0 12px 20px; margin:0;}
#SubContent ol{ font-size:12px; line-height:18px; padding:0 0 12px 20px; margin:0;}
#SubContent li{ padding:0 0 4px 0}

#Top{ background:url(images/top.jpg) no-repeat; width:970px; height:32px;}
#SubTop{ background:url(images/sub-top.jpg) no-repeat; height:96px; width:906px;}
#Bottom{ background:#a6a6a7 url(images/bottom.jpg) no-repeat; color:#fff; width:910px; height:32px; padding:10px 30px}
#Bottom h4{ color:#fff;}
#Bottom a{ color:#fff;}

#SideBar{ width:220px; padding:10px 0 10px 20px; float:left}
#SubNav{ text-align:center;}
/** Apply Link **/
#Apply a:link, #Apply a:active, #Apply a:visited {color:#c80135; text-decoration:none;}
#Apply a:hover {color:#ffffff; text-decoration:underline;}
/** Apply Link End **/
#SubNav ul{ list-style:none; float:right; width:180px; font-size:11px;}
#SubNav li{ text-align:left; border:1px solid #c80135; border-width:0 0 1px 0; padding:7px 0 7px 0;}
#SubNav li a{ color:#fff; text-decoration:none; font-weight:normal; padding:0 0 0 16px;}
#SubNav li a:hover{ text-decoration:underline; background:url(images/circle.gif) no-repeat; padding:0 0 0 16px;}
#SubNav li a.current{ text-decoration:underline; background:url(images/circle.gif) no-repeat; padding:0 0 0 16px;}
#SidePic{ padding:10px 20px 10px 0; float:right}
#SidePic img{border:1px #000 solid; }

#Logo{ float:left; width:300px}
#Login{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; float:right; padding:8px 10px 66px 0; font-size:12px;}
#Flash{ width:906px; height:345px; clear:both}

#SideCopy{ padding:14px 0 10px 0; float:right; width:170px; color:#fff;}
#SideCopy h2{ background-color:#343233; padding:4px; margin:0 0 10px 0; font-style:italic; font-size:16px; color:#fff;}
#SideCopy a{ color:#0113c5;}
#SideCopy p{ padding:0 0 10px 4px}
#SubCopyArea{ float:left}
#SubCopyArea3{ float:left; padding:0 0 10px 0;}

#SideCopy2{ padding:25px 0 10px 0; float:right; width:870px; color:#fff;}
#SideCopy2 h2{ background-color:#343233; padding:4px; margin:0 0 10px 0; font-style:italic; font-size:16px; color:#fff;}
#SideCopy2 a{ color:#0113c5;}
#SideCopy2 p{ padding:0 0 10px 4px}

#BottomNav{ padding:0 0 0 50px; text-align:center; margin-top:4px; margin-bottom:4px}
#BottomNav ul{ font-family:Georgia, "Times New Roman", Times, serif; list-style:none;}
#BottomNav li{ float:left;}
#BottomNav li a{ padding:2px 5px; margin:0; color:#404143; font-weight:normal; font-size:14px}
#BottomNav li a:hover{ color:#c80135; text-decoration:none}
#BottomNav li a.current{ color:#c80135; text-decoration:none}

#BottomNav2{ padding:0 0 0 280px; text-align:center; margin-top:4px; margin-bottom:4px}
#BottomNav2 ul{ font-family:Georgia, "Times New Roman", Times, serif; list-style:none;}
#BottomNav2 li{ float:left;}
#BottomNav2 li a{ padding:2px 5px; margin:0; color:#404143; font-weight:normal; font-size:14px}
#BottomNav2 li a:hover{ color:#c80135; text-decoration:none}
#BottomNav2 li a.current{ color:#c80135; text-decoration:none}

#SubCopy{ width:446px; padding:20px 14px 20px 23px; float:left}
#SubCopy2{ width:610px; padding:20px; float:left}
#SubCopy3{ width:830px; padding:20px 30px 20px 60px; float:left}
#RightSide{ width:150px; padding:20px 10px 20px 12px; float:left}
#GreyBox{ width:128px; border:1px solid #646362; padding:10px;}
#GreyBox p{ font-size:11px}
#RightSidePic{ padding:10px 0 0 0;}

/**************JQUERY***********************************************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#666465; padding:0; cursor:pointer}
	div.question h4{padding:4px; color:#fff; font-size:14px; cursor:pointer}
	div.question:hover {background:#c80135; cursor:pointer}
	div.question.active{background:#c80135;}
	
/*********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. */	
	form{ padding:0 0 14px 0px;}
	#myForm.mceVisualAid p { padding:0 0 10px 0;}
	input[type="text"]{width:150px;}
	textarea{width:250px;}
	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;}
	
/***********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;} 

.boldtextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.apply {
  font-size:24px;
	font-weight:bold;
	color:#c80135;
	}