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

h1{color:#000; font-size:18px; padding:0 0 10px 0;}
h2{color:#560000; font-size:18px; padding:0 0 10px 0;}
h3{color:#000; font-size:16px; padding:0 0 10px 0;}
h4{color:#560000; font-size:13px; padding:0 0 10px 0;}
h5{color:#000; font-size:12px; padding:0 0 10px 0;}
h6{color:#000; font-size:11px; padding:0 0 10px 0;}

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

.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;}
.box{ width:148px; margin-right:16px; _margin-right:8px; margin-top:46px; padding:118px 0 0 0;  _padding:118px 0 0 4px; float:left; cursor:pointer; height:110px}
.padd30{ padding:26px 24px;}
.padd31{ padding:26px 0 0 24px;}
.padd10{ padding:10px;}
.whiteLine { border:1px solid #fff; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.biopic{ float:right; margin-bottom:10px; margin-left:10px;}

/****************PROTOTYPE STYLES****************/
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;padding: 0.5em;}
	.field-label { width:200px; float:left; font-size:11px}
	.field-widget { width:200px; float:left; font-size:11px}
	/* Anything extra... */	
	.red{color:#990000;}

/***********WRAPPERS**************/
#PageWrapper{ background:url(images/bg_slice.jpg) repeat-x;}
#Wrapper{ width:866px; padding-top:14px}

#HpTop{ background:url(images/hp_header.gif) no-repeat; height:40px;}
#SubTop{ background:url(images/sub_header.gif) no-repeat; height:98px;}

#HpPic{ background:url(images/hp_head_pic.jpg) no-repeat; height:205px;}
#SubPic1{ background:url(images/sub_head_pic_02.jpg) no-repeat; height:86px}
#SubPic2{ background:url(images/sub_head_pic_06.jpg) no-repeat; height:86px}
#SubPic3{ background:url(images/sub_head_pic_03.jpg) no-repeat; height:86px}
#SubPic4{ background:url(images/sub_head_pic_04.jpg) no-repeat; height:86px}
#SubPic5{ background:url(images/sub_head_pic_05.jpg) no-repeat; height:86px}
#SubPic6{ background:url(images/sub_head_pic_01.jpg) no-repeat; height:86px}

#HpGrey{ background:url(images/hp_belowpic.gif) no-repeat; height:27px;}
#SubGrey{ background:url(images/sub_belowpic.gif) no-repeat; height:37px;}

#HpMiddle{ background:url(images/hp_slice.jpg) repeat-y;}
#SubMiddle{ background:url(images/sub_bg_slice.jpg) repeat-y;}

/***********HP**************/
#HpBoxes{ background:url(images/hp_boxes.jpg) no-repeat; background-position:top;}
#HpBoxesBot{ background:url(images/hp_bottom_pic.jpg) no-repeat; background-position:bottom;}
#HpCopy{ float:left; width:316px; padding:46px 34px 0 24px}

/***********SUB**************/
#RedSide{ width:214px; float:left}
#RedSide img{float:left}
#TestBox{ background-color:#dbc6c6; border:#f5ce00 solid 1px; width:194px; margin:10px 0 10px 10px; clear:both}
#TestBox p{ color:#000; padding:0 0 6px 0;}
#TestBox span{ color:#000; padding:0 0 10px 0; font-size:10px; float:right; font-weight:bold; text-align:right}

#SubCopy{ width:430px; float:left}
#SubCopy ul{ padding:0; margin:0 0 10px 20px; font-size:11px;}
#SubCopy li{ margin:0; padding:0 0 3px 0;}

#SubCopy2{ width:638px; float:left}
#SubCopy2 ul{ padding:0; margin:0 0 10px 20px; font-size:11px;}
#SubCopy2 li{ margin:0; padding:0 0 3px 0;}

#Sidebar{ width:211px; float:left; margin-top:30px}
#Sidebar ul{ padding:0; margin:0 0 10px 20px; font-size:11px;}
#Sidebar li{ margin:0; padding:0 0 3px 0;}
#SidebarTop{ background:url(images/sidebar_top.jpg) no-repeat; background-position:top}
#SidebarBot{ background:url(images/sidebar_bot.jpg) no-repeat; background-position:bottom;}




/***********SUBNAV**************/	
#SubNav{padding:0 0 0 4px;}
#SubNav ul{ list-style:none; color:#fff; margin:0; padding:0; width:200px}
#SubNav li{ font-size:11px;}
#SubNav li a{  background:url(images/yellowline.gif) no-repeat; color:#fff; padding:0 0 0 34px; font-weight:bold; text-decoration:none}
#SubNav li a:hover{  background:url(images/yellowline.gif) no-repeat; color:#ffd600; padding:0 0 0 34px; font-weight:bold; text-decoration:none}
#SubNav li a.current{  background:url(images/yellowline.gif) no-repeat; color:#ffd600; padding:0 0 0 34px; font-weight:bold; text-decoration:none}

/************NAV*******************/
#HpNav{}
#HpNav ul{ list-style:none; float:right; padding:20px 6px 0 0;}
#HpNav li{ float:left; font-size:11px; padding:0 4px;}
#HpNav li a{ color:#fff; text-decoration:none; padding:2px 5px; font-weight:bold}
#HpNav li a:hover{ color:#fff; text-decoration:none; background-color:#fff; color:#000;}
#HpNav li a.current{ color:#fff; text-decoration:none; background-color:#fff; color:#000;}

#Nav{}
#Nav ul{ list-style:none; float:right; padding:78px 6px 0 0;}
#Nav li{ float:left; font-size:11px; padding:0 4px;}
#Nav li a{ color:#fff; text-decoration:none; padding:2px 5px; font-weight:bold}
#Nav li a:hover{ color:#fff; text-decoration:none; background-color:#fff; color:#000;}
#Nav li a.current{ color:#fff; text-decoration:none; background-color:#fff; color:#000;}

/************BTNS*******************/
#BtnLogin{ background:url(images/btn_memberlogin.gif) no-repeat top; width:100px; height:20px; float:right; margin:3px 4px 0 0;}
#BtnLogin:hover{ background-position:bottom;}
#BtnLogin span{ display:none}

/************BOTTOM*******************/
#Bottom{ background:url(images/bottom.gif) no-repeat;}
#Footer{ padding:30px 0 0 0px; float:left}
#Footer ul{ list-style:none; color:#cbcbcb; font-size:10px; float:left}
#Footer li{ float:left; padding:0 4px}
#Footer li a { color:#cbcbcb; text-decoration:none;}
#Footer li a:hover { color:#fff; text-decoration:none;}
#Footer li a.current { color:#fff; text-decoration:none;}

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