/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#c2c89e; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#747475; text-align:center;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#003d79; font-weight:bold; text-decoration:underline;}
	a:active{outline:none !important;}
	a:hover, a.current {text-decoration: none; font-weight:bold}
p { font-size:11px; padding:0 0 10px 0; line-height:17px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#747475;}
.bigstrong{color:#687819; font-size:14px}
.smalltext{ font-size:12px;}
hr{ color:#666; background-color:#fff; border:1px #666 dotted; border-width:0 0 1px 0; margin-bottom:10px; }

h1{color:#003d79; font-size:22px; padding:0 0 10px 0;}
h2{color:#687819; font-size:18px; padding:0 0 10px 0;}
h3{color:#003d79; font-size:16px; padding:0 0 10px 0;}
h4{color:#687819; font-size:16px; padding:0 0 10px 0;}
h5{color:#003d79; font-size:14px; padding:0 0 10px 0;}
h6{color:#687819; font-size:14px; padding:0 0 10px 0;}

/***********Reusabel classes**************/
.right{float:right;}
.left{float:left;}
.full{position:relative; width:99%; clear:both;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}
.formpadding td {padding: 0 0 10px 0;}
.padd{ padding:2px 10px 10px 20px;}
.padd2{ padding:14px;}
.padd3{ padding:14px 14px 14px 28px;}
.purpleLine { border:1px solid #b9b9b9; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

/***********Wrappers**************/			/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#HpBg{ background:url(images/hp-bg.jpg) no-repeat; width:906px; margin-top:14px;}

#PageWrapper{ width:906px; background:#c2c89e url(images/bg-slice.jpg) repeat-y; margin-top:14px; text-align:left}
#Top{ background:url(images/top.jpg) no-repeat; width:906px; height:32px;}
#Bottom{ background:#c2c89e url(images/bottom.jpg) no-repeat; width:906px; color:#cacaca; padding-top:26px}

#Footer{ width:906px;}
#Footer ul{ list-style:none; text-transform:lowercase; float:right; padding:0 18px;}
#Footer li{ float:right; color:#003d79; font-size:11px; padding:0 3px;}
#Footer li a{ color:#003d79; text-decoration:none; font-weight:normal}
#Footer li a:hover{ color:#003d79; text-decoration:underline; font-weight:normal}
#Footer li a.current{ color:#003d79; text-decoration:underline; font-weight:normal}
#Footer .leftsidefoot { float:left; width:300px; color:#003d79; font-size:11px; padding:0 0 20px 18px; text-align:left}
#Footer img{ border:1px solid #687819; margin-top:4px; margin-right:4px}
#Footer #SiteCredits{ color:#003d79; font-size:11px; text-align:right; float:right; padding:6px 22px 0 0; cursor:pointer}
/***********HP**************/
#HpWrapper{ width:838px;}
#HpLeft{ float:left; width:620px; padding:360px 4px 0 40px; margin-bottom:90px;}
#HpNav{float:left;}
	#HpNav ul{ list-style:none; text-transform:uppercase; padding:0 0 8px 0px;}
	#HpNav li{ float:left; color:#a7a9ac; font-size:11px; padding:0 2px;}
	#HpNav li a{ color:#8e9a53; text-decoration:none; font-weight:normal}
	#HpNav li a:hover{ color:#687819; text-decoration:underline; font-weight:normal}
	
#HpEdu{ background:url(images/headline-education.gif) no-repeat; float:left; width:600px; margin-top:110px;}
#HpEdu p{ padding:20px 0 0 10px; float:left}

/***********SUB**************/
#SubWrapper{ width:838px; border:1px solid #b9b9b9; margin:0 0 0 34px;}
#SubLeft{ float:left; width:503px; padding:20px 4px 0 16px;}
#SubLogo{ background:url(images/logo-sc.gif) no-repeat; width:505px; height:90px;}
#Nav{ height:24px; width:503px; margin-top:4px;}
	#Nav ul{ list-style:none; text-transform:uppercase;}
	#Nav li{ float:left; color:#fff; font-size:11px; font-weight:bold; border:1px #fff solid; border-width:0 1px 1px 0; background-color:#b7be8e}
	#Nav li a{ color:#fff; text-decoration:none; font-weight:bold; background-color:#b7be8e; padding:5px 8px; display:block}
	#Nav li a:hover{ color:#fff; text-decoration:none; font-weight:bold; background-color:#013364; padding:5px 8px;}
	#Nav li a.current{ color:#fff; text-decoration:none; font-weight:bold; background-color:#013364; padding:5px 8px;}
#SubNav{ background-color:#687819; height:26px; float:left; width:502px; clear:both; margin-bottom:10px;}
	#SubNav ul{ list-style:none; text-transform:uppercase; padding:5px 0 8px 30px;}
	#SubNav li{ float:left; color:#fff; font-size:11px; padding:0 4px; font-weight:bold}
	#SubNav li a{ color:#fff; text-decoration:none; font-weight:bold}
	#SubNav li a:hover{ color:#fff; text-decoration:underline; font-weight:bold}
	#SubNav li a.current{ color:#fff; text-decoration:underline; font-weight:bold}
#SubCopyArea{ width:500px; border:1px solid #b9b9b9; margin-top:14px; margin-bottom:20px; clear:both;}
#SubCopyArea2{ width:500px; margin-top:14px; margin-bottom:20px; clear:both;}
#SubCopy{ padding:16px;}
	#SubCopy h1 a{color:#003d79; font-size:22px; padding:0 0 10px 0; text-decoration:none}
	#SubCopy ul { padding:0 0 10px 16px; margin:0; font-size:11px; line-height:17px;}
	#SubCopy ol { padding:0 0 10px 16px; margin:0; font-size:11px; line-height:17px;}
	#SubCopy li { padding:0 0 4px 0; margin:0}
#SubCopy2{ padding:0;}
	#SubCopy2 h1 a{color:#003d79; font-size:22px; padding:0 0 10px 0; text-decoration:none}
	#SubCopy2 ul { padding:0 0 10px 16px; margin:0; font-size:11px; line-height:17px;}
	#SubCopy2 ol { padding:0 0 10px 16px; margin:0; font-size:11px; line-height:17px;}
	#SubCopy2 li { padding:0 0 4px 0; margin:0}
#SubRight{width:286px; float:left; margin:20px 0; padding:0 0 0 13px}
#SubPic{ padding:0 0 10px 0;}
	#SubPic .p01 { background:url(images/p-01.jpg) no-repeat; width:286px; height:275px;} /*education*/
	#SubPic .p02 { background:url(images/p-02.jpg) no-repeat; width:286px; height:275px;} /*resources*/
	#SubPic .p03 { background:url(images/p-03.jpg) no-repeat; width:286px; height:275px;} /*job board*/
	#SubPic .p04 { background:url(images/p-04.jpg) no-repeat; width:286px; height:275px;} /*about us*/
	#SubPic .p05 { background:url(images/p-05.jpg) no-repeat; width:286px; height:275px;} /*employers*/
	#SubPic .p06 { background:url(images/p-06.jpg) no-repeat; width:286px; height:275px;} /*job seekers*/
	#SubPic .p07 { background:url(images/p-07.jpg) no-repeat; width:286px; height:275px;} /*contact us*/
	#SubPic .p08 { background:url(images/p-08.jpg) no-repeat; width:286px; height:275px;} /**/
	#SubPic .p09 { background:url(images/p-01.jpg) no-repeat; width:286px; height:275px;} /**/
	#SubPic .p10 { background:url(images/p-01.jpg) no-repeat; width:286px; height:275px;} /**/
#Test{ width:286px; background:#003c79 url(images/test_bg.jpg) repeat-x; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:11px; margin-bottom:10px}
	#Test p{ line-height:18px}
	#Test span{ float:right; padding:0 4px 10px 0;}
	#Test img { float:right; padding:0 0 10px 0; clear:both} 	
#SideBar{ width:286px; background:#a2ac6f url(images/sub-side_bg.jpg) no-repeat; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:11px; margin-bottom:10px}
	#SideBar h1{color:#003d79; font-size:16px; padding:0 0 10px 0;}
	#SideBar h3{color:#003d79; font-size:12px; padding:0 0 6px 0;}
	#SideBar h4 {color:#fff;}
	#SideBar p {color:#fff;}
	#SideBar a {color:#fff;}
	#SideBar ul { padding:0 0 10px 16px; margin:0}
	#SideBar li { padding:0 0 2px 0; margin:0}
	#SideBar img { float:right; padding:0 0 10px 0; clear:both}
#Number{ color:#929599; font-size:14px; font-weight:bold; float:right}
	#Number span{ color:#205283; font-size:18px;}
#BtnLearn{height:28px; width:119px; background: url(images/btn-learnmore.gif) no-repeat top; float:right; clear:both; margin-bottom:10px;}
#BtnLearn:hover{ background-position:bottom;}
#ResNav{margin-bottom:10px;}
	#ResNav ul{ list-style:none; text-transform:uppercase; }
	#ResNav li{ float:left; color:#687819; font-size:11px;  font-weight:normal; padding:0 2px}
	#ResNav li a{ color:#687819; text-decoration:none; font-weight:normal}
	#ResNav li a:hover{ color:#687819; text-decoration:underline; font-weight:normal}
	#ResNav li a.current{ color:#687819; text-decoration:underline; font-weight:normal}


/***********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 h3{ font-size:12px;}
	input{ width:200px;}
	input#Submit{width:100px}
	input[type="text"]{width:200px;}
	textarea{width:200px;}
	select{width:200px;}
	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:200px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}

/***********s2k styles**************/	
.s2k_text_2006 {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;line-height:normal;color:#747475;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#003d79;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#687819;}
.s2k_bold_2006 {font-weight:bold;color:#747475;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#747475;}
.s2k_footer_2006 {font-size:10px;color:#747475;}
.s2k_image_2006 {border:1px solid #687819;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}
.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;}