/******************Global Styles***************/
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#777 url(../images/bgslice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {}
a:hover, a.current {text-decoration: underline;}
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:#000;}
h1{color:#4814a0; font-size:20px; padding:0 0 10px 0;}
h2{color:#4814a0; font-size:18px; padding:0 0 10px 0;}
h3{color:#4814a0; font-size:16px; padding:0 0 10px 0;}
h4{color:#4814a0; font-size:14px; padding:0 0 10px 0;}
h5{color:#4814a0; font-size:12px; padding:0 0 10px 0;}
h6{color:#4814a0; 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}

/******************Wrappers***************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ margin-top:14px;}

/******************Homepage***************/
#HpTop{ background:url(../images/sub-top.gif) no-repeat; width:928px; height:134px;}
#HpBottom{ background:url(../images/sub-bottom.gif) no-repeat; width:920px; height:27px; padding:84px 4px 30px 4px;}
#HpWrapper{ background:url(../images/hp-bgslice.gif) repeat-y; width:920px; padding:0 4px;}
#HpPic{ background:url(../images/hp-pic.jpg) no-repeat; width:230px; height:299px; float:left; border:3px #fff solid; border-width:0 3px 3px 0;}
#HpCopy{ width:522px; float:left; padding:2px 10px 10px 10px;}
#HpCopy p{ padding:0 16px 10px 20px; line-height:16px;}
#HpCopy h4{color:#4814a0; font-size:14px; padding:0 20px 10px 20px;}

/******************Subpage***************/
#SubTop{ background:url(../images/sub-top.gif) no-repeat; width:928px; height:134px;}
#SubBottom{ background:url(../images/sub-bottom.gif) no-repeat; width:920px; height:27px; padding:84px 4px 30px 4px;}
#SubWrapper{ background:url(../images/sub-bgslice.gif) repeat-y; width:916px; padding:0 6px;}
#SubPicAbout{ background:url(../images/subimg-about.jpg) no-repeat; width:165px; height:339px; float:left; border:3px #fff solid; border-width:0 3px 3px 1px;}
#SubPicContact{ background:url(../images/subimg-contact.jpg) no-repeat; width:165px; height:339px; float:left; border:3px #fff solid; border-width:0 3px 3px 1px;}
#SubPicEmp{ background:url(../images/subimg-emp.jpg) no-repeat; width:165px; height:339px; float:left; border:3px #fff solid; border-width:0 3px 3px 1px;}
#SubPicJs{ background:url(../images/subimg-js.jpg) no-repeat; width:165px; height:339px; float:left; border:3px #fff solid; border-width:0 3px 3px 1px;}
#SubPicSearch{ background:url(../images/subimg-search.jpg) no-repeat; width:165px; height:339px; float:left; border:3px #fff solid; border-width:0 3px 3px 1px;}

#SubCopy{ width:576px; float:left; padding:10px 10px 10px 14px;}
#SubCopy ul{ font-size:11px; padding:0 0 10px 30px; margin:0; line-height:17px}
#SubCopy li{ padding:0 0 4px 0; margin:0;}
#SubNav{}
#SubNav ul{ border:#000 solid 2px; border-width:0 0 2px 0; width:576px; height:22px; margin-bottom:10px; list-style:none; font-size:10px; padding:0; font-weight:bold}
#SubNav li{ float:left; padding:0 12px 0 0; margin:0;}
#SubNav li a{ color:#000; text-decoration:none}
#SubNav li a:hover{ color:#4814a0; text-decoration:underline}
#SubNav li a.current{ color:#4814a0; text-decoration:underline}

#MapLinks{}
#MapLinks h4{ padding:4px; background-color:#461289; color:#fff; margin-bottom:6px}
#MapLinks h4 a{ padding:4px; background-color:#461289; color:#fff; margin-bottom:6px}
#MapLinks h4 a:hover{ padding:4px; background-color:#461289; color:#fff; margin-bottom:6px}
#MapLinks p{ padding:0 0 10px 10px;}

.breadcrumbs{ font-size:10px; font-weight:bold; margin-bottom:10px;}
.shortDescriptionBoxHeader a{color:#4814a0; font-size:16px; padding:0 0 10px 0; font-weight:bold; text-decoration:none;}
.shortDescriptionBoxSubheader{color:#000; font-size:13px; padding:0 0 10px 0; font-weight:bold; text-decoration:none;}
.articleBodyDate{color:#000; font-size:13px; padding:0 0 10px 0; font-weight:bold; text-decoration:none;}
.shortDescriptionBoxOuterAutostuff .shortDescriptionBoxInnerAutostuff .shortDescriptionBoxHeaderAutostuff{ font-size:11px; padding:0 0 10px 18px;}
.shortDescriptionBoxOuterAutostuff .shortDescriptionBoxInnerAutostuff .shortDescriptionBoxHeaderAutostuff a{ font-weight:normal;}
.shortDescriptionBoxOuterAutostuff .shortDescriptionBoxInnerAutostuff .shortDescriptionBoxSubheaderAutostuff{ display:none}
.shortDescriptionBoxOuterAutostuff .shortDescriptionBoxInnerAutostuff .shortDescriptionBoxTextAutostuff{ display:none}
.shortDescriptionBoxText{font-size:11px; line-height:17px}

#Sidebar{ float:right; margin:0 0 10px 10px; width:166px;}

#BtnEmpRes{background:url(../images/btn-empres.jpg) no-repeat top; width:166px; height:36px; cursor:pointer; border:1px solid #fff; float:right}
#BtnEmpRes:hover{ background-position:bottom;}

#BtnJsRes{background:url(../images/btn-jsres.jpg) no-repeat top; width:166px; height:36px; cursor:pointer; border:1px solid #fff; float:right}
#BtnJsRes:hover{ background-position:bottom;}
/******************Navigation***************/
#Nav {width: 144px; list-style: none; padding: 0; position:relative; float:left; border:3px #fff solid; border-width:0 0 3px 0;}
	#Nav ul {margin:0; padding:0; list-style:none}
	#Nav li {float: left; margin:0; padding:0}					
	#Nav li a span {display: none;}				
	#Nav li a {width: 144px; display: block; float: left; padding: 0;}					
	#Nav li a.home {height:50px; background: url(../images/nav_01.jpg) no-repeat left;}
	#Nav li a.about {height:50px; background: url(../images/nav_02.jpg) no-repeat left;}		
	#Nav li a.employers {height:50px; background: url(../images/nav_03.jpg) no-repeat left;}					
	#Nav li a.jobseekers {height:49px; background: url(../images/nav_04.jpg) no-repeat left;}				
	#Nav li a.search {height:50px; background: url(../images/nav_05.jpg) no-repeat left;}	
	#Nav li a.contact {height:50px; background: url(../images/nav_06.jpg) no-repeat left;}
	#Nav li a.contact2 {height:90px; background: url(../images/nav_06.jpg) no-repeat left top;}	
	#Nav li a:hover {background-position: right top;}
	#Nav li a.current {background-position: right top;}
	
#Footer{ font-size:10px; color:#fff;}
#Footer ul{ list-style:none; color:#fff; font-size:10px; }
#Footer li{ float:left; padding:0 3px; text-transform:capitalize}
#Footer li a{ color:#fff; text-decoration:none}
#Footer li a:hover{ text-decoration:underline}
#Footer span{ float:right; padding:0 3px}

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#ededed; padding:0;}
	div.question h4{padding:4px; color:#000; font-size:12px}
	div.question:hover {background:#dbdbdb; cursor:pointer}
	div.question.active{background:#dbdbdb;}
	
/***********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:240px; 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;}