/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:center}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#42c4dc}
	a:hover, a.current { color:#ff7200; text-decoration: underline;}
p { font-size:12px; padding:0 0 14px 0; line-height:16px}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#666;}
hr{ height:1px; background-color:#ccc; color:#ccc; border:1px solid #ccc; border-width:1px 0 0 0; margin-bottom:12px;}
h1{color:#c00; font-size:20px; padding:0 0 10px 0;}
h2{color:#c00; font-size:18px; padding:0 0 10px 0;}
h3{color:#c00; 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%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:49%; float:left;}

.paddin{ padding:20px}
.split30{position:relative; width:33%;float:left;}

.formpadding td {padding: 0 0 10px 0;}

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

#Top{ background:url(../images/top.gif) no-repeat; width:926px; height:117px;}
#Bottom{ background:#fff url(../images/bottom.gif) no-repeat; width:926px; font-size:10px; color:#666; height:40px;}
#Bottom ul{ list-style:none; float:left; width:530px; margin:0; padding:3px 0 0 14px}
#Bottom li{ float:left; padding:0;}
#Bottom li a{ color:#666; text-decoration:none}
#Bottom li a:hover{ color:#666; text-decoration:underline}
#Bottom span{ float:right; text-align:right; padding:3px 14px 3px 0; width:340px}

#Bottom a.menuItem { color:#666; text-decoration:none; text-transform:lowercase}
#Bottom a:hover.menuItem { color:#666; text-decoration:underline}
#Bottom a.activeMenuItem { color:#666; text-decoration:underline}

/******SUB DIVS***************************/
#SubPageWrapper{ width:926px; background:url(../images/sub-bg-slice.gif) repeat-y; text-align:left}
#SubBodyWrapper{ background:url(../images/sub-copyarea.gif) no-repeat; width:926px;}
#SideBarBlue{ float:left; width:180px; padding:10px 10px 0 20px; }
#SubNav{}
#SubNav h4{ font-size:10px;}
#SubNav p{ font-size:10px;}
#SubNav ul{ padding:0 0 0 0px; margin:0; list-style:none; font-size:12px; text-transform:lowercase;}
#SubNav li{ padding:0 0 10px 14px; }
#SubNav li a{ background:url(../images/bull-red-on-blue.gif) no-repeat;color:#666; padding:0 0 0 14px; text-decoration:none}
#SubNav li a:hover{ background:url(../images/bull-blue-on-blue.gif) no-repeat; padding:0 0 0 14px; color:#666; text-decoration:underline; color:#000}
#SubNav li a.current{ background:url(../images/bull-blue-on-blue.gif) no-repeat; padding:0 0 0 14px; color:#666; text-decoration:underline; color:#000}

#BannerSearch{ background:url(../images/banner-search.jpg) no-repeat; height:133px; width:904px; margin:0 0 0 11px;}

#SubCopyHolder2{ width:430px; padding:10px 28px 10px 20px; _padding:10px 28px 10px 50px; float:left}
#SubCopyHolder2 p{ padding:0 0 14px 20px;}
#SubCopyHolder2 ul{ padding:0 0 10px 40px; margin:0}
#SubCopyHolder2 ol{ padding:0 0 10px 40px; margin:0}
#SubCopyHolder2 li{ padding:0 0 4px 0; margin:0; font-size:12px;}
#SideBar{ width:210px; padding:16px 0 10px 0; float:left}
#SideBar img{ margin:0 0 12px 0;}
#SideBarBox{  border:#ccc 1px solid; padding:10px; margin-bottom:6px}
#SideBarBox img{ margin:4px;}
#SideBarBox h4{color:#666; font-size:14px;}

/***********NAV**************/
#TopNav{float:right; padding:0; height:20px; width:500px; clear:both}
#TopNav a{ color:#666; font-weight:normal; font-size:11px; text-decoration:none; float:left; padding:0 3px 0 3px; margin:0 5px 0 5px;}
#TopNav a:hover{ color:#ff7200; font-weight:normal; font-size:11px; text-decoration:underline;}

#TopNav ul{ list-style:none; padding:6px 10px 0 0; float:right}
#TopNav li{ color:#666; float:left; padding:0 2px}
#TopNav li a{ color:#666; font-weight:normal; font-size:11px; text-decoration:none;}
#TopNav li a:hover, #Nav .activeMenuItem{ color:#ff7200; font-weight:normal; font-size:11px; text-decoration:underline;}

#Nav{ width:900px; padding:74px 8px 0 0; float:right; text-align:right;}
#Nav a{ color:#000; font-weight:bold; font-size:13px; text-decoration:none; padding:0 3px 0 3px; margin:0 5px 0 5px;}
#Nav a:hover{ color:#ff7200; font-weight:bold; font-size:13px; text-decoration:underline;}

#Nav ul{ list-style:none; padding:74px 4px 0 0; float:right; text-transform:lowercase}
#Nav li{ color:#000; float:left; padding:0 6px}
#Nav li a{ color:#000; font-weight:bold; font-size:13px; text-decoration:none;}
#Nav li a:hover, #Nav .activeMenuItem{ color:#ff7200; font-weight:bold; font-size:13px; text-decoration:underline;}

#Nav a.menuItem { color:#000; font-weight:bold; font-size:13px; text-decoration:none; text-transform:lowercase}
#Nav a:hover.menuItem { color:#ff7200; font-weight:bold; font-size:13px; text-decoration:underline;}
#Nav a.activeMenuItem{ color:#ff7200; font-weight:bold; font-size:13px; text-decoration:underline;}

#BigNav {width: 926px; height: 31px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
#BigNav ul {margin:0; padding:0; list-style:none}
#BigNav li {float: left;}				
#BigNav li a span {display: none; }				
#BigNav li a {height: 31px; display: block; float: left; padding: 0;}				
#BigNav li a.clients {width:309px; background: url(../images/bigNav_clients.gif) no-repeat top;}
#BigNav li a.candidates {width:308px; background: url(../images/bigNav_cand.gif) no-repeat top;}		
#BigNav li a.search {width:309px; background: url(../images/bigNav_search.gif) no-repeat top;}
#BigNav li a:hover {background-position: bottom; }
#BigNav li a.current {background-position: bottom; }
	
/*********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. */	
	form{ padding:0 0 14px 20px;}
	#myForm.mceVisualAid p { padding:0 0 10px 0;}
	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;}
	.chart-label {float:left; width:240px; padding:4px 0 4px 0;}
	.chart-widget {float:left; width:155px; text-align:center; padding:4px 0 4px 0;}
	.formWrap{border:1px solid #999; padding:2px; clear:both; background:#f7f7f7; display:block; margin:0 0 12px 0;}
		.formWrap h5{background:#666;text-align:center; color:#fff; font-size:14px; padding:3px; margin:2px 0;}
	.tri{width:30%; display:block; float:left; text-align:center;}
	.borders{border:1px solid #999;}
	.rowColor{background:#dedede;}

/***********s2k styles**************/	
.s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#333;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#364679;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#03b4a0;}
.s2k_bold_2006 {font-weight:bold;color:#333;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#333;}
.s2k_footer_2006 {font-size:10px;color:#333;}
.s2k_image_2006 {border:1px solid #333;}

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