/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); background-color:#fff; font-family:Arial, Tahoma, Helvetica, sans-serif; color:#575756;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#035ba8; text-decoration:underline}
	a:hover, a.current {text-decoration: none;}
p { font-size:13px; padding:0 0 10px 0; line-height:19px}
ul, ol {}
li {}
td, th, tr {font-size:13px;}
strong { color:#575756;}

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

/*****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}
.padd{ padding:10px}
.padd20{ padding:20px}

/*****WRAPPERS**********************************************/
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#HpWrapper{ background:#fff url(images/hp-bg-slice.jpg) repeat-x;}
#SubWrapper{ background:#fff url(images/sub-bg-slice.jpg) repeat-x;}
#Wrapper{ width:944px;}
#Top{ background:url(images/top.gif) no-repeat; width:944px; height:118px;}
#ContactInfo{ float:right; text-align:right; width:250px; padding:60px 0 0 0}
#ContactInfo h1{ margin:0; padding:0;}

/******NAV*********************************************/
#Nav{ height:26px; font-size:14px; display:block; font-family:Tahoma, Arial, Helvetica, sans-serif; }
#Nav ul{ list-style:none; margin:0; padding:5px 0 0 0; *padding:1px 0 0 0}
#Nav li{ float:left; display:block; *padding:4px 0px 4px 0px;}
#Nav li a{ color:#fff; padding:4px 12px 4px 12px; text-decoration:none; font-weight:bold}
#Nav li a:hover{ background-color:#b1ab7f; color:#fff; padding:4px 12px 4px 12px; text-decoration:none;}
#Nav li a.current{ background-color:#b1ab7f; color:#fff; padding:4px 12px 4px 12px; text-decoration:none;}

/*****HOMEPAGE**********************************************/
#HpContent{ background:url(images/hp-bgimage.jpg) no-repeat; width:944px; height:627px;}
	
	#RowOne{ width: 320px; padding:50px 28px 10px 10px; float:right; height:260px; line-height:20px}
	#RowOne p{ font-size:14px; color:#575756;}
	#RowOne strong{ font-size:14px; color:#575756}
	#RowOne ul{ color:#575756; font-size:14px; padding:0 0 0 20px; margin:0}
	#RowOne li{ padding:0 0 8px 0;}
	
	#RowTwo{ padding:6px 10px 10px 10px; width:924px; clear:both}
	
	#Box1{ float:left; width:264px; padding:0 10px 8px 2px;}
	#Box1 strong{ color:#63a8e6; font-size:12px}
	#Box1 span{ color:#fff; font-size:12px;}
	#Box1 p{ color:#fff; font-size:12px; font-weight:bold; line-height:16px}
	#Box1 ul{ padding:0 0 0 20px; margin:0; font-size:12px; color:#fff;}
	#Box1 li{ padding:0 0 3px 0; margin:0;}
	
	#Box2{ float:left; width:264px; padding:0 6px 8px 12px}
	#Box2 strong{ color:#63a8e6; font-size:12px}
	#Box2 span{ color:#000; font-size:12px;}
	#Box2 p{ color:#000; font-size:12px; font-weight:bold; line-height:16px}
	#Box2 span a{color:#035ba8; line-height:17px}
	
	#Box3{ float:left; width:270px; padding:0 0px 10px 96px}
	#Box3 p{ color:#646761; padding:0 0 0 40px; font-size:12px; font-weight:bold; height:108px;}

/*****SUBPAGE**********************************************/
#SubContent{ background:url(images/sub-body-slice.gif) repeat-y; width:944px;}
	#SubContent ul{ margin:0; padding:0 24px 10px 40px}
	#SubContent ol{ margin:0; padding:0 24px 10px 40px}
	#SubContent li{ font-size:13px; padding:0 0 4px 0; margin:0; line-height:19px}

	#LeftSide{ width:285px; float:left}
	#SidePic{}
	#SidePic img{ border:2px #fff solid;}
	#Watermark{ background:#fbfbf7 url(images/watermark.jpg) no-repeat; border:2px #fff solid; border-width:0 2px 2px 2px}
	#RightSide{ float:left; width:657px;}
	#SubNav{ background:#b1ab7f; width:657px; border:2px solid #fff; border-width:2px 0 2px 0; height:22px;font-size:14px;display:block; font-family:Tahoma, Arial, Helvetica, sans-serif;}
	#SubNav ul{ list-style:none; float:left; margin:0; padding:0;}
	#SubNav li{ float:left; display:block; *padding:0 0 3px 0;}
	#SubNav li a{ color:#fff; padding:2px 12px 3px 12px;  text-decoration:underline; font-weight:bold}
	#SubNav li a:hover{  color:#fff; padding:2px 12px 3px 12px; text-decoration:underline;}
	#SubNav li a.current{  color:#fff; padding:2px 12px 3px 12px; text-decoration:underline;}
	
	
	#RightSideCopy{ float:left; width:410px;}
	#RightSideBar{ float:left; width:174px; border:1px dashed #8eb1d0; border-width:0 0 0 1px; padding:0 20px 20px 20px; margin-top:20px}
	#RightSideBar ul{ margin:0; padding:0 24px 10px 20px}
	#RightSideBar ol{ margin:0; padding:0 24px 10px 20px}
	#RightSideBar li{ font-size:13px; padding:0 0 8px 0; margin:0; line-height:16px}
	#RightSideBar a.current{ font-weight:bold;}

/******BOTTOM*********************************************/
#BottomHolder{ background:#fff url(images/bottom.gif) repeat-x;}
#Bottom{ width:944px; color:#979796; padding:20px 0 0 0; font-size:11px}
#Bottom ul{ list-style:none; padding:0; margin:0}
#Bottom li{ float:left; padding:0 4px}
#Bottom li a{ color:#979796; text-decoration:none}
#Bottom li a:hover{ color:#979796; text-decoration:underline}

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#f5f5eb; padding:0; border:#b1ab7f solid 1px}
	div.question h4{color:#00529b; font-size:14px; padding:4px;}
	div.question:hover {background:#fff; cursor:pointer; border:#00529b solid 1px}
	div.question.active{background:#fff; border:#00529b solid 1px}
	
/***********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;}

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