/* CSS Document */

/* Set all margins and padding to zero */
* {margin: 0; padding: 0}
 

body 
{ 
  text-align: center; 
  background: #130938; 
  color: #d0cbe2; 
  font-family: garamond, serif;
  font-size: 110%;
  margin: 0px; 
  padding: 0px; 
} 

div.clearfloats { clear: both; }

.topcontainer 
{ 
  width: 950px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  border-top: 2px solid #05581e; 
  border-right: 2px solid #05581e; 
  border-left: 2px solid #05581e; 
  background: #d0cbe2;
}

.middlecontainer 
{ 
  width: 950px;
  height: 32px;
  margin-right: auto;
  margin-left: auto;
  border-right: 2px solid #05581e; 
  border-left: 2px solid #05581e; 
  background: url(images/divider.gif) top left no-repeat;
}

.bottomcontainer 
{ 
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 2px solid #05581e; 
  border-right: 2px solid #05581e; 
  border-left: 2px solid #05581e; 
  background: #998ec2 url(images/background.gif) top left repeat;
}

div#flashPlayer
{
  margin-left: 150px;
  margin-top: 30px;
}

#nav  
{ 
  float: left;
  width: 200px;
  /* fixes IE Double Margin Float bug */ 
  display: inline; 
  margin-top: 10px;
  margin-left: 10px
}

#nav ul li
{
  list-style-type: none; 
  text-align: left;
  font-size: .85em; 
  padding-left: 25px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* for IE only */
* html div div#nav ul li
{
  padding-top: 2px;
  padding-bottom: 2px;
}


#nav ul li ul li 
{
  font-size: .95em;
  padding-top: 4px;
  padding-bottom: 0px;
}

/* for IE only */
* html div div#nav ul li ul li
{
  padding-top: 0px; 
}


#nav ul li.selected
{
  background: url(images/bullet.gif) center left no-repeat;
}

#nav ul li a
{
  color: #ffffff;
  text-decoration: none;
}

#nav ul li.selected a
{
  color: #d0cbe2;
  font-weight: bold;
}

#nav ul li a:hover
{
  color: #d0cbe2;
  text-decoration: none;
}



#nav ul.submenu a, #nav ul li.selected ul.submenu a
{
  font-weight: normal;
  color: #d0cbe2;
}

#nav ul.submenu a:hover, #nav ul li.selected ul.submenu a:hover
{
  font-weight: normal;
  color: #ffffff;
}

#content
{ 
  color: #130938;
  float: left;
  width: 724px;
  /* fixes IE Double Margin Float bug */ 
  display: inline; 
  text-align: left;
  margin-left: 5px;
}

div#leftcol
{
  float: left;
  margin-right: 10px;
  width: 352px;
  text-align: left;
}


div#rightcol
{
  float: left;
  width: 362px;
  text-align: left;
}

h3
{
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  font-variant: small-caps;
  padding: 10px 10px 10px 10px;
}

h3.splash
{
  font-size: 2.0em;
  padding: 30px 10px 20px 10px;
}

h3.heading
{
  text-align: center;
  font-variant: small-caps;
  font-size: 1.4em;
  color: #05581e;
}

p.links
{
  font-size: .85em;
  padding: 15px 10px 10px 10px;
}

p.links a
{
  color:  #130938;
  text-decoration: none;
}

p.links a:hover
{
  color:  #d0cbe2;
}

h4
{
  font-size: .95em;
  padding: .3em;
  margin-left: .3em;
}

p.text, p.faq, p.construction
{
  font-size: .95em;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

p.splashtext
{
  font-size: .95em;
  padding: 8px 20px;
  margin: 0px;
}

p.example
{
  margin-left: 40px;
}

p.text a, p.splashtext a
{
  color: #05581e;
  text-decoration: none;
}

p.text a:hover, p.splashtext a:hover
{
  color: #130938;
  text-decoration: none;
}

p.location
{
  margin-top: 10px;
  text-align: center;
}

#map
{
  margin: 15px auto 0px auto;
  border: 1px solid #130938;
}


p.construction
{
  text-align: center;
}


img.claudiacindy
{
  float: left;
  margin: 5px 15px 2px 0px;
  border: 1px solid #130938;
}

div.frontpoints
{
  float: left;
  margin: 10px 0px 20px 20px;
  *margin: 10px 0px 20px 10px;
}

img.backpoints
{
  float: left;
  margin: 10px 10px 20px 0px;
  border: 1px solid #130938;
}

div.frontpoints img
{
  border: 1px solid #130938;
}

div.frontpoints p
{
  text-align: left;
  font-size: .7em;
}

div.herbs
{
  float: right;
  margin: 15px 10px 0px;
}

div.herbs img
{
  border: 1px solid #130938;
}

div.herbs p
{
  text-align: right;
  font-size: .7em;
}


p.greeting
{
  font-family: georgia, times, serif;
  font-size: 1em;
  font-style: italic;
  text-align: center;
  color: #05581e;
  padding: 0px 0px 20px 0px;
}

p.greeting1
{
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 1em;
  color: #05581e;
  padding: .5em .3em .3em .3em;
  margin-left: .3em;
}

p.listhead
{
  font-family: georgia, times, serif;
  font-size: .85em;
  font-style: italic;
  padding: .3em;
  margin: 0 20px;
}


ol.emphasis
{
  font-size: .85em;
  margin: .3em 3em;
}

#footer
{
  font-size: .75em;
  padding-top: .3em;
  padding-bottom: 2em;
}

#footer p
{
  margin-top: .2em;
}

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

#footer a:hover
{
  color: #ffffff;
}