/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#063701; font-family:Tahoma, Geneva, sans-serif; color:#000; font-size:12px; }
* { margin: 0 auto; padding: 0; }		/*<------<--------<-----| This assumes we're centering!!! */
a img { border: none; }
a { color:#f65600;} /*ORANGE*/
a:hover, a.current { text-decoration: underline; }
p { padding:0 0 12px 0; line-height:17px; }
ul, ol { margin:0; padding:0 0 12px 30px;}
li { margin:0; padding:0 0 4px 0; line-height:17px;}
td, th, tr { }
strong { }
hr{ color:#ccc; border:1px solid #ccc; border-width:1px 0 0 0; margin:10px 0;}
blockquote{line-height:17px; padding:0 0 10px 24px}

h1 { color:#095c00; font-size:20px; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; }
h2 { color:#095c00; font-size:18px; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; }
h3 { color:#095c00; font-size:16px; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; }
h4 { color:#095c00; font-size:14px; padding:0 0 10px 0; }
h5 { color:#095c00; font-size:12px; padding:0 0 10px 0; }
h6 { color:#095c00; 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; }
p.box{ padding:8px 10px 10px 10px; background:#e5e5e5; border:1px solid #666465; margin:14px 0 8px 0}

/*************WRAPPERS**************/
#PageWrapper { width:934px; padding:34px 0 6px;}
#Wrapper { width:934px; border:1px solid #000;}
#HpTop{ width:934px; height:408px; border-top:30px #001300 solid; border-bottom:16px solid #000400; background:url(../images/top-hp.jpg);}
#SpTop{ width:934px; height:98px; background:#001300 url(../images/top-sp.gif) no-repeat left;}
#HpMiddle{ width:934px; border-bottom:16px solid #000400; background:url(../images/bg-hpslice.gif) repeat-y;}
#SpMiddle{ width:934px; background:url(../images/bg-spslice.gif) repeat-y;}
#Bottom{ width:934px; background:#001300; height:40px;}
#Footer{ width:934px; color:#fff; font-size:11px; line-height:16px; padding:4px 0;}
#Footer p{ padding:0;}
#FootLeft{ float:left; width:500px;}
#FootRight{ float:right; width:380px; text-align:right}
#Footer a{ color:#fff; text-decoration:none;}
#Footer a:hover{ text-decoration:underline}
#site_credits { cursor:pointer }

/***********HOMEPAGE**************************************************/
#HpNav {width:734px; height:144px; list-style:none; padding:0; position:relative; clear:both; display:block; float:left}
#HpNav ul {margin:0; padding:0; list-style:none}
#HpNav li {float:left;}					
#HpNav li a span {display:none; }				
#HpNav li a {height:144px; display:block; float:left; padding:0;}					
#HpNav li a.about {width:147px; background: url(../images/hp-nav_01.jpg) no-repeat top;}		
#HpNav li a.employers {width:147px; background: url(../images/hp-nav_02.jpg) no-repeat top;}					
#HpNav li a.jobseekers {width:146px; background: url(../images/hp-nav_03.jpg) no-repeat top;}				
#HpNav li a.search {width:147px; background: url(../images/hp-nav_04.jpg) no-repeat top;}	
#HpNav li a.contact {width:147px; background: url(../images/hp-nav_05.jpg) no-repeat top;}	
#HpNav li a:hover {background-position: bottom; }
#HpNav li a.current {background-position: bottom; }

#Quicklinks{ padding:0 0 0 14px; float:left; width:180px;}
#Quicklinks ul {list-style:none; padding:0 0 0 10px;}
#Quicklinks ul li{ color:#fff; padding:0 0 8px 0;}
#Quicklinks ul li a{ color:#fff; text-decoration:none; font-weight:bold; text-transform:lowercase; background:url(../images/arrow-orange.png) no-repeat left; padding:0 0 0 12px;}
#Quicklinks ul li a:hover{ color:#fff; text-decoration:none; font-weight:bold; text-transform:lowercase; background:url(../images/arrow-white.png) no-repeat left; padding:0 0 0 12px;}

/***********SUBPAGE**************************************************/
#SpNav{ background:#f65600; width:934px; font-family:Georgia, "Times New Roman", Times, serif; height:38px;}
#SpNav ul{ list-style:none; margin:0; padding:10px 0 0 38px;}
#SpNav ul li{ margin:0; padding:0 33px; font-size:16px; float:left}
#SpNav ul li a{ color:#fff; text-decoration:none;}
#SpNav ul li a:hover{ text-decoration:underline;}
#SpNav ul li.activeMenuListItem{text-decoration:underline; color:#fff;}

#SidebarLeft{ float:left; width:206px;}
#SidebarLeft img.other{ margin:14px 0 10px 0;}
#Content{ float:left; width:714px; border:20px solid #fff; border-width:20px 0 20px 0;}
#Copy{ float:left; width:380px; padding:0 44px 0 20px;}
#Copy2{ float:left; width:693px; padding:0 0 0 20px; background:#fff;}
#SidebarRight{ float:left; width:264px; padding:0 0 0 0;}
#SidebarRight img.main{ padding:2px; border:1px solid #e5e5e5; margin:0 0 10px 0;}

#SubNav{ padding:14px 0px; margin:0 0 10px 0;}
#SubNav ul {list-style:none; padding:0 0 0 0; float:right;}
#SubNav ul li{ color:#fff; padding:6px 0 6px 0; font-size:11px; width:182px; border-bottom:1px solid #9dd54f;}
#SubNav ul li a{ color:#fff; text-decoration:none; font-weight:normal; text-transform:lowercase; background:url(../images/arrow-orange.png) no-repeat left; padding:0 0 0 12px;}
#SubNav ul li a:hover{ color:#fff; text-decoration:none; font-weight:normal; text-transform:lowercase; background:url(../images/arrow-white.png) no-repeat left; padding:0 0 0 12px;}
#SubNav ul li.activeSubMenuListItem a{ font-weight:bold}

/*************JQuery Styles***************/
div.answer { display: none; }
.answer { padding:10px; margin-bottom:5px; }
div.question { margin:8px 0 4px 0; background:#f65600; padding:0; }
div.question h4 { padding:4px; color:#000; font-size:12px; font-weight:normal; color:#fff; line-height:17px; cursor:pointer;}
div.question:hover { background:#666465; cursor:pointer; }
div.question.active h4 { background:#063701; color:#fff; }

/*************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:190px; }
textarea { width:190px; }
select { width:190px; }
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: #990000; color: #fff; font-weight: bold; }
.custom-advice { margin: 5px 0; padding: 5px; background-color: #990000; color : #fff; font-weight: bold; }
/* Define the basic form layout */
fieldset { padding: 1em; margin-bottom: 0.5em; }
label { font-weight: bold; }
.form-row { font-size:12px; margin:0 0 8px 0 }
.field-label { float:left; width:190px; }
.field-widget { float:left; width:190px; }
/* Anything extra... */	
.red{color:#990000;}
.chart-label {float:left; width:70%;}
.chart-widget {float:left; width:30%; text-align:center;}
.formWrap{border:1px solid #999; padding:2px; clear:both; background:#f7f7f7; margin-bottom:10px}
	.formWrap h5{background:#666;text-align:center; color:#fff; font-size:14px; padding:3px; margin:2px 0;}
.tri{width:30%; display:block; float:left; text-align:center;}
.borders{border:1px solid #999;}
.rowColor{background:#dedede;}

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