/* Layout */
/*-------------------------------*/
body {
font-size: 0.70em; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
background-color:#232F04;
font-family:Arial, Helvetica, sans-serif;
background-image:url(/media/images/natural-health-bg.jpg);
background-position:bottom center;
background-repeat:no-repeat;

}
#container {
width: 700px;
margin: 50px auto;  
border:8px #ffffff solid;
background-color:#ffffff;
}
img {
border:0px;
}
img a {
border:0px;
}
table p {
text-transform:none;
}


/* header */
/*-----------------------------------*/
#header{
clear: both; 
width: 700px; 
height: 176px; 
background-image:url(/media/images/natural-health-header.jpg);
background-position:top left;
background-repeat:no-repeat;
text-align:right;
}
/*-----------------------------------*/

/* hoizontal top menu */
/*-----------------------------------*/
.topmenu {
clear: both;
width:700px; 
float: left; 
height:10px;
padding-top:5px;
padding-bottom:10px;
margin-top:6px;
display:inline;
direction:ltr;
text-align:left;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
border-top: solid 1px #CDCDCD;
border-bottom: solid 1px #CDCDCD;
}
.topmenu a {
color:#6F6F6F;
text-decoration:none;
font-size:110%;
}
.topmenu ul{
color:#999999;
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
.topmenu li{
color:##9BA026;
text-decoration:none;
display:inline;
direction:ltr;
padding-right:4px;
padding-left:7px;
list-style-position:outside;
}
.topmenu li a{
color:#9BA026;
text-decoration:none;
display:inline;
direction:ltr;
list-style-position:outside;
}
.topmenu a:hover{
color:#666666;
text-decoration:none;
}
/*-----------------------------------*/

/* hoizontal mid menu */
/*-----------------------------------*/
#midmenu {
clear: both; 
width: 100%; 
height: 61px; 
background-color:#AED1F9;
}
#midmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* title bar */
/*-----------------------------------*/
#titlebar {
clear: both; 
width: 100%; 
height: 105px; 
background-image:url(/media/images/title-left.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#1374E2;
text-align:right;
border-bottom:solid 5px #ffffff;
}
#titlebar a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/

/* Left Options*/
/*------------------------------------*/
#content {
clear: both;
float: left; 
width:340px;
padding-left:9px;
padding-right:9px;
padding-top:40px;
padding-bottom:250px;
border-right:1px #CDCDCD solid;
border-bottom:1px #CDCDCD solid;
background-image:url(/media/images/NAT-content-head-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
#content p {
color: #666666;
font-family:Arial, Helvetica, sans-serif;
}
#content a {
color:#9BA026;
text-decoration:none;
font-weight:normal;
}
#content a:hover{
color:#333333;
text-decoration:underline;
}
#content li {
color: #666666;
font-family:Arial, Helvetica, sans-serif;
}
#content li a {
color:#9BA026;
text-decoration:none;
font-weight:normal;
}
#content li a:hover {
color:#666666;
text-decoration:none;
font-weight:underline;
}

#sub {
position:relative;
clear:both;
width: 343px;
padding-top:50px;
background-image:url(/media/images/news-sub-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#sub  p{
color:#666666;
}
#sub  a{
color:#9BA026;
text-decoration:none;
}
#sub  a:hover {
color:#000000;
text-decoration:underline;
}
.sub-body {
position:relative;
clear:both;
width: 321px;
background-image:url(/media/images/news-sub-bg.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:12px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
text-align:left;
color:#003366;
font-size:100%;
}
.sub-body p{
color:#666666;
}
.sub-body a{
color:#9BA026;
padding:0 0 0 0px;
}
.sub-body a:hover {
color:#000000;
}
.submenu-links a {
color:#cccccc;
text-decoration:none;
font-weight:normal;
}
.submenu-links a:hover {
color:#FF9F03;
text-decoration:underline;
font-weight:normal;
}
/*-------------------------------*/

/*Mid options */
/*-----------------------------------------------*/
#navmid {
float: left; 
width: 164px; 
border-right:1px #CDCDCD solid;
height:auto;
padding-top:60px;
padding-left:5px;
background-image:url(/media/images/NAT-navmid-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navmid h1 {
font-weight: normal;
font-size: 120%;
color:#333333;
padding-top:10px;
}
#navmid ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#navmid li {
list-style-type:none;
list-style-position:outside;
padding-top:6px;
padding-bottom:6px;
height:6px;
padding-left:16px;
margin:0 0 0 0;
list-style-position:outside;
font-size:110%;
width:70%;
}
#navmid p {
text-decoration:none;
color:#666666;
cursor:pointer;
}
#navmid li {
text-decoration:none;
color:#666666;
cursor:pointer;
}
#navmid li a {
text-decoration:none;
color:#666666;
cursor:pointer;
}
#navmid li a:hover {
text-decoration:none;
color:#9BA026;
padding-left:3px;
}
/*-----------------------------------------------*/

/*Right options */
/*-----------------------------------------------*/
#navright{
float: right;
width:163px;
padding-top:60px;
padding-left:5px;
background-image:url(/media/images/NAT-navright-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navright h1 {
font-weight: normal;
font-size: 120%;
color:#333333;
padding-top:10px;
text-decoration:none;
}
#navright ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#navright li {
list-style-type:none;
list-style-position:outside;
padding-top:6px;
padding-bottom:6px;
height:6px;
padding-left:16px;
margin:0 0 0 0;
list-style-position:outside;
font-size:110%;
}
#navright li a {
text-decoration:none;
color:#666666;
cursor:pointer;
}
#navright li a:hover {
text-decoration:none;
color:#9BA026;
padding-left:3px;
}
/*-----------------------------------------------*/

/* Footer */
/*-------------------------------*/

#footer {
clear: both;
width: 692px; 
text-align: left;
padding-left:9px;
padding-top:65px;
padding-bottom:4px;
margin-top:6px;
margin-bottom:6px;
color: #666666;
}
#footer h2 {
font-weight: normal;
font-size: 100%;
color:#9BA026;
}
#footer a {
color: #666666;
text-decoration: none;
padding-right:5px;
}
#footer a:hover {
color: #000000;
text-decoration: none;
padding-right:5px;
}
#footer li{
direction:ltr;
display:inline;
}
#footer ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#footer li a {
color:#666666;
text-decoration: none;
padding-right:5px;
border-left: 1px solid # ffcc00;
}
#footer li a:hover {
color:#000000;
text-decoration: none;
padding-right:5px;
}

#sign-off {
clear: both;
width: 692px; 
text-align: left;
padding-top:4px;
padding-left:9px;
padding-bottom:4px;
margin-top:6px;
margin-bottom:6px;
font-size:110%;
color: #666666;
font-family:Arial, Helvetica, sans-serif;
}
#sign-off a {
color: #666666;
text-decoration: none;
padding-right:5px;
}
#sign-off a:hover {
color:#000000;
text-decoration: none;
padding-right:5px;
}

/*-------------------------------*/

/* News
/*-----------------------*/

#news{
float: left; 
}
.newsitem{
padding-left:13px;
padding-right:10px;
padding-bottom:10px;
color:#666666;
}
.newsitem p {
color:#666666;
text-decoration:none;
font-weight:normal
}
.newsitem a {
color:#333333;
text-decoration:none;
font-weight:normal
}
.newsitem a:hover {
color:#696B01;
text-decoration:none;
font-weight:normal
}
/*-----------------------*/