/* CSS Document */

* {margin: 0; padding: 0;}

body
{
margin: 0;
padding: 0;
font: 100% georgia, serif;
background: #e4dace url(images/greencombodiag.gif) top left repeat;
color: #000000;
}

#container
{
width: 900px;
margin: 20px auto 5px auto;
background: #ffffff url(images/background.jpg) top left repeat-y;
border: 2px solid #669803; /* bright green */
text-align: left;
}

#banner
{
width: 900px;
height: 85px;
background: url(images/banner.jpg) top left no-repeat;
font-variant: small-caps;
font-size: 9.5pt;

}

ul#navigation
{
padding: 0px 5px 15px 0px;
list-style-type: none;
float: right;
text-align: center;
}

ul#navigation li
{
display: inline;
}

ul#navigation li a
{
display: block;
float: left;
height: 35px;
text-decoration: none;
color: #000000;
border-left: 1px solid #669803; /* bright green */
padding: 5px 9px 0px;
margin-top: 18px;
margin-bottom: 7px;
line-height: 15px;
}

ul#navigation li a.selected, ul#navigation li a:hover
{
text-decoration: none;
color: #669803; /* bright green */
}

div#leftcol
{
width: 243px;
float:left;
}

div#leftcol p
{
font-style: italic;
line-height: 28px;
padding: 0px 6px 0px 6px;
text-align: center;
font-size: 9pt;
}

div.sideimage
{
  float:left;
  padding: 0px;
  margin: 0px;
}

div.video
{
padding: 0px 0px 10px 243px; 
text-align: center;
}

p
{
padding: 0px 20px 10px 265px;
}

ol
{
padding: 0px 20px 10px 300px;
font-size: .9em;
}

p.small
{
font-size: .8em;
}

p.centered
{
text-align: center;
padding: 0px 0px 10px 243px; 
}

p.linkheader
{
text-align: center;
padding: 20px 0px 20px 243px; 
}



p a
{
color: #669803; /* bright green */
text-decoration: none;
}

p a:hover
{
color: #000000;
}

p img.story
{
  float: right;
  margin: 15px 0px 15px 15px;
  border: 2px solid #669803; /* bright green */
}

p img.storyleft
{
  float: left;
  margin: 15px 15px 15px 0px;
  border: 2px solid #669803; /* bright green */
}


h2
{
padding: 10px 10px 10px 265px;
}

h2.location
{
font-size: 14pt;
color: #000000;
padding: 20px 0px 0px 243px;
text-align: center;
font-variant: small-caps;
}

h3
{
padding: 10px 10px 10px 265px;
}

h4
{
font-size: 14pt;
color: #669803; /* bright green */
padding: 10px 0px 0px 243px;
text-align: center;
font-variant: small-caps;
}

h6
{
font-size: 9pt;
color: #000000; 
padding: 5px 0px 0px 243px;
text-align: center;
font-variant: small-caps;
}


h5
{
font-size: 13pt;
color: #669803; /* bright green */
text-align: left;
padding: 0px 10px 5px 265px;
}


table
{
padding: 0px 0px 10px 0px;
}

table tr td
{
vertical-align: top;
padding: 0px 20px 0px 80px;
}

table#join tr td
{
  padding: 5px;
}



ul
{
list-style-image: url(images/bullet.jpg);
}

ul#req
{
margin-left: 40px;
padding: 0px 20px 10px 265px;
}

/* splash page */
 
p.splash
{
  float:left;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  border-bottom: 5px solid #669803; /* bright green */
}

p.home
{
  padding: 0px 20px 10px 255px;
}

/* product info & faq page */

p.topimage
{
  float:left;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

table.nutrition
{
margin: 0px 0px 10px 0px;
}

p.widedivider
{
padding: 0px 0px 10px 243px;
text-align: center;
}

/* location pages */


ul.menu-top
{
padding: 10px 41px 10px 285px;
list-style-type: none;
text-align: center;
}

ul.menu-top li
{
display: inline;
}

ul.menu-top li a
{
display: block;
width: 80px;
float: left;
text-decoration: none;
color: #669803; /* bright green */
font-size: 9pt;
font-variant: small-caps;
border-left: 1px solid #669803; /* bright green */
padding: 0px;
margin: 0px;
}

ul.menu-top li.menu-first a
{
border-left: none;
}

ul.menu-top li.menu-current a, ul.menu-top li a:hover
{
text-decoration: none;
color: #000000; /* black */
}

p#locationssummary
{
padding: 10px 0px;
font-size: 13pt;
color: #000000;
text-align: center;
}



table#locations
{
font-size: 9pt;
margin:0px auto;
}

table#locations tr td
{
padding: 0px;
margin: 0px;
width: 200px;
text-align: center;
vertical-align: top;
}

table#locations tr td h5, table#cart
{
padding: 0px;
margin: 0px;
font-size: 10pt;
color: #669803; /* bright green */
text-align: center;
}

table#locations tr td img
{
padding: 0px;
margin: 0px;
float: none;
}

table#locations tr td p
{
padding: 0px 0px 15px 0px;
margin: 0px;
}

/* buy online page */

table.cart
{
font-size: 10pt;
margin:0px auto;
}
table.cart tr td
{
padding: 0px;
margin: 0px;
width: 200px;
text-align: center;
vertical-align: top;
color: #000000;
line-height: 20px;
}

table.cart tr td span.label
{
  font-weight: bold;
}


table.cart tr td h5
{
padding: 0px 0px 5px 0px;
margin: 0px;
font-size: 11pt;
color: #669803; /* bright green */
text-align: center;
}

table.cart tr td input
{
  margin-top: 5px;
}


/* footer */

#footer
{
clear: both;
background: #669803; /* bright green */
}

#footer img
{
float: left;
}

#footer p
{
text-align: center;
font-size: .7em;
padding: 35px 0px 30px 95px;
color: #ffffff;
}

#footer p a
{
color: #ffffff;
text-decoration: none;
}

