/*************GLOBAL STYLES******************/
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#bdbec0 url(images/bg-slice.gif) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#ee090a; text-decoration:underline; font-weight:bold}
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:#fff;}
hr{ color:#fff; border:1px #fff solid; border-width:0 0 1px 0; margin-bottom:10px;}

h1{color:#dd0000; font-size:20px; padding:0 0 8px 0;}
h2{color:#fff; font-size:18px; padding:0 0 8px 0;}
h3{color:#fff; font-size:16px; padding:0 0 8px 0;}
h4{color:#fff; font-size:14px; padding:0 0 8px 0;}
h5{color:#fff; font-size:12px; padding:0 0 8px 0;}
h6{color:#fff; font-size:10px; padding:0 0 8px 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;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.hbbodysml ul li{font-size:10px;}
/*************WRAPPERS**************/
#PageWrapper{ margin-top:18px; width:930px;}

#HpTop{ background:url(images/hp-top.gif) no-repeat; width:930px; height:317px;}
#HpTop h1{ display:none}
#HpMiddle{ background:url(images/hp-bg-slice.gif) repeat-y; width:921px; padding:0 7px 0 2px}
	#HpContent{ background:#434343 url(images/hp-content-bg.gif) no-repeat; width:879px; padding:38px 20px 0 22px;}
		#HpContent p{font-size:10px; line-height:13px;}
	#HpCopy{ width:260px; float:left; padding:0 44px 0 0}
	#TopJobs{ width:272px; float:left; padding:0 44px 0 0; height:230px}

#SubWrapper{ background:url(images/hp-bg-slice.gif) repeat-y; width:930px;}
#SubTop{ background:url(images/sub-top.gif) no-repeat; padding:0 7px 0 2px ;width:921px;}
#SubMiddle{ padding:99px 0 0 0;}

#BannerAbout{ background:url(images/banner-about.jpg) no-repeat; width:921px; height:69px;}
#BannerClients{ background:url(images/banner-clients.jpg) no-repeat; width:921px; height:69px;}
#BannerCandidates{ background:url(images/banner-candidates.jpg) no-repeat; width:921px; height:69px;}
#BannerSearch{ background:url(images/banner-search.jpg) no-repeat; width:921px; height:69px;}
#BannerResources{ background:url(images/banner-resources.jpg) no-repeat; width:921px; height:69px;}
#BannerBlog{ background:url(images/banner-blog.jpg) no-repeat; width:921px; height:69px;}
#BannerContact{ background:url(images/banner-contact.jpg) no-repeat; width:921px; height:69px;}

#SubContent{ width:921px; background:#434343 url(images/sub-bg-slice.gif) repeat-x;}
#SubContent ul{ font-size:12px; margin:0; padding:0 0 10px 30px;}
#SubContent ol{ font-size:12px; margin:0; padding:0 0 0 30px;}
#SubContent li{ margin:0; padding:0 0 4px 0}
#SubCopy{ float:left; padding:14px 4px 14px 24px; width:520px;}
#SubCopy2{ float:left; margin:20px 0 0 20px; width:850px; background-color:#fff; padding:14px; color:#000;}
#SubCopy2 p{ color:#000;}
#SubCopy2 strong{ color:#000;}
#SubCopy2 table{ color:#000}
#SideBar{ float:right; padding:52px 24px 20px 24px; width:308px;}
#SideBar ul{ color:#000}
#SideBar li{ color:#000}

#Box1{ width:288px; background:url(images/box1-middle.gif) repeat-y; padding:0 10px}
#Box1Top{ width:308px; background:url(images/box1-top.gif) repeat-y; height:146px;}
#Box1Bottom{ width:308px; background:url(images/box1-bottom.gif) repeat-y; height:12px;}

#Box2{ width:284px; background:url(images/box2-middle.gif) repeat-y; padding:0 10px 0 14px}
#Box2 p{ color:#000;}
#Box2 strong{ color:#000;}
#Box2 h3{ color:#000;}
#Box2Top{ width:308px; background:url(images/box2-top.gif) repeat-y; height:15px; overflow:hidden}
#Box2Bottom{ width:308px; background:url(images/box2-bottom.gif) repeat-y; height:15px; overflow:hidden}

/*************NAVIGATION**************/
#Nav {width: 921px; height: 36px; list-style: none; padding: 0; 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: 36px; display: block; float: left; padding: 0;}					
	#Nav li a.home {width:95px; background: url(images/nav_01.gif) no-repeat top;}
	#Nav li a.about {width:109px; background: url(images/nav_02.gif) no-repeat top;}		
	#Nav li a.clients {width:94px; background: url(images/nav_03.gif) no-repeat top;}					
	#Nav li a.candidates {width:133px; background: url(images/nav_04.gif) no-repeat top;}				
	#Nav li a.search {width:133px; background: url(images/nav_05.gif) no-repeat top;}	
	#Nav li a.resources {width:127px; background: url(images/nav_06.gif) no-repeat top;}
	#Nav li a.blog {width:115px; background: url(images/nav_07.gif) no-repeat top;}
	#Nav li a.contact {width:115px; background: url(images/nav_08.gif) no-repeat top;}
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }
	
#SubNav{ background-color:#bdbec0; height:22px; border:2px solid #fff; border-width:0 0 2px 0;}
	#SubNav ul{ color:#000; list-style:none; font-size:11px; padding:3px 0 0 0; margin:0}
	#SubNav li{ float:left; padding:0 4px 0 4px; margin:0}
	#SubNav li a{ color:#000; text-decoration:none; font-weight:normal}
	#SubNav li a:hover{ text-decoration:underline}
	#SubNav li a.current{ font-weight:bold}
	
#HmlNav{ width:850px; display:block; margin:0; padding:0 0 20px 0;}
	#HmlNav ul{ color:#000; list-style:none; font-size:11px; padding:3px 0 0 0; margin:0}
	#HmlNav li{ float:left; padding:0 4px 0 4px; margin:0}
	#HmlNav li a{ color:#000; text-decoration:none; font-weight:normal}
	#HmlNav li a:hover{ text-decoration:underline}
	#HmlNav li a.current{ font-weight:bold}

#BigNav {width: 255px; height: 230px; padding:0; position:relative; display:block; float:left}
	#BigNav ul {margin:0; padding:0; list-style:none}
	#BigNav li {float: left;}					
	#BigNav li a span {display: none; }				
	#BigNav li a {width: 255px; display: block; float: left; padding: 0;}	
	
	#BigNav li a.news {height:75px; background: url(images/big-nav_01.gif) no-repeat left;}
	#BigNav li a.search {height:80px; background: url(images/big-nav_02.gif) no-repeat left;}		
	#BigNav li a.download {height:75px; background: url(images/big-nav_03.gif) no-repeat left;}		
	
	#BigNav li a:hover {background-position: right; }
	#BigNav li a.current {background-position: right; }

#Bottom{ background:url(images/bottom.gif) no-repeat; width:920px; padding:22px 10px 10px 0; color:#000; margin-bottom:10px;}
	#Bottom ul{ font-size:10px; list-style:none; float:right}
	#Bottom li{ padding:0 4px; float:left}
	#Bottom li a{ color:#000; font-weight:normal}
	
/*************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 h4:hover{padding:4px; color:#000; *color:#dd0000; font-size:12px}
	div.question h4.active{padding:4px; color:#000; *color:#dd0000; font-size:12px}
	div.question:hover {background:#bdbec0; *background:#ededed; cursor:pointer}
	div.question.active{background:#bdbec0; *background:#ededed;}
	div.question.active h4{ color:#000; *color:#dd0000;}
	
/*************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:180px; margin-bottom:4px}
	textarea{width:180px; margin-bottom:4px}
	select{width:180px;}
	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:300px; 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;}

#site_credits{ cursor:pointer}

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