/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#cacfdf url(images/bg_body.jpg) repeat-x; font-family:Arial, Verdana, Helvetica, sans-serif; color:#183c8e; font-size:12px;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {color:#188e7f;}
	a:hover, a.current {text-decoration: underline;}
p { font-size:12px; padding:0 0 10px 0; color:#183c8e; line-height:16px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:12px;}
strong {/*color:#8e6318;*/ color:#188e7f;}
hr{color:#188e7f; background:#188e7f; border:none; margin:5px 0; clear:both;}

h1{color:#183c8e; font-size:20px; padding:0 0 10px 0;}
h2{color:#183c8e; font-size:16px; padding:0 0 10px 0;}
h3{color:#183c8e; font-size:14px; padding:0; margin:0}
h4{color:#188e7f; font-size:14px; padding:0; margin:0}
h5{color:#188e7f; font-size:12px; padding:0; margin:0}
h6{color:#183c8e; font-size:10px; padding:0; margin:0}

/* reusable classes */
.right{float:right;}
.left{float:left;}
.click{cursor:pointer;}

.greenLine { border:1px dashed #188e7f; border-width:0 0 1px 0; margin-bottom:10px; margin-top:10px; clear:both}

.accordion{width:75%; float:left; clear:both;}
.accordion h3{color:#cacfdf; padding:4px 0 0 10px; font-size:15px;}
h5.question{cursor:pointer; background:#cacfdf; color:#fff; margin:0 0 4px 0; padding:3px 15px; font-size:14px; border:1px dashed #fff;}
h5.question:hover, h5.question.active{background:#536DAA;border:1px solid #fff; cursor:pointer;}
div.answer{position:relative; padding: 0 10px 5px 35px;}

.full{position:relative; width:99%; margin-bottom:10px;}	/*<------<--------<-----| 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;}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}

#Watermark{background: url(images/watermark.png) no-repeat; background-position: top right; width:412px; height:460px; position:absolute; z-index:1; right:0; top:0;}

#PageWrapper{width:100%; padding:0; margin:0 auto;position:absolute; z-index:100;}
#Wrapper{width:870px; padding:0; margin:55px auto;}

/* home page top */
#Header{position:relative; margin-bottom:25px;}
	#Header ul{list-style:none;}
	#Header li{display:inline;}
		#Logo{}
		#topLinks{position:absolute; top:10px; right:25px; color:#183c8e;}
			#topLinks a{color:#183c8e; text-decoration:none;}
			#topLinks a:hover, #topLinks a.current{text-decoration:underline;}
		#Nav{position:absolute; bottom:0px; right:25px; color:#183c8e;}
			#Nav li{padding:0 10px; font-family:AvantGarde, Geneva, Arial, Helvetica, sans-serif; color:#183c8e; text-transform:uppercase; font-size:16px; font-weight:bold; }
			#Nav li span{visibility:hidden;}
			#Nav li:hover span, #Nav li.current span{visibility:inherit;}
			#Nav a{text-decoration:none; font-family:AvantGarde, Geneva, Arial, Helvetica, sans-serif; color:#183c8e; text-transform:uppercase; font-size:13px; font-weight:bold; }
			#Nav a:hover, #Nav a.current, #Nav li.current a, #Nav li:hover a{color:#188e7f;}

body.section1 #Nav li.home {color:#188e7f;}
body.section1 #Nav li.home span{visibility:inherit;}
body.section2 #Nav li.aboutus {color:#188e7f;}
body.section2 #Nav li.aboutus span{visibility:inherit;}
body.section3 #Nav li.resources {color:#188e7f;} 
body.section3 #Nav li.resources span{visibility:inherit;}
body.section4 #Nav li.contactus {color:#188e7f;}
body.section4 #Nav li.contactus span{visibility:inherit;}

#Middle{clear:both;}
	#HomeBanner{background: url(images/banner_home.jpg) no-repeat; height:464px; width:869px;}
		#HomeBanner h1{display:none;}
	#SubBanner{background: url(images/banner_placeholder.jpg) no-repeat; height:170px; width:869px;}
	#SubBanner_Main{background: url(images/banner_mainSub.jpg) no-repeat; height:170px; width:869px;}
		#SubBanner_Main h1{display:none;}
	#SubBanner_Consulting{background: url(images/banner_consulting.jpg) no-repeat; height:170px; width:869px;}
		#SubBanner_Consulting h1{display:none;}
	#SubBanner_Search{background: url(images/banner_search.jpg) no-repeat; height:170px; width:869px;}
		#SubBanner_Search h1{display:none;}
	#SubBanner_Training{background: url(images/banner_training.jpg) no-repeat; height:170px; width:869px;}
		#SubBanner_Training h1{display:none;}
		#SubBanner h1{display:none;}
	#Content{width:850px; margin:0 auto; padding:17px; display:block;}
		/* split30 replacement here! */
		ul.categories{list-style:none;}
		ul.categories li{display:inline; padding:0; margin:0; width:260px; float:left; position:relative;}
			h2.search{color:#188e7f; background: url(images/txt_executive-search.gif) no-repeat; height:20px; width:224px; text-indent:-1000px; margin:0; padding:0;}
			h2.training{color:#8e6318; background: url(images/txt_training-coaching.gif) no-repeat; height:20px; width:240px; text-indent:-1000px; margin:0; padding:0;}
			h2.services{color:#183c8e; background: url(images/txt_expert-consulting.gif) no-repeat; height:20px; width:224px; text-indent:-1000px; margin:0; padding:0;}
		ul.categories li.pad{padding:0 0 0 25px;}
		ul.categories li.pad2{padding:0 0 0 45px;}
		ul.categories p{padding:0 0 0 13px;}
		span.button{display:absolute; bottom:0; right:0;}
	/* Sub Pages */
		#Copy{width:570px; float:left; padding:10px 20px 10px 10px;}
			#Copy img{border:2px solid #636c80; float:left; margin:0px 20px 10px 0;}
			#Copy h2 span{font-size:12px; padding:0 0 10px 0; color:#183c8e; line-height:16px;}
			#Copy h2 span a{text-decoration:underline;}
			#Copy h2 span a:hover, #Copy h2 span a.current{text-decoration:underline;}
			#Copy ul{color:#183c8e; margin:0; padding:0 20px 0 35px; list-style:square;}
			#Copy ol{color:#183c8e; margin:0; padding:0 20px 0 35px; list-style:upper-roman;}
			#Copy li{ padding:0 0 6px 0;}
		#Sidebar{background:#cacfdf; border:5px solid #fff; width:208px; padding:10px; float:left; margin-top:14px}
			#Sidebar hr{display:block; clear:both; margin:10px 0 5px 0;}
			#Sidebar h3{color:#183c8e;}
			#Sidebar ul{margin:0; padding: 0 20px 0 25px;}
			#Sidebar li{}

#Footer{clear:both; position:relative; width:860px;  display:inline-block; padding:5px; margin-top:10px;}

/***********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:200px;}
	textarea{width:200px;}
	select{width:200px;}
	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:12px}
	.field-label { float:left; width:200px; margin-bottom:10px;}
	.field-widget { float:left; width:250px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}	

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