/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#fff; font-family:Arial, Helvetica, sans-serif; color:#1d1d1d;}
* {margin: 0 auto; padding: 0;}
a img {border: none;}
a {text-decoration: underline;}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 10px 0; line-height:17px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#1d1d1d;}

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

/* reusable 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;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.rightimg{ border:1px solid #4f4f4f; float:right}
.sidebarimg{ border:2px solid #4f4f4f; margin-bottom:8px}
.bio{ clear:both}
.biopic{ border:2px solid #4f4f4f; margin-bottom:12px; margin-left:10px}
.toplink{ float:right; font-weight:bold; color:#000; size:16px; padding:5px 0 0 0}
.smalltxt{ font-size:12px; font-weight:normal}
.medtxt{ font-size:16px; font-weight:bold}

/************WRAPPERS*********************/
#PageWrapper{ width:943px;}

#HpTop{ background:#fff; height:37px; width:943px;}
#SubTop{ background:#fff; height:37px; width:943px;}

#Flash{ background:url(images/flash.gif) no-repeat; width:683px; height:222px; float:right; margin:10px 0 14px 0; padding:0 12px 0 0}
#GreyBar{ width:941px; padding:12px 1px; background:#9c9ea5; display:block}
#HpTxt{ background:url(images/txt-hp.gif) no-repeat; height:38px; width:941px; display:block;}
#HpMiddle{ padding:0 11px 0 21px; width:911px}
#HpMiddle p { font-size:13px; padding:0 0 10px 0; line-height:20px;}
#HpCopy{ width:443px; float:left; padding:0 18px 0 0}
#HpNews{ width:209px; padding:4px; background-color:#fff; float:left; margin:0 12px 0 0; border:1px solid #ccc}
#HpEvents{ width:209px; padding:4px; background-color:#fff; float:left; border:1px solid #ccc}

.hpboxcopy{ float:left; width:110px; font-size:11px;}
.hpboxcopy a{ color:#ee3224; text-decoration:none;}

#SubBanner{ background:url(images/sub-banner.gif) no-repeat; height:128px; width:943px;}
#SubMiddle{ background:url(images/sub-slice.gif) repeat-y; width:943px;}
#SubMiddle ul{ font-size:12px; padding:0 0 10px 26px; line-height:17px; margin:0;}
#SubMiddle ol{ font-size:12px; padding:0 0 10px 26px; line-height:17px; margin:0;}
#SubMiddle li{ padding:0 0 6px 0; margin:0;}
#NavSidebar{ width:249px; padding:0 0 10px 0; float:left}
#SubCopy{ float:left; width:446px; padding:0 22px 0 18px;}
#SubCopy2{ float:left; width:638px; padding:12px 10px 0 18px;}
#Sidebar{ float:left; width:192px; padding:50px 0 18px 0}
#SidbarBg{ width:176px; padding:8px; background-color:#fff; border:1px solid #ccc}

#HpBottom{ background:url(images/bottom.gif) no-repeat; width:943px; height:76px; clear:both}
#SubBottom{ background:url(images/bottom-sub.gif) no-repeat; width:943px; height:76px; clear:both}

#BottomText{
	font-size:11px;
	padding:19px 0 0 8px;
	float:left;
	width:766px;
	color:#4f4f4f
}
#BottomText a{ color:#4f4f4f; text-decoration:none;}
#BottomText a:hover{ color:#4f4f4f; text-decoration:underline}
#BottomBtns{ float:left; margin:26px 0 0 0;}
#SiteCreadits{ clear:both; font-size:11px; padding:10px 0 4px 2px; float:right}
.credits{ cursor:pointer}

/******************Navigation***************/
#Nav {list-style: none; padding: 8px 0 0 0; position:relative; clear:both; display:block; float:left}
	#Nav ul {margin:0; padding:0; list-style:none;}
	#Nav li { padding:0 0 10px 30px; margin:0; clear:both}								
	#Nav li a {color:#000; text-decoration:none; font-size:14px}
	#Nav li a:hover { text-decoration:underline }
	#Nav li a.current { font-weight:bold}
	
#Nav ul ul{ padding:0 0 10px 18px; width:150px}
#Nav ul ul li a{width:150px}

/******************Navigation***************/
#FeatureNav {width:646px; height:170px; list-style: none; padding:5px 0 10px 0; position:relative; clear:both; display:block;}
	#FeatureNav ul {margin:0; padding:0; list-style:none}
	#FeatureNav li {float: left;}
					
	#FeatureNav li a span {display: none; }				
	#FeatureNav li a { height:170px; display: block; float: left; padding: 0;}
					
	#FeatureNav li a.applicant {width:215px; background: url(images/nav-features_01.gif) no-repeat top;}
	#FeatureNav li a.recruiter {width:216px; background: url(images/nav-features_02.gif) no-repeat top;}		
	#FeatureNav li a.admin {width:215px; background: url(images/nav-features_03.gif) no-repeat top;}
										
	/*hover*/
	#FeatureNav li a:hover {background-position: bottom; }
	#FeatureNav li a.current {background-position: bottom; }
	
/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	.answer h2{ padding:0;}
	div.question{ margin:10px 0 4px 0; background:#ffeee7; padding:4px 8px 8px 8px; border:2px solid #fdbb9a}
	div.question h4{padding:0; color:#000; font-size:16px;}
	div.question p{ padding:0}
	div.question:hover {background:#ffeee7; cursor:pointer; border:2px solid #ff6c44}
	div.question.active{background:#ffeee7; border:2px solid #ff6c44}
	
/***********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:180px; 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;} 
	
/******************BLOG***************/
small{font-weight:bold; display:block; padding:0 0 10px 0; font-size:11px;}
.post{ margin:8px 0 6px 0; background:#fff; padding:4px 8px 0 8px; border:2px solid #b2bb1b;}
.post h2 a{ font-size:16px; text-decoration:none; color:#ee3224; line-height:16px;}
.post h2{ padding:0;}
#sidebar {}
ul#sidebar{ padding:0 0 10px 0; margin:0; text-align:left}
ul#sidebar h2{font-size:16px; text-align:left; padding:0 0 4px 0; margin:0}
ul#sidebar ul{ padding:4px 0 10px 24px; margin:0; text-align:left; list-style:square;}
  #sidebar li ul{margin:0 0 20px 0;}
  #sidebar li li{margin:0 0 0 25px; padding:0; list-style:disc; font-size:12px; }
  #sidebar ul{margin:0; padding:0;}
h2.widgettitle{margin:0; padding:0;}
form#searchform{margin:0 0 15px 0; font-weight:bold; font-size:18px;}
#comment{width:320px;}
img.alignright {float:right; margin:6px 0 1em 1em}
img.alignleft {float:left; margin:6px 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:6px 0 1em 1em}
a img.alignleft {float:left; margin:6px 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.postmetadata{ padding:0; margin-bottom:8px; clear:both; font-weight:bold; font-size:11px;}