/* 
Copyright 2007 Biorich. All Rights Reserved. 
------------------------------------------------------

SECTIONS:
General Elements
Page Structure
Typography
Images
Links
Menu
Footer

------------------------------------------------------ */
/* General Elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td {
margin: 0;
padding: 0;
}
body {
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
color: #555;
background: #fff;
text-align: left;
}
body#nocms {
background: #A4B730 url(Images/leaf.jpg) 50% 0 no-repeat;
text-align: center;
}
/* Page Structure */
#wrap {
width: 770px;
margin: 0 auto;
text-align: left;
}
#print #wrap {
width: 600px;
}
#header {
position: relative;
width: 770px;
height: 151px;
}
#display {
width: 770px;
float: left;
}
#copy {
float: left;
background: #fff url(Images/copy.gif) 0 0 repeat-y;
width: 768px;
border: 1px solid #CBDA71;
border-bottom: 0;
border-top: 0;
padding: 12px 0 20px 0;
}
#left {
width: 570px;
float: left;
}
#right {
width: 198px;
float: right;
}
#middle {
width: 768px;
float: left;
background: #EFFCA3 url(Images/middle.gif) 0 0 no-repeat;
color: #693;
padding: 10px 0;
border: 1px solid #CBDA71;
}
/* Typography */ 
p {
padding: 8px 20px; 
}
table {
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
color: #555;
width: 530px;
}
table table {
width: auto;
}
table.EmailFormContainer {
margin: 8px 20px;
width: 530px;
}
td {
vertical-align: top;
}
ul {
margin: 8px 20px;
list-style: none;
}
li {
padding: 0 0 0 20px;
background: url(Images/bullet.gif) 0 0 no-repeat;
}
h1 span, h3 span {
display: block;
overflow: hidden;
width: 0;
height: 0;
}
h1 {
height: 55px;
width: 189px;
background: url(Images/biorichlogo.gif) 0 0 no-repeat;
position: absolute;
left: 30px;
top: 50px;
}
h2 {
font: normal 14px/22px Verdana, Arial, Helvetica, sans-serif;
color: #360;
margin: 8px 20px 0 20px;
}
h3 {
margin: 16px 20px 0 20px;
font: bold 13px/18px Arial, Helvetica, sans-serif;
color: #360;
}
#middle h3 {
margin: 0;
padding: 0 0 6px 20px;
border-bottom: 1px solid #CBDA71;
width: 500px;
}
h4 {
margin: 8px 20px;
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #366;
}
/* Images */
#left img {
border: 3px solid #D8E680;
}
#display img {
padding: 1px 0 0 0;
background: url(Images/hordot.gif) 0 0 repeat-x;
}
#middle img {
float: right;
margin: 10px 50px 0 20px;
display: inline;
}
/* Links */
a {
color: #360;
text-decoration: underline;
font-weight: normal;
}
a:hover, a:active {
text-decoration: none;
}
a img {
border: none;
}
a#logo {
height: 55px;
width: 189px;
display: block;
}
#print #logo {
margin: 20px 0;
}
/* Menu */
#nav {
margin: 0;
position: absolute;
left: 280px;
top: 72px;
}
#nav li { 
background: none;
padding: 0;
float: left;
margin: 0 20px 0 0;
}
#nav a {
color: #fff;
float: left;
text-decoration: none;
}
#nav a:hover {
color: #360;
}
#nav li.navcurrent a {
color: #360;
font-weight: bold;
}
/* Footer */
#footer {
width: 770px;
clear: both;
text-align: left;
color: #ffc;
border-top: 1px solid #CBDA71;
}
#print #footer {
border-top: 1px solid #ccc;
color: #ccc;
width: 600px;
margin: 20px 0 0 0;
}
#footer a {
color: #ffc;
}
#print #footer a {
color: #ccc;
}
.copyright {
float: right;
}