/*= SITEWIDE STYLES ----------------------------------------------------------*/   

body {
   margin: 0px;
   padding: 0px;
   background-color: #6f655c;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   color: #646464;
   text-align: left;
   line-height: 1.5em;
   }
   
#container {
   margin-top: 10px;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
   position: relative;
   width: 800px;
   border: 1px solid black;
   background: url(../img/bg_paper.jpg) repeat-y;
   }
   
#wrapper {
   margin-top: 15px;
   width: 100%;
   height: 100%;
   background: #D2CAC8 url(../img/bg_paper.jpg) repeat-y;
   }
   
#header {
   position: relative;
   top: 0px;
   background: url(../img/home_banner.jpg) no-repeat;
   height: 132px;
   width: 800px;
   border-bottom: 15px solid #3b5a32;
   background-color: #F6EFE8;
   }

h1 {
   font-size: 15pt;
   margin-top: 20px;
   color: #3b5a32;
   font-family: Georgia, serif; 
   text-align: left;
   }
   
h2 {
   text-align: left;
   font-family: Georgia, serif; 
   font-size: 12pt;
   color: #3b5a32;
   font-weight: bold;
   }

h3 {
   font-size: 11pt;	
   font-family: Georgia, serif;
   color: #3b5a32;
   text-align: left;   
   }
   
.leftColNav h3 {
   text-align: left;
   font-family: Georgia, serif; 
   font-size: 10pt;
   color: #3b5a32;
   margin: 10px 0px 20px 10px;
   text-transform: uppercase;
   }
   
a img {
   border: none;
   }

a:link {
   color: #3B5A32;
   text-decoration: none;
   }
   
a:hover {
   color: #3B5A32;
   text-decoration: underline;
   }
   
a:visited {
   color: #FF6600;
   text-decoration: none;
   }

a.external {
   padding-left: 9px;
   background: url(../img/extlink.gif) no-repeat left 50%;
   }

a.pdflink {
   padding-left: 16px;
   background: url(../img/bg-pdflogo.gif) no-repeat left 50%;
   }

dl dt {
   font-weight: bold;
   margin: 5px 0px 5px 0px;
   }
dl dd {
   font-size: 90%;
   margin-bottom: 10px;
   }
   
#leftCol {
   float: left;
   width: 191px;
   padding: 0px 0px 0px 10px;
   margin: 0px;
   background-color: # F1EAE4;
   }

#rightCol {
   padding: 0px 15px 10px 20px;
   float: right;
   color: #646464;
   }   
   
#leftCol .leftColNav {
   font-family: Georgia, serif;
   font-size: 10pt;
   width: 151px;
   background: url(../img/bg_grey.jpg) repeat-y;
   background-position: center;
   padding: 12px;
   border: 3px solid #FFFFFF;
   }

.leftColNav p {margin-left: 10px;}

.leftColNav h1 {
   text-transform: uppercase;
   }
   
.leftCont {
   width: 383px;
   }
   
.rightCont {
   width: 143px;
   }
   
.leftCont h1 {
   margin-top: 25px;
   }
   
.rightCont p {
   border-left-width: 2px;
   border-left-style: dotted;
   border-left-color: #646464;
   padding: 0px 0px 0px 10px;
   }
.rightCont h2 {
   text-transform: uppercase;
   }

.simpleSpiff {
   margin-bottom: 50px;
   }

.simpleSpiff h2 {
	font-size: 12px;
}
.readmore {
   font-weight: bold;
   }
   
.first {
   color: #3b5a32;
   font-size: 9pt;
   }
   
img {display: block;}   
   
/*= SITEWIDE NAVIGATION STYLES -----------------------------------------------*/   

.homeLogo {
   position: absolute;
   top: 30px;
   left: 20px;
   display: block;
   list-style: none;
   width: 247px;
   height: 40px;
   }

#utilityNav {
   margin-top: 0px;
   position: absolute;
   top: 30px;
   left: 30px;
   width: 130px;
   }

#utilityNav {
   margin-top: 0px;
   position: absolute;
   top: 5px;
   left: 617px;
   width: 130px;
   }
   
#utilityNav li {
   list-style: none;
   }
   
#utilityNav a {
    height: 20px; 
    display: block;
    }
    
.contact {position: relative; left: 0; width: 68px;}
.members {position: relative; top: -20px; left: 69px; width: 60px;}


#globalNav {
   margin: 0px;
   background: url(../img/globalNav.jpg) no-repeat;
   background-position: top left;   
   height: 11px;
   width: 566px;
   position: absolute;
   top: 113px;
   left: 210px;
   }

#globalNav li {
   margin, padding : 0px;
   list-style: none;
   position: absolute;
   top: 0px;
   }

#globalNav a {
   margin, padding : 0px;
    height: 11px; 
    display: block;
    }
    
.about {left: 0; width: 80px;}
.state {left: 81px; width: 178px;}
.message {left: 260px; width: 115px;}
.news {left: 376px; width: 92px;}
.insurance {left: 470px; width: 95px;}

.about a:hover {background: transparent url(../img/globalNav.jpg) 0 -11px no-repeat;}
.state a:hover {background: transparent url(../img/globalNav.jpg) -81px -11px no-repeat;}
.message a:hover {background: transparent url(../img/globalNav.jpg) -260px -11px no-repeat;}
.news a:hover {background: transparent url(../img/globalNav.jpg) -376px -11px no-repeat;}
.insurance a:hover {background: transparent url(../img/globalNav.jpg) -470px -11px no-repeat;}

#footer {
   clear: both;   
}

#footer p.footer_contact {
   display: block;
   text-align: center;
   font-size: 10px;
   line-height: 1.2em;
}

#footer ul {
   font-size: 10px;
   text-align: center;
   }

#footer ul li {
   display: inline;
   list-style: none;
   padding: 0em 1em;
   }

#footer ul li a { color: #999; }
#footer ul li a:visited { color: #999; }
#footer ul li a:hover { color: #666; }


/*= SECTION SPECIFIC NAVIGATION STYLES ---------------------------------------*/

#globalNav a.navOn {
   background: transparent url(../img/globalNav.jpg) 0px -11px no-repeat;
   }
#globalNav li.about a.navOn {background-position: 0px -11px;}
#globalNav li.state a.navOn {background-position: -81px -11px;}
#globalNav li.message a.navOn {background-position: -260px -11px;}
#globalNav li.news a.navOn {background-position: -376px -11px;}
#globalNav li.insurance a.navOn {background-position: -470px -11px;}


.leftColNav a.navOn {
   display: list-item;
   font-weight: bold;
   color: #3b5a32;
   list-style-image: url(../img/dotOn.jpg);
   }


#aboutifnc .about a, #aboutMiss .about a, #aboutComp .about a, #aboutInfo .about a {
   background: transparent url(../img/globalNav.jpg) 0 -11px no-repeat;
   }

#aboutifnc .aboutOver, #aboutMiss .aboutMiss, #aboutComp .aboutComp, #aboutInfo .aboutInfo {
   display: list-item;
   font-weight: bold;
   color: #3b5a32;
   list-style-image: url(../img/dotOn.jpg);
   }

#stateof .state a, #stateEcon .state a, #stateIssue .state a, #stateLegis .state a, #stateWhy .state a, #stateCont .state a {background: transparent url(../img/globalNav.jpg) -81px -11px no-repeat;}
#stateof .stateOver, #stateEcon .stateEcon, #stateIssue .stateIssue, #stateLegis .stateLegis, #stateWhy .stateWhy, #stateCont .stateCont {display: list-item; font-weight: bold; color: #3b5a32; list-style-image: url(../img/dotOn.jpg)}

#messageCtr .message a, #messPosts .message a {background: transparent url(../img/globalNav.jpg) -260px -11px no-repeat;}
#messageCtr .messOver, #messPosts .messPosts {display: list-item; font-weight: bold; color: #3b5a32; list-style-image: url(../img/dotOn.jpg)}
   

#newsroom .news a, #newsPRs .news a, #newsArch .news a, #newsFacts .news a, #newsTips .news a, #newsGuide .news a {background: transparent url(../img/globalNav.jpg) -376px -11px no-repeat;}
#newsroom .newsOver, #newsPRs .newsPRs, #newsArch .newsArch, #newsFacts .newsFacts, #newsTips .newsTips, #newsGuide .newsGuide {display: list-item; font-weight: bold; color: #3b5a32; list-style-image: url(../img/dotOn.jpg)}


#insurance .insurance a, #insBook .insurance a, #insGloss .insurance a, #insAutoFAQ .insurance a, #insFloodFAQ .insurance a, #insHomeFAQ .insurance a, #insLifeFAQ .insurance a, #insComps .insurance a {background: transparent url(../img/globalNav.jpg) -470px -11px no-repeat;}
#insurance .insOver, #insBook .insBook, #insGloss .insGloss, #insAutoFAQ .insAutoFAQ, #insFloodFAQ .insFloodFAQ, #insHomeFAQ .insHomeFAQ, #insLifeFAQ .insLifeFAQ, #insComps .insComps {display: list-item; font-weight: bold; color: #3b5a32; list-style-image: url(../img/dotOn.jpg)}

#members .membOver, #memLaws .memLaws, #memMeet .memMeet, #memBoard .memBoard, #memEmail .memEmail, #memLegis .memLegis, #memDirect .memDirect, #memRegist .memRegist {display: list-item; font-weight: bold; color: #3b5a32; list-style-image: url(../img/dotOn.jpg)}

/*= HOME PAGE STYLES ---------------------------------------------------------*/
   
#home #container {
   background: url(../img/bg_paperHome.jpg) repeat-y;
   }
   
#home #wrapper {
   width: 100%;
   height: 100%;
   }
   
#home #footer {   
   background: url(../img/footerHome.jpg) no-repeat;
   }
      
#hero {   
   position: absolute;   
   top: 127px;
   left: 185px;
   /*background-image: url(../img/home_hero.jpg);
   background-repeat: no-repeat;*/
   height: 344px;
   width: 616px;
   }
   
#leftCol .leftColCont {
   width: 151px;
   background: url(../img/bg_grey.jpg) repeat-y;
   background-position: center;
   padding: 12px;
   border: 3px solid #FFFFFF;
   }
   
.rightHomeCont {
   border-left-width: 2px;
   border-left-style: dotted;
   border-left-color: #646464;
   }
   
.leftHomeCont, .rightHomeCont {
   width: 263px;
   }
      
#home h1{
   text-align: center;
   font-family: Georgia, serif; 
   font-size: 10pt;
   color: #3b5a32;
   margin: 0px;
   }   
   
.dotRule {
   border-top: 2px dotted #646464;
   margin: 10px 0px 0px 0px;
   }

.whiteRule {
   padding: 28px 0px 0px 0px;
   margin: 0px;
   background: url(../img/messageCtr.jpg) no-repeat;
   height: 40px;
   }

.greenRule {
   width: 160px;
   height: 20px;
   background-color: #3b5a32;
   }
   

/* ----- Tables ----- */

table {
   border-collapse: collapse;
   border: 1px solid #666;
   font-size: 11px;
   }

table p {
	margin: 0;
	padding: 0;
}