

html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}

body {background: repeat url(../images/bckgrnd41.jpg);}
body, th, td, input, textarea { font: normal 12px Arial;color: #01562C;}

/* LAYOUT */
#page {width: 894px;margin: auto;background: #FFFFFF;border-top: none;}
#content {float: left;width: 400px;}
#content_full {float: none; width: 894px}

/* HEADER & NAV*/
#header {width: 894px;margin: 0 auto;height: 112px;background: no-repeat url(../images/header-graphic.jpg);}
#menu {height: 47px;width: 894px;background: #01562c;}
#menu ul {margin: 0;padding: 0;list-style: none;line-height: normal;}
#menu li {float: left;}
#menu a {display: block;padding: 15px 30px 16px 30px;letter-spacing: -1px;text-decoration: none;text-transform: uppercase;font: bold 10px Arial, Helvetica, sans-serif;border-left: #58032F 1px solid;color: #FFFFFF;background: #01562c;}
#menu a:hover {background: #01562c;color: #FFFFFF; text-decoration:underline;}

/* FORMATTING */
#content p { text-align:justify;}
#content_full h1 {letter-spacing: -.075em;font-size: 2em;color: #01562c;margin: 80px 30px 0 30px; float:left;}
#content_full h2 {font: normal 16px Arial, Helvetica, sans-serif;margin: 10px 30px 0 30px; border-bottom: 1px solid #D9F1D8; width: 90%; padding: 0 0 5px 0; color: #01562c;}
#content_full h3 {font: normal 14px Arial, Helvetica, sans-serif;color: #01562c;margin: 30px 30px 0 30px; border-bottom: 1px solid #D9F1D8; padding: 0 0 5px 0;}
h1.home {margin: 10px 30px 0 0px; font-size: 18px;}

#content_full p {margin: 20px 60px 10px 30px; line-height: 24px;}
#content_full a {color: #01562c;}
#content_full a:hover { text-decoration:none;}

#content_full p.quote { font: italic 12px Arial, Helvetica, sans-serif; margin: 35px 40px 5px 40px;}
#content_full p.quote_name { font: bold 12px Arial, Helvetica, sans-serif; margin: 5px 40px 35px 40px;}

#content_full .newsimage { margin: 30px 40px 20px 40px; float:left;}

#content_full h3.news_title { width: 70%;}
#content_full p.news_des { font: normal 12px Arial, Helvetica, sans-serif; margin: 35px 40px 5px 40px;}


#sidebar {width: 240px;padding: 0px 10px 0px 10px;background: #F2F2F2; float:left;}
#sidebar h4 a { background-color:#01562c; color:#FFFFFF; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase; padding: 5px; }
p.home { margin: 0 0 0 5px; padding:0; float:left; width:150px; display:block;border-bottom: 1px solid #D9F1D8; font: normal 12px ;}
#sidebar img { float:left; margin:0; padding:0;}
#sidebar h3 {margin: 10px 0 10px 0;font: bold 14px Arial, Helvetica, sans-serif;color: #01562c;border:none;}




#sidebar2 {width: 180px;padding: 0px 20px 0px 5px; margin: 0 0 0 10px; float:left;}
#sidebar2 h2 {margin: 0 0 1em 0;padding: 15px 0  0 0px;height: 20px;}
#sidebar2 li ul {line-height: normal;margin:0; padding:0; float:left;}
#sidebar2 li {margin:0; padding:0; float:left;font-size: 10px;font-family: Arial, Helvetica, sans-serif; list-style:none; display:block;}
#sidebar2 li a {border: none;margin:0; padding:0; float:left;text-transform: uppercase;}
#sidebar2 li a:hover {border: none;}




#left { float:right; width: 270px; margin: 0 10px 0 10px;}


#menu_bar { float:left; width: 250px;border-right: 1px solid #D9F1D8;}
#menu_bar ul { margin: 20px 0 0 30px; float:left; padding:0;}
#menu_bar li { list-style:none; margin:0; padding:0; display:block; clear:both; line-height: 25px;}
#menu_bar li a { text-decoration:none;}
#menu_bar li a:hover { text-decoration:underline;}


#products { float:left; width: 620px; text-align:left; padding: 5px;}
#products .product { float: left; width: 45%; padding: 10px 5px 10px 5px; height: 180px; border-right: 1px solid #D9F1D8; border-bottom: 1px solid #D9F1D8;}
#products img {margin: 10px; padding:2px; background-color:#F0F9F3;}
#products h3 { font: bold 14px Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding:0; border:none;}
#products .product_des { margin: 5px; padding:0; font: normal 11px Arial, Helvetica, sans-serif; line-height: 18px;}

#product_detail { float:left; width: 600px; text-align:left; padding: 10px;}
#product_detail img {margin: 10px; padding:0;}
#product_detail h3 { font: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding:0;border-bottom: 1px solid #D9F1D8; }
#product_detail .product_des { margin: 7px; padding:0; font: normal 12px Arial, Helvetica, sans-serif; line-height: 24px;}
#product_detail .product_price { font: bold 18px Arial, Helvetica, sans-serif;}

/* FORM ---------------------------------------------------------------*/
#form_box {width: 60%; border:1px solid #F4F4F4; margin: 0 0 0 120px;}
#log {}
#log p { padding: 5px; display:block; clear:both; }
#log label { float:left;width: 120px; font: normal 16px Arial, Helvetica, sans-serif; color: #01562c; text-align:right; padding: 0 5px 0 0; line-height: 25px; }
#log input { background: repeat url(../img/inputbg.gif); float:left;border: 1px solid #E7EEF4; padding: 5px; line-height: 24px; width: 250px; font: normal 14px Arial, Helvetica, sans-serif; color: #01562c;  }
#log textarea {background: repeat url(../img/inputbg.gif);  float:left;border: 1px solid #E7EEF4;  padding: 5px; height: 75px; line-height: 24px; width: 250px; font: normal 14px Arial, Helvetica, sans-serif; color: #01562c; }
#log select, #log option {background: repeat url(../img/inputbg.gif); float:left;border: 1px solid #E7EEF4; line-height: 24px; width: 250px; font: normal 14px Arial, Helvetica, sans-serif; color: #01562c; }
#log .form_button {width: 150px; margin: 10px 0 0 100px; color:#01562c;}



/* SEARCH ---------------------------------------------------------------*/
#search { float:right; width: 200px; }
#search h2 { margin: 0 0 1em 0;padding: 15px 0  0 0px;height: 20px;}
#search form { float:left; margin: 0px 0 0 0px;}
#search input { float:left;}




/* Footer */
#footer {background: #08542e;height: 80px;padding-top: 20px;width: 892px;margin:auto;}
#footer p {text-align: center;text-transform: uppercase; color:#FFFFFF;}
#footer a {font:normal 10px Arial, Helvetica, sans-serif;color: #FFFFFF; text-decoration:none;}
#footer a:hover { text-decoration:none;}


