html {
margin: 0;  
padding: 0;
}

body { 
background: url(../gfx/pageback.png) top left;
background-color: #4389a2;
background-repeat: repeat-x;
margin: 0; 
padding: 0; 
text-align: center;
font:84.5% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-weight: normal;
text-decoration: none;
color: #876E3F;
}

* html body {
font-size:small;
}

table, tr, td, th { font-size: 100%; }
.rtab {border: 1px solid #D9CCB2;}
.rheader { background: #D9CCB2; border: 0px solid #cfae6a; }
.rdata {  background: #F4EDD6; border: 0px solid #cfae6a; }

.planp {text-align: left; margin: 2px 0 2px 0;}
.mo {cursor: pointer;}
.pg {text-align: center; padding: 2px 2px 2px 2px;}
.rpoph {padding: 2px 2px 2px 2px; border-top: solid 1px #666666; border-left: solid 1px #666666; border-right: solid 1px #666666; color: #ffffff; background: #3A7B91;}
.rpopb {padding: 2px 2px 2px 2px; border: solid 1px #666666; background: #ffffff;}
.divider {background: url(../gfx/line.png) repeat-x top left; height: 1px; border: 0; margin: 0; width: 490px;}

h1 {font-size: 24px; margin: 0 0 .1em 0;}
h2 {font-size: 16px; margin: 0;}
h3 {font-size: 12px; margin: 0;}
h4 {font-size: 10px; margin: 0;}

a { text-decoration: none; color: #3A7B91; }
a:active { text-decoration: none;}
a:visited { text-decoration: none; color: #3A7B91; }
a:hover { text-decoration: none; color: #000}

img {border: 0;}

.spacer { margin-bottom: 10px; height:10px;}

#wrapper { margin: 15px auto 10px auto; position: relative; width: 800px; max-width:800px; min-width:800px; text-align:left;}

#wrapper {
/* MOZ full height \*/
 height: 100%;
}

/* Holly hack for IE \*/
* html #wrapper { height: 100%; margin: 15px auto 10px auto;}
/* */

#main { padding: 0px; margin: 0px auto 0px auto; position: relative; display: block; background: url(../gfx/main-back.png) repeat-x top left; background-color: #FDF9EF; }
* html #main { margin: -10px 0 0 0; height: 100px;}

#header { width: 800px; min-height: 5px; height: 5px; min-height: 5px; margin: 0px auto 0px auto; position: relative; background: url(../gfx/header-top.png) no-repeat top left;}
* html #header {margin: 0px auto 0px auto; height: 5px; }

#header .topnav { position: absolute; bottom: 0px; left: 0px; height: 11px; width: 285px; margin: 0 0 0 -10px; background: url(../gfx/logonav-top.png) bottom left no-repeat;}
#header .tnav {position: absolute; top: 0; left: 275; bottom; 0; height: 5px; background: url(../gfx/header-top.png) no-repeat top left;}
    
#banner { position: relative; height: 315px; width: 800px; margin: 0 auto;}
#banner #rdiv { display: block; position: absolute; top: 0px; right: 0px; height: 315px; width: 525px; text-align: right; margin: -1px auto 0 auto;}
#banner #ldiv { display: block; position: absolute; top: 0px; left: 0px; margin: -1px auto 0 -10px; width: 285px; height: 315px; background: url(../gfx/logonav-bg.png) top left repeat-x; text-align: center;}
#banner #logo { position: relative;  height: 149px; width: 285px; margin: 0 auto; text-align: center; }
#banner #mainnav { position: relative; height: 90px; width: 285px; margin: 0; text-align: center; }

#navlink { position: absolute; top:0px; left:0px; text-align: center; width: 285px; }
#navlink ul { list-style: none; list-style-image: none; margin: 0; padding: 0;}
#navlink li { width: 285px; }
#navlink li a { display: block; background: url(../gfx/navbut-div.png) bottom left repeat-x; font: 12px; font-weight: bold; color: #8B7653; padding: 5px 0px 5px 0px;}
#navlink li a:hover { color: #CFAE6A;}

#botnav {
     z-index: 12;
     width : 810px;
     position : relative;
     height : 11px;
     margin : -1px 0 -1px -10px;
     background : url(../gfx/logonav-bottom.png) no-repeat top left;

}
.address { display: block; position: relative; font-size: 11px; font-weight: normal;}
 
#footer { display: block; position: relative; margin: 0 auto 0 auto; width: 800px; height: 46px; text-align: center; background: url(../gfx/footer-bg.png) repeat-x top left; }
#footer .copy { margin: 0 auto 0 auto; text-align: center; padding-top: 1em; font-size: 10px !important; font-weight: normal;}
#footer-bottom { margin: -1px 0; height: 5px; background: url(../gfx/footer-bottom.png) no-repeat top left;}

#contentarea { float: right; display: block; width: 514px !important; margin: 0px auto 0px auto;}
#sidebar { float: left; display: block; width: 264px !important; margin: 0px auto 0px auto;}

.contentbox-nb { position: relative; padding: 1px 10px 1px 10px; width: 505px;}
h2 { font-size: 14px; color: #3A7B91; margin: 10px auto 5px auto; }
h3 { font-size: 16px; color: #9A8768; margin: 0; }
p { margin: 0;}

.sidebarbox-nb { position: relative; padding: 1px 5px 1px 5px; width: 285%;}
.sidebarbox-nb h2 { font-size: 10px; color: #222; margin: 0 0 5px 0; }
.sidebarbox-nb h3 { font-size: 12px; color: #222; margin: 0 0 5px 0; }
.sidebarbox-nb p { margin: 0 0 2em 0;}

.clearer { content:".";display:block;height:0;clear:both;visibility:hidden;}
.hide {display: none;}

#featurelist ul {
 margin-left: 0px;
 padding-left: 25px;
}

#featurelist li {
 list-style-image: url(../gfx/bullet.png);
}

.sublist {
list-style-image: none;
list-style-type: circle;
}

#planlist ul {
 width: 350px;
 margin-left: 0px;
 padding-left: 25px;
}

#planlist li {
 list-style-image: url(../gfx/viewplan.png);
}