/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#c3c7ca; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#373737;}
* {margin: 0 auto; padding: 0;}
a img {border: none;}
a {}
a:hover, a.current {text-decoration: underline;}
p { font-size:12px; padding:0 0 10px 0; line-height:17px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#9b1500;}

h1{color:#000; font-size:20px; padding:0 0 10px 0;}
h2{color:#000; font-size:18px; padding:0 0 10px 0;}
h3{font-size:12px; padding:0 0 10px 0; line-height:17px; margin: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;}

hr{color:#ccc; border:1px solid #ccc; border-width:1px 0 0 0; margin:10px 0; padding:0;}
/* reusable 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;}
.formformat{ padding:10px 0; font-size:12px}
.black{ color:#000;}
/* Wrapper */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ width:942px; position:relative}
/************HPNAV*************************************/
#HpNav {width: 942px; height: 59px; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
#HpNav ul {margin:0; padding:0; list-style:none}
#HpNav li {float: left;}				
#HpNav li a span {display: none; }				
#HpNav li a {height: 59px; display: block; float: left; padding: 0;}				
#HpNav li a.home {width:105px; background: url(images/hp-nav_01.gif) no-repeat top;}
#HpNav li a.about {width:118px; background: url(images/hp-nav_02.gif) no-repeat top;}		
#HpNav li a.trust {width:119px; background: url(images/hp-nav_03.gif) no-repeat top;}
#HpNav li a.member {width:282px; background: url(images/hp-nav_04.gif) no-repeat top;}
#HpNav li a.test {width:160px; background: url(images/hp-nav_05.gif) no-repeat top;}		
#HpNav li a.contact {width:158px; background: url(images/hp-nav_06.gif) no-repeat top;}
#HpNav li a:hover {background-position: bottom; }
#HpNav li a.current {background-position: bottom; }
/* Homepage */
#HpWrapper{ background:url(images/hp-body.gif) no-repeat; width:942px; height:586px;}
#HpWrapper h1{ display:none}
#HpCopy{ width:400px; padding:180px 0 0 50px; float:left; height:338px;}
#HpCopy h1{ display:block; font-size:16px; font-weight:normal; color:#000; margin:0; padding:0 0 20px 0; line-height:20px}

#HpCallout{ position:absolute; top:70px; right:20px; float:right; width:257px;}
.hpbutton{ background:url(images/btn-selfinsurance.png) no-repeat bottom; width:257px; height:101px; display:block;}
.hpbutton:hover{ background-position:top;}
.hpbutton span{ display:none;}
/************SUBNAV*************************************/
#SubNav {width: 942px; height: 59px; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
#SubNav ul {margin:0; padding:0; list-style:none}
#SubNav li {float: left;}				
#SubNav li a span {display: none; }				
#SubNav li a {height: 59px; display: block; float: left; padding: 0;}				
#SubNav li a.home {width:105px; background: url(images/sub-nav_01.gif) no-repeat top;}
#SubNav li a.about {width:118px; background: url(images/sub-nav_02.gif) no-repeat top;}		
#SubNav li a.trust {width:119px; background: url(images/sub-nav_03.gif) no-repeat top;}
#SubNav li a.member {width:282px; background: url(images/sub-nav_04.gif) no-repeat top;}
#SubNav li a.test {width:160px; background: url(images/sub-nav_05.gif) no-repeat top;}		
#SubNav li a.contact {width:158px; background: url(images/sub-nav_06.gif) no-repeat top;}
#SubNav li a:hover {background-position: bottom; }
#SubNav li a.current {background-position: bottom; }
/* Subpage */
#SubWrapper{ background:url(images/sub-middle.gif) repeat-y; width:942px;}
#SubTop{ background:url(images/sub-top.gif) no-repeat top; width:942px;}
#SubLogo{ height:144px; padding:20px; width:902px}
#SubCopyHolder{ padding:0 0 0 58px; width:884px }
#SubCopyHolder ul{font-size:12px; padding:0 0 10px 30px; line-height:17px; margin:0; list-style:none;}
#SubCopyHolder ol{font-size:12px; padding:0 0 10px 30px; line-height:17px; margin:0;}
#SubCopyHolder li{ margin:0; padding:0 0 10px 0; }
#SubCopyHolder ul li{ padding:0 0 10px 16px; background:url(images/red-dot-2.gif) no-repeat left top;}
#SubCopyHolder ol li ul{ list-style-type:circle; padding:0 0 0 30px; margin:0;}
#SubCopyHolder ol li ul li{ padding:0; background:url(images/spacer.gif) no-repeat;}
#SubCopy{ float:left; width:600px;}
#SubSide{ float:left; width:200px; padding:32px 0 0 34px}
#SubSide ul{ padding:0 0 10px 4px;}
#SubCopyHolder ul.subnav{ padding:0 0 10px 10px;}
#SubCopyHolder ul.subnav a{ font-weight:bold; color:#000}
#SubCopyHolder ul.subnav a:hover{ color:#9b1500}
#SubCopyHolder ul.subnav a.current{ color:#9b1500; text-decoration:none}


#SubFooter{ background:url(images/sub-bottom.gif) no-repeat; width:942px; height:52px; padding:34px 0 0 0;}

#Footer{ width:914px; font-size:11px; text-align:right; padding:14px; clear:both; color:#fff;}
#Footer a{ text-decoration:none; color:#fff}

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