/*
--------------------------------------------------
BDSNatural.com HOME PAGE STYLES
Last revised 13 November 2006
--------------------------------------------------
*/
/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
*/
body	{
		min-width: 60em; /* @800px */
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
*/
#wrapper {
		width: 60em;
		}
#banner {
		width: 60em;
		height: 6em;
		background: #fff;
		}
#search {
		float: right;
		margin: 2em 0 0;
		}

/* Main navigation */
#nav	{
		font-size: 1em;
		float: left;
		margin: 2em 0 0;
		}
#nav li, #nav li.first {
		border: none;
		}
#nav li.first a {
		padding-left: 0;
		}
#nav a	{
		}
#nav a:link, #nav a:visited {
		color: #97b065; /* OliveDrab 70% */ /* originally #cedab6 -- changed per client request 11/13 */
		background: none;
		}
#nav a:hover {
		color: #006400; /* DarkGreen */
		background: none;
		}
#nav a:active {
		color: #4b0082; /* Indigo */
		background: none;
		}
#nav li a.selected {
		color: #4b0082 !important; /* Indigo */
		font-weight: bold;
		border-bottom: 1px solid #fff;
		background: none !important; /* rule overrides hover behavior */
		}

/* Content areas */
#container {
		width: 60em;
		border: none;
		background: #fff;
		}
#content {
		width: 60em;
		float: none;
		margin: 0;
		padding: 0;
		border: none;
		background: #fff;
		}
#main	{
		display: block;
		height: 22.5em;
		background: #cedab6; /* OliveDrab 33% */
		}
.mainImage {
		width: 30em;
		height: 22.5em;
		}
#logo	{

		}
#main div {
		width: 30em;
		float: right;
		margin: -22.5em -2em 0 0;
		padding: 1em;
		}
#main div h2 {
		color: #6b8e23; /* OliveDrab */
		font: italic 1.5em/150% "Times New Roman", Times, Georgia, serif;
		margin: 3.1em 1.2em 0 0;
		text-align: center;
		}
#main div address {
		color: #fff;
		font: 1em Georgia, serif;
		margin-top: .4em;
		}

/* Utility elements */
.clearance {
		height: 0;
		background-image: none; /* remove rounded bottom graphic */
		}

/* Tables */
#gallery {
		margin: 2em auto 0;
		clear: both;
		background: #fff;
		}
#gallery h3 {
		color: #808000; /* Olive */
		font: normal 1.5em Georgia, serif;
		}
#gallery li	{
		float: left;
		margin: .5em 0 1em;
		padding: 0 .29em;
		border-top: 1px solid #ccc; /* light grey */
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
#gallery li.first {
		border-left: 1px solid #ccc; /* light grey */
		}
#gallery li p {
		font: bold 0.9em/100% "Arial Narrow", Arial, sans-serif;
		text-align: center;
		text-transform: uppercase;
		margin: .8em .7em .4em;
		}
/* Gallery links */
#gallery li a, #gallery li a:link, #gallery li a:visited {
		color: #444; /* darker grey */
		border-bottom: none;
		}
#gallery li a:hover {
		color: #6b8e23; /* OliveDrab */
		}
#gallery li a:active {
		color: #4b0082; /* Indigo */
		}
/* Gallery linked images */
#gallery li img {
		width: 10.4em;
		margin: 0.45em; /* Need to allocate for 1px left + right borders for design to scale down */
		padding-top: 1em;
		border-top: 3px solid #cedab6; /* OliveDrab 33% */
		}
#gallery li img:hover {
		border-top: 3px solid #6b8e23; /* OliveDrab */
		}
#gallery li img:active {
		border-top: 3px solid #4b0082; /* Indigo */
		}