html, body {
  height:100%; 
  max-height:100%; 
  padding:0;
  margin:0; 
  border:0; 
  margin: 0 auto;
  font: normal normal 13px verdana;
  background: #cddcf8; /* #98e2e3; */
}

#header {background: url(images/header_bg.jpg) top center repeat-x; width: 100%; height: 206px;}
#header h1 {display: block; margin: 0 auto; font: normal bold 24px arial; padding: 0; margin: 0; line-height: 1em; text-align: center; margin: 0 auto; height: 26px; visibility:hidden;}
#header img {margin: 0 auto; margin-top: -26px; width: 870px; height: 206px;}

#body_bg {background: #afafff url(images/body_bg.jpg) top center repeat-x; width: 100%; height: auto; padding: 0;}
#body {background: url(images/body.jpg) top center repeat-y; width: 870px; height: auto; margin: 0 auto; padding: 0; }

#footer_bg {clear: both; display: block; background: url(images/footer_bg.jpg) top center repeat-x; width: 100%; height: 82px; padding: 0; margin: -20px 0 0 0;}
#footer {display: block; background: url(images/footer.jpg) top center no-repeat; width: 870px; height: 82px; padding: 0; margin: 0 auto;}
#footer p {text-align: center; margin: 0 auto; padding-top: 40px; font: normal 11px verdana, arial;}

#sidebar {float: left; position: relative; display: block; width: 255px; height: auto; margin: 0 0 0 10px; _margin-left: 5px; padding: 0; }
#sidebar p {margin: auto 15px auto 15px !important;}

#mainbar {
  background: url(images/content_mid.jpg) top center repeat-y;
  position: relative; display: block; width: 580px; height: auto; margin: 0 0 20px 280px; _margin-left: 278px; padding: 0; 
}
#mainbar h2 {text-align: center; margin: 0 auto; font: normal bold 22px verdana, arial; color: #002060; padding: 15px 20px 15px 20px; line-height: 1.2em;}
#mainbar h3 {font: normal bold 18px verdana, arial; color: #002060; margin-left: 10px; padding: 0 20px 0 20px; line-height: 1.2em;}
#mainbar h4 {text-align: center; margin: 0 auto; font: normal normal 16px verdana, arial; color: #002060; padding: 0 20px 15px 20px; line-height: 1.2em;}
#mainbar blockquote {width: 400px; margin: 0 auto; color: #0040a0; text-align: justify; font-style: italic;}
#mainbar p {width: 520px; margin: 0 auto; color: #222;  }
#mainbar ol, #mainbar ul {width: 500px; padding-left: 15px; margin-left: 30px ; color: #222;}
#mainbar ol li, #mainbar ul li {padding-bottom: 10px;}
#mainbar a, #mainbar a:hover, #mainbar a:visited {color: #487f46;}

.backtotop {float: right; font: normal bold 10px verdana; color: #900; margin: 10px 15px 0 0;}

.sidepanel {
  background: url(images/sidepanel_mid.jpg) top center repeat-y;
  position: relative; display: block; width: 216px; height: auto; margin: 0 auto; padding: 0; 
}
.sidepanel h3 {text-align: center; margin: 0 auto; font: normal bold 16px verdana, arial; color: #002060; padding: auto 10px auto 10px; line-height: 1.2em;}

.blue {color: #0000ff !important;} /* #003ffc; */
.red {color: #f00 !important;}
.black {color: #000 !important;}
.floatleft {display: inline; float: left !important; padding: 0 10px 0 15px;}
.floatright {display: inline; float: right !important; padding: 0 15px  0 10px;}
.pad_er {margin-bottom: 5px;}
.f_11 {font-size: 11px;}
.f_14 {font-size: 14px;}
.f_16 {font-size: 16px;}
.f_20 {font-size: 20px;}
.f_24 {font-size: 24px;}
.center {text-align: center !important;}
.left {text-align: left !important;}
.pad_15 {padding-left: 15px !important;}

.panel {background: url(images/panel_mid.png) top center repeat-y; width: 845 px; height: auto; margin-left: 4px; _margin-left: 5px; padding: 0 !important;}
.panel p {width: 785px !important; padding: 0 0 0 30px; margin-top: 0;}
.panel a, .panel a:visited {color: #f00;}
.panel .panel_topbtm {height: 18px; margin: 0; padding: 0;}

#contactform  {width: 480px; height: 610px; margin-left: 50px;}
#quoteform  {width: 190px; height: 150px; background-color: #cafcc9; margin-left: 10px;}

#navbar {
    display: inline;
	width: 230px;
    height: auto;
	margin: 0 auto; 
	border-bottom: 0px solid black;
	}

div.numenu {
	width: 230px; height: 31px;
	margin: 0 auto;
    margin-top: -1px;
	background: url( 'images/menu_nav.jpg' ) 0 -31px no-repeat;
	}
div.numenu a {
	display: block;
	margin: 0; padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	font: normal 13px/1.5 Verdana, Arial;
	color: #002060;
	text-decoration: none;
    text-align: left;
    text-indent: -20px;
	background: url( 'images/menu_nav.jpg' ) top left no-repeat;
	}
div.numenu span {
	display: block;
	margin:0; padding: 5px 0 0 30px;
	}
div.numenu a:hover {
	/* background-image: none; */
	color: #f00;
	}
div.numenu a:active {
	color: white;
	}
    
div.numenu_selected {
	width: 230px; height: 31px;
	margin: 0 auto;
    margin-top: -1px;
	background: url( 'images/menu_nav.jpg' ) 0 -31px no-repeat;
	}
div.numenu_selected a {
	display: block;
	margin: 0; padding: 0;
	width:100%; height:100%;
	overflow:hidden;
	font: normal 13px/1.5 Verdana, Arial;
	color: black;
	text-decoration: none;
    text-align: left;
    text-indent: -20px;
	background: url( 'images/menu_nav.jpg' ) top left no-repeat;
	}
div.numenu_selected span {
	display: block;
	margin:0; padding: 5px 0 0 30px;
	}
div.numenu_selected a, div.numenu_selected a:hover {
	background-image: none;
	color: #fff;
	}
div.numenu_selected a:active {
	color: white;
	}