* {
margin: 0;
padding: 0;
}

html, body{
height: 100%;
}

body {
position: relative;
margin: 0px auto;
width: 900px;
height: auto;
text-align: center;
background-color: #ffffff;
font-family: arial, Arial, Helvetica;
background: url(images/background.jpg);
}

#wrapper {
float: left;
clear: both;
width: 100%;
height: 100%;
min-height: 100%;
margin: auto;
margin-top: 0.5em;
width:900px;
text-align: left;
background-color: #ffffff;
}

#header {
float: left;
margin-top: -1em;
margin-bottom: -.1em;
padding-top: 1em;
padding-bottom: -1em;
width: 900px;
}

p {
text-align: justify;
}

.qa {
color: #651533;
font-weight: bold;
}
	 
.nav {
float: left;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-top: 0.5;
margin-bottom: 2em;
width: 900px;
background: url(images/active1.jpg);
font-size: 15px;
height: 20px;
}

.products {
font-size: 14px;
}

.products a{
color: #651533;
}

.note {
font-size: 18px;
color: red;
}

.articles {
font-size: 18px;
color: #651533;
}

.quote {
font-size: 14px;
font-style: italic;
color: #651533;
}

.quotename {
font-size: 10px;
font-style: italic;
}

td{
font-size: 12px;
}

ul {
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px;
padding-top: 0px;  
margin: 0px; 
list-style-type: none;
}

#nav a {
font-weight: bold; 
color: #ffffff;
}

#nav a {
text-decoration: underline;
}

#nav li li a {
padding-right: 5px; 
display: block; 
padding-left: 5px; 
font-size: 11px;
padding-bottom: 1em; 
color: #ffffff; 
background: url(images/active1.jpg);
padding-top: 0.5em;
}

#nav li li a:hover {
padding-right: 5px; 
padding-top: 0.5em;  
padding-left: 5px; 
padding-bottom: 1em; 
background: url(images/active.jpg);
}

li {
float: left; 
width: 8em; 
cursor: default; 
position: relative; 
text-align: center;
}

li #first {
border-left-width: 1em;
}

li #last {
border-right-width: 1em;
}

li ul {
padding-right: 0px; 
display: none; 
padding-left: 0px; 
font-weight: normal; 
left: 0px; 
padding-bottom: 0em; 
padding-top: 0em; 
position: absolute; 
top: 100%;
}

unknown {
left: auto; 
top: auto;
}

li li {
border-top-width: 0px; 
display: block; 
border-left-width: 0px; 
float: none; 
border-bottom-width: 0px; 
border-right-width: 0px;
}

li:hover ul {
display: block;
background: url(images/active1.jpg); 
}

li.over ul {
display: block;
background: url(images/active1.jpg); 
}

#left {
float:left;
height: auto;
width: 175px;
margin-right: 20px;
margin-left: 20px;
margin-top: 30px;
margin-bottom: 30px;
border-right: #651533 2px solid; 
padding-right: 15px;
font-size: 12px;
}

#left a {
color: #651533;
font-size: 14px;
text-decoration: none;
}

#left a:hover {
color: #c0c0c0;
}

#left b {
font-size: 16px;
}

#content {
float: left;
height: auto;
width: 600px;
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
font-size: 16px;
}

#content a {
color: #651533;
font-size: 16px;
text-decoration: none;
}

#content a:hover {
color: #c0c0c0;
}

#content b {
font-size: 16px;
}

#footer {
background: #651533;
margin-top: 15px;
float: left;
width: 900px;
clear: both;
bottom: 0px !important;
bottom: -1px; /* For Certain IE widths */
height: 30px;
background: url(images/block.gif) center center repeat-x;
}

.footer {
font-size: 12px;
color: #ffffff;
line-height:2.5em;
}

.footer a {
color: #ffffff;
font-size: 12px;
text-decoration: none;
}

.footer a:hover {
color: #c0c0c0;
}

img {
border: none;
}

img.left {
float: left;
margin: 5px 20px 0 0;
}

img.right {
float: right;
margin: 5px 0 0 20px;
}

object {
border: none;
}

object {
border: none;
}

object.left {
float: left;
margin: 5px 20px 0 0;
}

#video {
border: none;
float: left;
margin: 5px 20px 0 0;
}