/*CSS Document Copyright 2006 Hopking Design Creative Studio www.hopkingdesign.com */

*{font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}
* HTML {height: 750px;}
body {position:relative; margin: 0px auto; background: url(../images/layout/background.png) repeat-x top #95BDCB; width: 833px; font-family: Helvetica, Arial, Verdana, Sans-serif; text-align: left;}

#page {position:relative; float:left; top:30px; width: 831px; background-color: #FFF; margin: 0 auto !important; text-align: left; border-width: 1px 1px 1px 1px !important; border: solid #0E5700;}

#header {position:relative; float:left; width:831px; height:238px; margin: 0 auto; text-align:left;}

#nav {position:absolute; top:64px; right:15px; height: 36px; text-align:left; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; z-index:1;}

#logo {position:relative; float:left; width:831px; height:83px; background: url(../images/layout/logo-bg.png); text-align:left; border-bottom: 1px solid #1EB600;}

#splash {position:relative; top:3px; float:left; width:831px; height:149px; background: url(../images/layout/splash-bg.png); border-width: 1px 0px 1px 0px !important; border: solid #1EB600;}

#content {position:relative; margin: 5px 0 0 0; padding: 0 0 40px 0; float:left; width:831px; border-width: 3px 0px 1px 0px !important; border: solid #1EB600; background: url(../images/layout/content-bg.png)}

#col-1 {position:relative; float:left; width:482px;}

#col-1 img {padding: 2px; border: 1px solid #555; margin: 0 0 15px 0;}

#col-2 {position:relative; float:left; width:152px;}

#col-3 {position:relative; float:left; width:196px;}

#content-1 {position:relative; padding: 15px 15px 0px 15px; float:left; width:452px; border-width: 1px 0px 0px 0px !important; border: solid #1EB600;}

#content-2 {position:relative; padding: 15px 15px 0px 15px; float:left; width:122px; border-width: 1px 0px 0px 0px !important; border: solid #1EB600; text-align:left; display:block; color:#0E5700; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold;}

#content-3 {position:relative; padding: 15px 15px 0px 15px; float:left; width:166px; border-width: 1px 0px 0px 0px !important; border: solid #1EB600;}

#footer {position:relative; float:left; width:831px; background-color:#F5F7FE;}

/*
.four-col {position:relative; padding: 0; float:left; width:452px;}
#cat-1 {position: relative; float:left; width: 25%; top: 20px; list-style:none;}
#cat-2 {position: relative; float:left; width: 25%; top: 20px; list-style:none;}
#cat-3 {position: relative; float:left; width: 25%; top: 20px; list-style:none;}
#cat-4 {position: relative; float:left; width: 25%; top: 20px; list-style:none;}
*/

p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#333; text-align:justify; padding: 0px 0px 15px 0px;}

p a {color:#008903; text-decoration:none; padding: 0px; border-bottom: none;}

p a:hover {border-bottom: 1px dotted red; background-color: #e6f8e6}

.center {text-align:center !important}

.small {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#333; text-align:justify; padding: 0px 0px 15px 0px;}
.bold {font-size: 11px; font-weight:bold; color:#333; text-align:justify; padding: 0px;}
.red {color: #FF0000;}
.red-bold {color: #FF0000; font-weight:bold;}
.italic {font-style:italic; width: 99%;}
.italic-bold {font-style:italic; font-weight:bold; width: 99%;}
.paypal {border: 0px !important;}

#footer p {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#0E5700; text-align:justify; padding: 6px 0px 6px 15px;}

.footerxhtml {padding: 6px 5px 4px 15px; float:left;  border: none;}
.footercss {padding: 6px 5px 4px 0px; float:left; border: none;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; padding: 3px 0px 3px 0px; font-weight: bold; color:#1EB600; text-transform: uppercase; text-align: left;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px 0px 5px 15px; font-weight: bold; color:#1EB600; text-transform: uppercase; text-align: left;}

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 0 5px 0; font-weight: bold; color:#1EB600; text-transform: uppercase; text-align: left;}

h3 a {color:#0E5700; border-bottom: 1px dotted #0E5700; text-decoration: none;}
h3 a:hover {color: #000; border-bottom: 1px dotted #FF0000;}

h4 {color: #336633;}

#content ul {text-decoration:none; list-style:none;}

#content li {padding: 1px 0px 1px 0px; display:block;}

#content li a {text-decoration: none; color:#0E5700; display:block; border-bottom: 1px solid #F5F7FE}

#content li a:hover {background-color:#E3F8E3; color:#000; display:block; border-bottom: 1px dotted #0E5700}


#nav ul {text-decoration:none; list-style-image: none; padding: 2px 0 0 0; color:#1EB600;}

#nav li {display:inline; padding: 0 0 0 10px}

#nav li a {color:#1EB600; padding: 0px !important; margin: 0px !important; border-bottom: none; text-decoration:none;}

#nav li a:hover {border-bottom: 3px solid #1EB600;}

.tonics li {font-size:11px}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */