/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#333333 url(images/bg-slice.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#646761;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#963e36; text-decoration:underline}
	a:hover, a.current {text-decoration: none;}
p { font-size:11px; padding:0 0 10px 0; line-height:18px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#646761;}

h1{color:#963e36; font-size:24px; padding:0 0 14px 0;}
h2{color:#963e36; font-size:18px; padding:0 0 10px 0;}
h3{color:#963e36; font-size:16px; padding:0 0 10px 0;}
h4{color:#963e36; font-size:14px; padding:0 0 0 0; text-transform:uppercase}
h5{color:#963e36; font-size:12px; padding:0 0 0 0; text-transform:uppercase}
h6{color:#963e36; font-size:12px; 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;}

.formpadding td {padding: 0 0 10px 0;}
.greyline { border:1px solid #acb1b1; 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;}
#PageWrapper{ width:934px; background:url(images/body-slice.gif) repeat-y;}

/*********HP*************************************/
#HpWrapper{ background:url(images/hp-bg.jpg) no-repeat; width:934px;}
#Login{ width:910px; text-align:right; color:#000; font-size:12px; padding:8px 24px 7px 0;}
#Flash{ width:595px; height:270px; float:right; padding:0 11px 4px 0;}
#HpPadd{ width:878px; padding:30px 22px 0 34px;}
.box{width:238px; height:226px; margin:0 72px 0 0; float:left}
#HpPadd p{ color:#000; padding:8px 0 0 0;}

#SubWrapper1{ background:url(images/sub-pic1.jpg) no-repeat; width:934px;}
#SubWrapper2{ background:url(images/sub-pic2.jpg) no-repeat; width:934px;}
#SubWrapper3{ background:url(images/sub-pic3.jpg) no-repeat; width:934px;}
#SubWrapper4{ background:url(images/sub-pic4.jpg) no-repeat; width:934px;}
#SubWrapper5{ background:url(images/sub-pic5.jpg) no-repeat; width:934px;}
#Login2{ width:910px; text-align:right; color:#000; font-size:12px; padding:8px 24px 136px 0;}
#SubPadd{ width:884px; padding:26px 20px 10px 30px;}
#SubPadd ul{ font-size:11px; line-height:18px; padding:0 0 10px 30px; margin:0}
#SubPadd ol{ font-size:11px; line-height:18px; padding:0 0 10px 30px; margin:0}
#SubPadd li{ padding:0 0 6px 0; margin:0; }
#SubContent{ float:left; width:560px; padding:10px 30px 0 20px; border:1px #acb1b1 solid; border-width:0 1px 0 0; }
#SubContent2{ float:left; width:800px; padding:10px 30px 0 20px;}
#SideBar{ float:left; padding:0 10px 0 18px; width:236px; margin-top:10px}
.sidepic{ margin-bottom:10px}
/******************NAVIGATION***************/
#Nav {width: 921px; height: 34px; list-style: none; padding: 0 11px 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: 34px; display: block; float: left; padding: 0;}					
	#Nav li a.home {width:153px; background: url(images/nav_01.gif) no-repeat top;}
	#Nav li a.about {width:154px; background: url(images/nav_02.gif) no-repeat top;}		
	#Nav li a.employers {width:153px; background: url(images/nav_03.gif) no-repeat top;}					
	#Nav li a.jobseekers {width:153px; background: url(images/nav_04.gif) no-repeat top;}				
	#Nav li a.search {width:154px; background: url(images/nav_05.gif) no-repeat top;}	
	#Nav li a.contactus {width:154px; background: url(images/nav_06.gif) no-repeat top;}
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }

#SubNav{ background:url(images/subnav-slice.jpg) repeat-x; width:921px; margin-left:13px;}
#SubNav2{width:921px; margin-left:13px;}
#SubNavContent {padding:0 0 0 0}
	#SubNavContent a { color:#fff; font-size:11px; padding:0 14px 0 0; text-decoration:none}
	#SubNavContent a:hover { color:#fff; font-size:11px; padding:0 14px 0 0; text-decoration:underline}
	#SubNavContent a.current { color:#fff; font-size:11px; padding:0 14px 0 0; text-decoration:underline}
	
/*************BOTTOM****************************/
#Bottom{ background:url(images/bottom.gif) no-repeat; width:934px; height:58px;}
#Bottom ul{ list-style:none; padding:22px 10px 10px 0; float:right; font-size:11px; color:#fff; }
#Bottom li{ float:left; padding:4px}
#Bottom li a{ color:#fff; text-decoration:none;}
#Bottom li a:hover{ text-decoration:underline}

.hbbody{ color:#333;}
.hbbodysml{ color:#333;}
.hbbodysml font{ color:#333;}
.hbfrmitem{ color:#333;}
.hbfrmitem b{color:#333}
/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#fff; padding:0; border:#acb1b1 solid 1px}
	div.question h4{ font-size:11px; padding:4px;}
	div.question:hover {background:#acb1b1; cursor:pointer; border:#ccc solid 1px}
	div.question:hover h4{ color:#000}
	div.question.active{background:#acb1b1; border:#acb1b1 solid 1px}
	div.question.active h4{ color:#000}

	
/***********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:300px;}
	select{width:240px;}
	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:340px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}
	.chart-label{ width:300px; float:left; padding:0 0 10px 0;}

/***********s2k styles**************/	
.s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#606060;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#00123f;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#00457c;}
.s2k_bold_2006 {font-weight:bold;color:#606060;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#606060;}
.s2k_footer_2006 {font-size:10px;color:#606060;}
.s2k_image_2006 {border:1px solid #9f132a;}

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

.NewUserTextBox
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
}
.NewUserDropDown
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
}
.NewUserCheckList
{	
	font-size:11px;
}
.accordion
{
	margin:8px 0 4px 0;
}