/*
	COLOURS:
	Light Green: #8dc63f
	Dark Green #007a48
*/

body {
	font-size: 76%;
	font-family: verdana, helvetica, sans-serif;
	background-color: #ffffff;
	background-image: url('/images/bg.gif');
	background-position: top center;
	background-repeat: repeat-x;
	color: #000000;
	margin: 0px;
}

#container {
	margin: 0px auto;
	width: 825px;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.3em;
}

#header {
	width: 825px;
	height: 277px;
	padding-top: 25px;
	background-repeat: no-repeat;
	background-position: bottom center;
	line-height: 1.2em;
	text-align: center;
}

#headflash {
	position: absolute;
	width: 825px;
	height: 235px;
	overflow: hidden;
	top: 67px;
	left: 50%;
	margin-left: -412px;
	z-index: 50;
}

.fruitbasket {background-image: url('/images/header.jpg');}

#topnav, #topnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.9em;
}

#topnav a {
	display: block;
	padding: 0px 15px;
	border-right: 1px solid #ffffff;
}

#topnav a.last {
	border: none;
}

#topnav li {
	float: left;
	height: 45px;
	font-weight: bold;
}

#topnav li ul {
	position: absolute;
	top: 64px;
	width: 90px;
	left: -9999px;
	z-index: 100;
}
#topnav li ul li {
	display: block;
	background-color: #8dc63f;
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	height: auto;
	font-weight: normal;
	line-height: 1.0em;
}

#topnav li ul li a {
	border: none;
	border-bottom: 2px solid #ffffff;
	padding: 5px;
	width: 80px;
	display: block;
}

#topnav li:hover ul {
	position: relative;
	top: 25px;
}

#topnav li:hover ul, #topnav li.sfhover ul {
	position: relative;
	top: 25px;
	left: 0px;
}

#topnav a:link {color: #ffffff; text-decoration: none;}
#topnav a:visited {color: #ffffff; text-decoration: none;}
#topnav a:hover {color: #8dc63f; text-decoration: none;}
#topnav a:active {color: #8dc63f; text-decoration: none;}
#topnav a.active:link {color: #8dc63f; text-decoration: none;}
#topnav a.active:visited {color: #8dc63f; text-decoration: none;}
#topnav li ul li a:hover {color: #007a48; text-decoration: none;}
#topnav li ul li a:active {color: #007a48; text-decoration: none;}

#contentwrap {
	width: 825px;
	background-image: url('/images/lightgreen.gif');
	background-repeat: repeat-y;
	background-position: 670px 0px;
}

/* CSS Specific to the Homepage */
#contentwraphome {
	width: 825px;
	background-image: url('/images/lightgreen.gif');
	background-repeat: repeat-y;
	background-position: 325px 0px;
}

#homeleft {
	float: left;
	width: 310px;
	padding-right: 15px;
}

#homeright {
	float: left;
	width: 310px;
	padding-left: 15px;
}
#homelinks li {
	padding: 5px 0px;
}
.innercol {
	padding-left: 75px;
	background-position: top left;
	background-repeat: no-repeat;
}
/* END CSS Specific to the Homepage */

#content {
	float: left;
	width: 650px;
	padding-right: 20px;
	font-size: 0.9em;
	overflow: hidden;
}

#contentiframe { /* This makes the content area slightly wider to accomodate the 665px width minimum from Living Naturally */
	float: left;
	width: 665px;
	padding-right: 5px;
	font-size: 0.9em;
	overflow: hidden;
}

#imgcol {
	float: left;
	width: 65px;
	height: 100px;
	min-height: 100px;
	background-position: top left;
	background-repeat: no-repeat;
}

#leftcolumn {
	float: left;
	width: 272px;
	padding-right: 15px;
}

#rightcolumn {
	float: left;
	width: 272px;
	padding-left: 15px;
}
#fullcolumn {
	float: left;
	width: 574px;
}

.tomato {background-image: url('/images/side-tomato.jpg');}
.broccoli {background-image: url('/images/side-broccoli.jpg');}
.carrot {background-image: url('/images/side-carrot.jpg');}
.orange {background-image: url('/images/side-orange.jpg');}
.corn {background-image: url('/images/side-corn.jpg');}
.avacado {background-image: url('/images/side-avacado.jpg');}
.sup {background-image: url('/images/side-sup.jpg');}


#sidebar {
	float: left;
	width: 144px;
	padding: 0px;
	padding-left: 11px;
	font-size: 0.8em;
}

#sidebar h2 {
	font-size: 1.1em;
}

#sidebar a {line-height: 1.1em;}
#sidebar a:link {color: #000000; text-decoration: none;}
#sidebar a:visited {color: #000000; text-decoration: none;}
#sidebar a:hover {color: #8dc63f; text-decoration: none;}
#sidebar a:active {color: #8dc63f; text-decoration: none;}
#sidebar a.active:link {color: #8dc63f; text-decoration: none;}
#sidebar a.active:visited {color: #8dc63f; text-decoration: none;}

#sidebar a.button:link {color: #007a48; text-decoration: none;}
#sidebar a.button:visited {color: #007a48; text-decoration: none;}
#sidebar a.button:hover {color: #007a48; text-decoration: none;}
#sidebar a.button:active {color: #007a48; text-decoration: none;}

.roundtop {
	float: left;
	width: 144px;
	height: 9px;
	background-image: url('/images/round-top.gif');
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px;
	_margin-bottom: -4px; /* Hack Fix for IE6 */
	padding: 0px;
}
.roundsides {
	float: left;
	width: 134px;
	padding: 2px 5px;
	margin: 0px;
	_margin-bottom: -4px; /* Hack Fix for IE6 */
	background-image: url('/images/round-middle.gif');
	background-position: top center;
	background-repeat: repeat-y;
	z-index: 100;
}
.roundsides h1 {
	margin: 0px;
	padding: 0px;
}

.roundbottom {
	float: left;
	width: 144px;
	height: 9px;
	background-image: url('/images/round-bottom.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#footer {
	margin: 0px auto;
	width: 825;
	height: 76px;
	background-image: url('/images/footer.gif');
	background-repeat: no-repeat;
	font-size: 0.7em;
	overflow: hidden;
}
#footer p {
	float: left;
	margin: 34px 0px 0px 0px;
}

#bottomnav {
	width: 100%;
	height: 25px;
	overflow: hidden;
	background-image: url('/images/bottomnav.gif');
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 10px;
}

#bottomnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
}

#bottomnav ul li {
	display: inline;
	padding: 0px 15px;
	border-right: 1px solid #ffffff;
}

#bottomnav ul li.last {
	border: none;
}

#bottomnav ul li a {
	color: #ffffff;
	padding: 3px;
}

#bottomnav ul li a:link {color: #ffffff; text-decoration: none;}
#bottomnav ul li a:visited {color: #ffffff; text-decoration: none;}
#bottomnav ul li a:hover {color: #8dc63f; text-decoration: none;}
#bottomnav ul li a:active {color: #8dc63f; text-decoration: none;}
#bottomnav ul li a.active:link {color: #8dc63f; text-decoration: none;}
#bottomnav ul li a.active:visited {color: #8dc63f; text-decoration: none;}

#enewsSignup {
	color: #007a48;
	font-weight: bold;
	text-align: right;
	padding: 0px;
	padding-top: 5px;
	margin: 0px;
}
#enewsSignup input {
	border: 1px solid #8dc63f;
	width: 88px;
	font-size: 0.8em;
}

#pollQuestion {
	color: #007a48;
	margin: 0px;
	padding: 0px;
	background-image: url('/images/survey-bg.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#adminLogin {
	color: #007a48;
	font-weight: bold;
	padding-top: 50px;
	width: 100%;
	text-align: center;
}

#adminLogin input {
	border: 1px solid #8dc63f;
}

#lightboxDimmer {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	-moz-opacity:.60;
	filter:alpha(opacity=60);
	opacity:.60;
	width: 100%;
	height: 100%;
	z-index: 50;
}

.lightbox {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -250px;
	margin-bottom: 50px;
	width: 460px;
	border: 1px solid #8dc63f;
	padding: 10px;
	background-color: #ffffff;
	text-align: left;
	z-index: 100;
}

.hr {
	height: 1px;
	width: 100%;
	margin: 20px 0px 19px 0px;
	border-bottom: 1px solid #8dc63f;
}

.msg {
	color: red;
	font-weight: normal;
	text-align: left;
}

.pollResult {
	color: #007a48;
	overflow: hidden;
	max-width: 134px;
	margin: 1px 0px;
	background-image: url('/images/lightgreen.gif');
	background-repeat: repeat;
}

.copyright {
	font-size: 0.8em;
	text-align: center;
}

img {
	border: 0px;
}

h1 {
	color: #007a48;
	margin: 5px 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: lowercase;
}
h1 em {
	color: #000000;
	font-size: 0.7em;
}

h2 {
	color: #007a48;
	margin: 5px 0px;
	padding: 0px;
	font-size: 1.3em;
	font-weight: normal;
}

h3 {
	color: #007a48;
	margin: 5px 0px;
	padding: 0px;
	font-size: 1.2em;
	font-weight: normal;
}
h3 em {
	color: #000000;
	font-size: 0.9em;
}

h4 {
	color: #007a48;
	margin: 5px 0px;
	padding: 0px;
	font-size: 1.0em;
	font-weight: bold;

}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

ul li {
	margin: 0px;
	padding: 0px;
}

a:link {color: #007a48; text-decoration: underline;}
a:visited {color: #007a48; text-decoration: underline;}
a:hover {color: #8dc63f; text-decoration: none;}
a:active {color: #8dc63f; text-decoration: none;}

/* livingNaturally CSS */
td.SubHeadline {
	color: #007a48;
	margin: 5px 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: normal;
}

.mceContentBody {
	background: #ffffff;
}

#credits {color: #000000; font-size: 0.8em; text-align: center;}
#credits a:link {color: #000000; text-decoration: none; font-weight: normal;}
#credits a:visited {color: #000000; text-decoration: none; font-weight: normal;}
#credits a:hover {color: #007a48; text-decoration: none; font-weight: normal;}
#credits a:active {color: #007a48; text-decoration: none; font-weight: normal;}