/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); background:#8d8d8d url(images/bg-slice.gif) repeat-x; font-family:Arial, Verdana, Helvetica, sans-serif; color:#7f7f7f;}
* {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:12px; padding:0 0 10px 0; line-height:19px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:12px;}
strong { color:#7f7f7f;}
h1{color:#0055a5; font-size:20px; padding:0 0 10px 0;}
h2{color:#0055a5; font-size:18px; padding:0 0 10px 0;}
h3{color:#0055a5; font-size:16px; padding:0 0 10px 0;}
h4{color:#0055a5; font-size:14px; padding:0 0 10px 0;}
h5{color:#0055a5; font-size:12px; padding:0 0 10px 0;}
h6{color:#0055a5; font-size:10px; padding:0 0 10px 0;}

hr { color:#fff; margin-bottom:10px; height:1px; border:1px #fff solid; border-width:1px 0 0 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;}
.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}

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

/******TOP******************************/
#PageWrapperTopHolder{ width:100%;background:#fff url(images/bg-slice.gif) repeat-x;}
#PageWrapperTop{ width:910px; background:#fff url(images/logo.gif) no-repeat left top; margin-top:50px; height:70px; border:1px solid #c7c7c7; border-width:0 0 1px 0}
#Num{ font-weight:bold; font-size:12px; color:#00467f; text-align:right; padding:24px 14px 0 0;}
#Num strong{font-size:18px; color:#00467f}

/*******MIDDLE***************************/
#PageWrapperMiddle{ width:910px; background-color:#fff; border:1px solid #c7c7c7; border-width:0 0 1px 0;}
#SubPageWrapperMiddle{ width:910px; background:url(images/sub-slice.gif) repeat-y;}

#NavHolder{ width:201px; float:left; padding:10px 0; margin:0}
#Nav{width:201px; list-style:none; padding:0; position:relative; clear:both; display:block; float:left}
#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:200px; display: block; float: left; padding: 0;}
#Nav li a.home{height:40px; background: url(images/nav_01.gif) no-repeat left;}				
#Nav li a.about{height:40px; background: url(images/nav_02.gif) no-repeat left;}
#Nav li a.client-services{height:40px; background: url(images/nav_03.gif) no-repeat left;}		
#Nav li a.candidates-employees{height:40px; background: url(images/nav_04.gif) no-repeat left;}
#Nav li a.resources{height:40px; background: url(images/nav_05.gif) no-repeat left;}		
#Nav li a.contact{height:40px; background: url(images/nav_06.gif) no-repeat left;}
#Nav li a:hover{background-position:right; }
#Nav li a.current{background-position:right; }

ul#SubNav{ text-align:right; padding:0 0 20px 0; margin:0}
ul#SubNav li{ margin:0; padding:0 0 10px 0}
ul#SubNav li a{ color:#4c4c4c; font-weight:normal; text-decoration:none;}
ul#SubNav li a:hover{ color:#4c4c4c; font-weight:normal; text-decoration:underline;}
ul#SubNav li a.current{ color:#4c7da5; font-weight:normal; text-decoration:none;}
ul#SubNav li a p{padding:0 12px 0 0}

#HpFlash{ background:url(images/hp-flash.jpg) no-repeat; width:708px; height:431px; border:1px solid #c7c7c7; border-width:0 0 0 1px; float:left}

#SubCopy{width:709px; float:left}
#SubCopy ul{ font-size:12px; line-height:19px; margin:0; padding:0 0 10px 20px}
#SubCopy ol{ font-size:12px; line-height:19px; margin:0; padding:0 0 10px 20px}

#BannerAbout{ width:706px; float:right; background:url(images/banner-about.jpg) no-repeat; height:56px; margin-bottom:10px;}
#BannerClient{ width:706px; float:right; background:url(images/banner-client.jpg) no-repeat; height:56px; margin-bottom:10px;}
#BannerCe{ width:706px; float:right; background:url(images/banner-ce.jpg) no-repeat; height:56px; margin-bottom:10px;}
#BannerContact{ width:706px; float:right; background:url(images/banner-contact.jpg) no-repeat; height:56px; margin-bottom:10px;}
#BannerResources{ width:706px; float:right; background:url(images/banner-resources.jpg) no-repeat; height:56px; margin-bottom:10px;}
#BannerBlank{ width:706px; float:right; background:url(images/banner-blank.jpg) no-repeat; height:56px; margin-bottom:10px;}

#SubCopyArea{ width:435px; float:left; padding:0 20px 10px 20px;}
#SubCopyArea2{ width:645px; float:left; padding:0 20px 10px 20px;}
#SideBarHolder{ width:204px; float:left; margin-top:36px; padding:0 0 10px 0}
#SideBarHolder img{ padding:0 0 12px 0}
#SideBar{ width:204px; padding:10px; background:#0c4ca1 url(images/sidebar-bg.jpg) repeat-x; float:left; color:#fff;}
#SideBar strong{ color:#fff;}
#SideBar a{ color:#fff;}
#SideBar h1{ color:#fff; font-size:16px;}
#SideBar ul{ font-size:12px; list-style:square; font-size:12px; margin:0; padding:0 0 10px 24px; color:#fff;}
#SideBar li{ margin:0; padding:0 0 4px 0}


/******HPBOTTOM*************************************/
#PageWrapperCopy{ width:910px; background-color:#fff;}
#PageWrapperCopy p{padding:0 0 10px 20px;}
#HpCopyHolder{ width:520px; height:188px; _height:202px; float:left; padding:14px 30px 0 30px; border:1px solid #c7c7c7; border-width:0 1px 0 0;}

#QLNavHolder{ width:240px; float:left; padding:44px 0 0 20px; height:120px;}
#QLNav{width:240px; height:120px; margin:0; list-style:none; padding:0; position:relative; clear:both; display:block; float:left}
#QLNav ul{margin:0; padding:0; list-style:none}
#QLNav li{float:left; margin:0; padding:0}				
#QLNav li a span{display:none;}				
#QLNav li a{ width:240px; display: block; float: left; padding: 0;}
#QLNav li a.client{height:40px; background: url(images/quicklinks_01.gif) no-repeat left;}				
#QLNav li a.js{height:40px; background: url(images/quicklinks_02.gif) no-repeat left;}
#QLNav li a.message{height:40px; background: url(images/quicklinks_03.gif) no-repeat left;}		
#QLNav li a:hover{background-position:right; }
#QLNav li a.current{background-position:right; }

/*******BOTTOM******************************/
#PageWrapperBottomHolder{ background:#8d8d8d url(images/bottom-slice.gif) repeat-x; width:100%}
#PageWrapperBottom{ background:url(images/bottom.gif) no-repeat; height:146px; width:996px;}
#Footer{ clear:both; padding:14px 0 0 0; text-align:center; text-transform:uppercase; color:#333333; font-size:10px;}
#Footer p{ font-size:10px;}
#Footer a{color:#333; text-decoration:none}

/******************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:180px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}
	
#site_credits{ cursor:pointer}
/***********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;}

.s2k_text_2006 ol{ margin:0; padding:0 0 10px 30px !important}
.s2k_text_2006 ul{ margin:0; padding:0 0 10px 30px !important}
/***********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;}