html, body {
	font-family: Arial, Helvetica, sans-serif;
}
body {
    margin: 0;
    padding: 0;
    background-color: #e4eddf;
	font-size: 80%;		
	text-align: center;
}
table, p, th, td, ol, ul, ol ol, ul ul, h1, h2, h3, h4, h5, h6, form, label {
	font-family: Arial, Helvetica, sans-serif;	
}
input, textfield, textarea, select, option, button, radiobutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
/*	
table {
    font-size: 100%;
}
*/
a img {
	border: 0;
}
img {
	border: 0;
}
/* layout styles */
#innerpage {
	/* centres the page */
	position: relative;
	margin: 0 auto;
	width: 760px;	
	text-align: left;
	background-color: #fff;
}
html>body #innerpage {
    width: 760px;
} 
#leftnav {
	margin: 0;
	width: 150px;
	float: left;
}
#mainpage {
	margin: 0;
	padding-right: 5px;
	width: 560px;
	float: right;
}
#insert {
	margin: 15px 5px 20px 15px;
	float: right;
	width: 150px;
}
.clear {
	/* adds a clear to an empty div to force the background the full length of the page */
	clear: both;
}
/* header styles */
	
#header {
	width: 760px;	
}
#header h1 {
	margin: 0;
	padding: 5px;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-image: url(../images/hoodia_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#logo {
	padding: 0;
}
#logoHoodia {
	margin: 0;
	padding: 5px 0 5px 0;
	float: left;
}
#logoHoodiaGuaranteed {
	margin: 0;
	padding: 5px 0 5px 0;
	float: left;
}
#logoHoodiaCapsules {
	margin: 0;
	padding: 5px 0 5px 0;
	float: right;	
}
/* navbar styles */
#navbar {
	clear: both;
	width: 760px;
	background-color: #78a55e;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
}
#navbar p {
	margin: 0;
	padding: 2px 5px 2px 5px;
	text-align: center;	
}
#navbar a:link, #navbar a:visited  {
	color: #fff;
	text-decoration: none;
}
#navbar a:active, #navbar a:hover  {
	color: #F9CA03;
	text-decoration: none;
}
/* left navigation styles */
#leftnav {
	margin: 3px 0 20px 3px; 
}
#navcontainer {
	margin: 0 0 20px 0; 
	padding: 0;
	width: 160px;
	border-top: 1px solid #78a55e;
	font-size: 85%;
	font-weight: bold;	
}
#navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	color: #fff;
}
#navcontainer li {
	border-bottom: 1px solid #78a55e;
	margin: 0;
}
#navcontainer li a, #navcontainer li a:visited {
	display: block;
	padding: 3px 5px 3px 5px;
	border-left: 1px solid #78a55e;
	border-right: 1px solid #78a55e;
	background-color: #395a23;
	color: #fff;
	text-decoration: none;
}
#navcontainer li a:hover {
	background-color: #4d8726;
	color: #eafdde;
}
#navcontainer li li {
	border-top: 1px solid #78a55e;
	border-bottom: 0;
	margin: 0;
}
#navcontainer li li a {
	padding: 3px 5px 3px 10px;
	background-color: #f2f2f1;
	width: 138px;
}
#leftnav #hoodiaGuarantee {
	margin: 0;
	padding: 3px 0 3px 0;
}
#leftnav #hoodiaTrade {
	margin: 0;
	padding: 3px 0 3px 0;
	width: 160px;
	color: #fff;
	font-weight: bold;	
	text-align: center;	
}
#leftnav #hoodiaTrade a, #leftnav #hoodiaTrade a:visited {
	display: block;
	padding: 10px;	
	background-color: #e18345;	
	color: #fff;
	text-decoration: none;	
}
#leftnav #hoodiaTrade a:hover {
	display: block;
	padding: 10px;		
	background-color: #395a23;	
	color: #eafdde;
	text-decoration: none;	
}
/* main styles */

h2 {
	margin-top: 25px;
	font-size: 160%;	
	color: #395a23;
}
h3 {
	font-size: 140%;
	color: #78a55e;
}
h4 {
	font-size: 120%;
	color: #395a23;
}
#mainpage ul li  {
	margin-left: -15px;
	font-weight: bold;
	list-style-image: url(../images/navArrow1.gif);		
	}
#mainpage ul ul li  {
	margin-left: -20px;
	font-weight: bold;
	list-style-image: url(../images/navArrow2.gif);		
	}	
#mainpage a:link, #mainpage a:visited  {
	color: #e18345;
	text-decoration: none;
}
#mainpage a:hover {
	color: #395a23;
	text-decoration: none;
}
#mainpage p {
	line-height: 130%;
}
/* bottom columns */

hr {
	border: 0;
	clear: right;
	height: 1px;
	color: #395a23;
	background-color: #395a23;
}
td {
	vertical-align: top;
}
.highlight1 {
	padding: 10px;
	background-color: #d9e6d2;
}
.highlight1a {
	padding: 10px;
	background-color: #c9dbbf;
}
.highlight1b {
	padding: 10px;
	background-color: #a0c08e;
}
.highlight2 {
	padding: 10px;
	background-color: #f9e6da;
}
.highlight2a {
	padding: 10px;
	background-color: #f3cdb5;
}
.highlight2b {
	padding: 10px;
	background-color: #eaa87c;
}
.bg1lt {
	background-color: #e4eddf;
}
.bg1mid {
	background-color: #c9dbbf;
}
.bg1dk {
	background-color: #a0c08e;
}
.bg2lt {
	background-color: #f9e6da;
}
.bg2mid {
	background-color: #f3cdb5;
}
.bg2dk {
	background-color: #eaa87c;
}
.blk {
	color: #000;
}
#foot {
	clear: both;
	border-top: 3px solid #78a55e;
	margin: 20px 0 0 0;
	padding: 0;	
	width: 760px;
}
#foot p {
	margin: 0;
	padding: 0;	
}
#copyright {
	float: left;
	padding: 2px 0 2px 0;
	color: #395a23;	
}
#footnavbar {
	float: right;
	padding: 2px 0 2px 0;
	color: #395a23;
}
#footnavbar a:link, #footnavbar a:visited  {
	color: #94753e;
	text-decoration: none;
}
#footnavbar a:active, #footnavbar a:hover  {
	color: #395a23;
	text-decoration: none;
}
/* insert styles */
#mainpage #insertImage {
	margin: 0;
	padding: 0;	
}
#mainpage #insertText {
	padding: 0 3px 3px 3px;
	font-size: 80%;
	text-align: center;		
	color: #666;
}
#mainpage #insertText p {
	margin-top: 2px;
	line-height: 130%;	
}
#mainpage #insert ul {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center;	
	list-style: none;
}
#mainpage #insert ul li {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.fontSsml {
	font-size: 80%;
}