/* Copyright 2005 Healthy-Vitamin-Choice.com and Peter & Jenny Tylee */

/* ----------------------- Base Style  ----------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	}
h1 {
	font-size: 1.3em;
	text-align: right;
	font-style: italic;
	letter-spacing: 4px;
	color: #666;
	margin-top: 0px;
	}
h2 {
	font: bold large Arial, sans-serif;
	color: #933;
	}
#righthome h2 {
    font: bold 0.9em Arial, sans-serif;
    }
h3 {
   font: large Arial, sans-serif;
   color: #666;
	}
#righthome h3 {
    font: bold 0.8em Arial, sans-serif;
    }
h4 {
	font: bold small Verdana, sans-serif;
	color: #933;
	margin-bottom: 2px;
	}
#righthome h4 {
    text-align: center;
    padding: 0.5em 0 0 0;
    }
h5 {
	font: italic bold small Arial, sans-serif;
	color: #666;
	margin-top: 2px;
	}
p  {
	font: 0.7em Verdana, sans-serif;
	}
#center p {
	font: 0.85em/ 1.4em Verdana, Arial, sans-serif;
    text-align: justify;
	line-height: 1.4em; /* redundant but IE6 seems to need this */
	}
#center p.totop {
    font-size: x-small;
    }
#center p.references {
    font: .8em Verdana, Arial, sans-serif;
    text-align: left;
    line-height: 1.3;
    margin: 0;
    padding-top: 0.4em;
    padding-bottom: 0.5em;
    }
.plainlist li {
    font: 0.8em/ 1.5em Verdana, Arial, sans-serif;
    text-align: left;
    line-height: 1.5em; /* redundant but IE6 seems to need this */
    }
.plainlist2 li {
    font: 1em/ 1.5em Verdana, Arial, sans-serif;
    text-align: left;
    line-height: 1.5em; /* redundant but IE6 seems to need this */
    }
#sponsor p {
	color: #9cc;
	}
#footer p {
	margin: 10px;
	text-align: center;
	}
#footer a {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover {
    color: #fff;
    text-decoration: underline;
    }
a  {
	color: #00f;
	}
a:hover {
	color: #f00;
	}
a:visited {
    color: #909;
    }
#righthome a,#righthome a:visited {
    text-decoration: none;
    color: blue;
    }
#righthome a:hover {
    color: red;
    }
hr {
	color: #9cc;
	height: 1px;
	}
a img {
	border: 0px none;
	display: block;    /* removes extra space underneath caused by default text-alignment */
	}
.formtextbox {
	padding: 2px;
	font:  small arial, verdana, sans-serif;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	}
.formbutton {
	padding: 1px;
	font: normal 1.1em verdana, sans-serif;
	color: #fff;
	background-color: #39c;
	border: 1px solid #000;
	}
.latestarticle {
	margin-bottom: 0px;
	}
.headshot {
	display: inline;
	float: left;
	margin: 0px 0.5em 0.5em 0px;
	}
p.latestarticle a {
	clear: right;
	font: bold small Verdana, sans-serif;
	}
.date {
	display: block;
	text-align: right;
	color: #66c;
	font: x-small Verdana, sans-serif;
	}
.author {
	display: block;
	color: #66c;
	font: x-small /2 Verdana, sans-serif;
	}
.blurb {
	margin: 0px 0px 1em 55px;
	}
p.crumbtrail {
	margin: 10px 28% 0px;
	font-size: x-small;
	}
p.newssub {
    font: bold small Verdana, sans-serif;
    color: #933;
    margin-top: 5px;
	margin-bottom: 2px;
    text-align: center;
   }
#valid {
    float: none;
    width: 60%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    color: #000;
    text-align: center;
    }
#valid img {
    display: inline;
    }
#valid p{
    font: 0.7em Arial, sans-serif;
    text-align: center;
    margin: 0.5em;
    letter-spacing: 2px;
    line-height: 1.5em;
    }

/*  -------------------- Subscription Form --------------- */

div.subscontainer {
   float: none;
   width: 190px;
   padding: 0;
   margin-left: auto;
   margin-right: auto;
   background-color:#f7f2ea;
   text-align: center;
   border: solid #000 1px;
   font-family: verdana, arial, sans-serif;
   font-size: 95%;
   color: #000;
   }
.subshead {
    color: #fff;
    font-weight: bold;
    background-color:#036;
    font-variant: small-caps;
    letter-spacing: 2px
    }
.subsform {
    padding: 0;
    margin: 0;
    text-align: center;
    background-color:#f7f2ea;
    color: #000;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;}
.subsfoot {
    color: #000;
    background-color:#efefef;
    font-family: arial, sans-serif;
    font-size: 70%;
    }
span.h {
    color: #900;
    font-weight: bold;
    }

/*  -------------------- Data Table Layout --------------- */

table.generic {
    margin-left: auto;
    margin-right: auto;
    background-color:#FFFFFF;
    border: solid #000 1px;
    font: 0.75em Arial, sans-serif;
    }
table.generic td {
    padding: 2px;
    border: solid #000 1px;
    }
.data {
    color: #000;
    text-align: right;
    }
.datamid {
    color: #000;
    text-align: center;
    }
.dataleft {
    color: #000;
    text-align: left;
    }
 .toprow {
    font-weight: bold;
    text-align: center;
    background-color: #f7f2ea;
    }
.evenrow {
    font-style: normal;
    text-align: center;
    background-color: #eee;
    }
.oddrow {
    font-style: normal;
    text-align: center;
    background-color: #e6e4e4;
    }
.labelcol {
    font-weight: bold;
    text-align: left;
    width: 15%;
    background-color: #f7f2ea;
    }

/*  ------------------- Main Layout ----------------------  */

#top {
    padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
    padding-left: 1em;
	background: #a6caf0 url("../images/top6.jpg") repeat-x;
	border-bottom: 1px solid #000;
	height: 92px;
	}
div#topcontent {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80%;
	}
#topcontent h2, #topcontent p {
	display: inline;
	margin-right: 0.5em;
	}
#center {
	margin: 0 25% 0 25%;
	padding: 1% 3%;
	background: #fff;
	color: #000;
	}
#left {
	position: absolute;
	padding: 0px;
	top: 100px;
	width: 25%;
    background: #a6caf0;
	color: #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	}
#lowerleft {
	padding: 10px 0 10px 0;
	}
#right {
	position: absolute;
	width: 21.9%;		/* Not 22% to allow for browser rounding differences. */
	height: 250px;
	overflow: hidden;
	margin-left: 75%;
	padding: 0px 1.5%;
	top: 101px;
	background-color: #fff;
	border-top: 0 dotted #fc0;
    border-bottom: 0 dotted #fc0;
	}
#righthome {
	position: absolute;
	width: 21.9%;		/* Not 22% to allow for browser rounding differences. */
	overflow: hidden;
	margin-left: 75%;
	padding: 0px 1.5%;
	top: 101px;
	background-color: #fff;
    line-height: 1.3em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: .9em;
	}
#lowerright {
	position: absolute;
	width: 21.9%;
	/*height: 251px;*/
	margin-left: 75%;
	padding: 10px 1.5%;
	top: 380px;
	text-align: center;
	}
#footer {
	clear: both;
	border-top: 3px solid #fc0;
	border-bottom: 3px solid #fc0;
	background-color: #036;
	color: #fff;
	}
#dotbox-right {
	float: right;
	width: 30%;
	padding: 1%;
    margin-left: 2%;
	border: 4px dotted #5c6f90;
	color: #5c6f90;
	background-color: #fff;
	font-size: 0.7em;
	}
#dotbox-left {
	float: left;
	width: 30%;
	padding: 1%;
    margin-right: 2%;
	border: 4px dotted #5c6f90;
	color: #5c6f90;
	background-color: #fff;
	font-size: 0.7em;
	}
.sidebarbox {
    float: none;
    width: 80%;
    padding: 5%;
    margin: 0;
    border: 1px solid #f0e7d7;
    background: #f7f2ea;
    color: #000;
    font: 1em Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    text-align: left;
    }
.sidebarboxhome {
    float: none;
    width: 80%;
    padding: 5%;
    margin: 0;
    border: 1px solid #f0e7d7;
    background: #f7f2ea;
    color: #000;
    font: 1.1em Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    text-align: left;
    }
.highlightbox {
    float: none;
    width: 90%;
    padding: 4%;
    margin: 0;
    border: 1px solid #f0e7d7;
    background: #f7f2ea;
    color: #000;
    font: 0.85em Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    text-align: left;
    }
#search, #search p {       /* If side search used in any pages */
	display: inline;
	margin-left: 0.15em;
	margin-right: 0.1em;
	}

/*  ------------------- Navigation -------------------  */

/* Basic settings */

ul#navlist li a,ul#navlist2 li a, ul#navlist3 li a {
	font: normal 0.8em Verdana, sans-serif;
	text-decoration: none;
	}

/* Level 1 nav list */

ul#navlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
ul#navlist li {
	display: inline;
	}
ul#navlist li a {
	color: #fff;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	background: #2E8AB8;
	padding: 4px 0 4px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #5bd #035 #068 #6cf;
	border-left: 1em solid #fc0;
	width: 88%;
	}
ul#navlist li a:hover {
	background: #28b;
	border-color: #069 #6cf #5bd #f00;
	}
ul#navlist li a#current {
	color: #fff;
	background: #2E8AB8;
	border-left: 1em solid #f00;
	}

/* Level 2 (nested) nav list */

ul#navlist2 {
	margin: 0 0 0 0px;
	list-style-type: none;
	padding: 0;
	}
ul#navlist2 li {
	display: inline;
	}
ul#navlist2 li a {
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	color: #fff;
	background: #39c;
	padding: 4px 0 4px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #5bd #035 #068 #6cf;
	border-left: 1em solid #fc0;
	height: auto;
	width: 88%;
	}
ul#navlist2 li a:hover {
	color: #fff;
	background: #28b;
	border-color: #069 #6cf #5bd #f00;
	}
ul#navlist2 li a#list2current {
	color: #fff;
	background: #39c;
	border-left: 1em solid #f00;
	}

/* Level 3 (nested) nav list */

ul#navlist3 {
	margin: 0 0 0 0px;
	list-style-type: none;
	padding: 0;
	}
ul#navlist3 li {
	display: inline;
	}
ul#navlist3 li a {
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	color: #000;
	background: #5BADD6;
	padding: 4px 0 4px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #5bd #035 #068 #6cf;
	border-left: 1em solid #fc0;
	height: auto;
	width: 88%;
	}
ul#navlist3 li a:hover {
    color: #fff;
    background: #28b;
    border-color: #069 #6cf #5bd #f00;
	}
ul#navlist3 li a#list3current {
	color: #000;
	background: #5BADD6;
	border-left: 1em solid #f00;
	}

/* main nav ends here and top nav begins */

ul#navlisttop {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0 0 4px 8px;
	background-color: #a6caf0;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
	}
ul#navlisttop li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
ul#navlisttop li a {
	font: bold 0.8em Verdana, sans-serif;
	text-decoration: none;
	line-height: 12px;
	margin: 0 10px 2px 2px;
	color: #0a246a;
	}
ul#navlisttop li a:hover, #navlisttop li a#current {
	border-bottom: 4px solid #f00;
	padding-bottom: 0;
	background: transparent;
	color: #fff;
	}

/* Topnav ends here and search form begins.*/

div#topcontent form {
	position: absolute;
	right: 0px;
	top: 75px;
	margin: 0px;
	white-space: nowrap; /* added as recent builds of Firefox wrap the form content */
    padding-right: 0.5em; /* need this or Firefox produces horizontal scroll bar */
	}

/* ----------------------------------  End  ---------------------------------------*/