/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(js/csshover.htc); font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; background:#5d5d5d url(images/bg_slice.jpg) repeat-x;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none; color:#0003c4; font-weight:bold; text-decoration:none;}
a { color:#0d0a51; font-weight:bold; text-decoration:none}
	a:hover, a.current {text-decoration: underline;}
p { font-size:11px; padding:0 0 10px 0; line-height:16px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#f91f15;}
hr { height:1px; background-color:#CCCCCC; color:#ccc; border:#ccc; margin-bottom:10px;}

h1{color:#0d0a51; font-size:18px; padding:0 0 10px 0;}
h2{color:#0d0a51; font-size:16px; padding:0 0 10px 0;}
h3{color:#0003c4; font-size:15px; padding:0 0 10px 0;}
h4{color:#0d0a51; font-size:13px; padding:0 0 10px 0;}
h5{color:#0003c4; font-size:12px; padding:0 0 10px 0;}
h6{color:#0003c4; 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:50%;float:left;}
.split30{position:relative; width:33%;float:left;}

.box{ width:250px; height:180px; cursor:pointer; float:left; margin:0 4px 0 4px}

.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;}
#PageWrapper{ width:782px; margin-top:20px}
#Wrapper{ background:url(images/body_slice.gif) repeat-y;}

#Top{ background:url(images/top.gif) no-repeat; height:80px}
#HpCopy{ background:url(images/hp_top.gif) no-repeat; }
#HpCopyHolder{ width:460px; padding:60px 0 20px 276px; float:left; }
#HpLogos{ background:url(images/hp_logos.gif) no-repeat; height:192px;}
#Bottom{ background:url(images/bottom.gif) no-repeat; height:52px; padding:11px 8px 0 8px}
#Icons{ width:766px; clear:both; height:33px;}
#Bottom span{ font-size:10px; color:#fff;}

#SubBanner1{ background:url(images/banner_about2.jpg) no-repeat; width:776px; height:158px;}
#SubBanner2{ background:url(images/banner_division.jpg) no-repeat; width:776px; height:158px;}
#SubBanner3{ background:url(images/banner_contact.jpg) no-repeat; width:776px; height:158px;}
#SubCopy{ background:url(images/sub_bg.gif) repeat-y; width:776px;}
#SubCopy ul{font-size:11px; padding:0 0 10px 40px; margin:0;}
#SubCopy li{ margin:0; padding:0 0 5px 0;}
#SubCopyHolder{ width:540px; padding:16px 0 20px 186px; float:left; }
#SubCopyHolderForm{ width:374px; padding:16px 0 20px 186px; float:left; }
#SubCopyHolderSide{ width:168px; padding:0 0 0 16px; margin-top:70px; margin-bottom:20px; float:left; border:#ccc 1px solid; border-width:0 0 0 1px; }

/* home page top */
#Nav{ padding:53px 0 0 5px; float:left;}
#Nav ul{ list-style:none; float:left}
#Nav li{ float:left; padding:0 3px; font-size:11px; color:#fff;}
#Nav li a{ color:#fff; text-decoration:none}
#Nav li a:hover{ color:#fff; text-decoration:underline;}
#Nav li a.current{ color:#fff; text-decoration:underline;}

/* form 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 { float:left; width:150px;font-size:11px;}
	.field-widget { float:left; width:200px;font-size:11px;}
	/* 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;}