* { margin: 0; padding 0; }
body { font: 62.5% Verdana,Tahoma,Arial,sans-serif; text-align: center; }
ul { list-style-type: none; padding:0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.green { color: #4F7962; }
h1,h2,h3,h4,h5,h6,p {color: #333;}

img, div { behavior: url(j/iepngfix.htc); }

#wrapper {
 text-align: left;
 margin: 0 auto;
 width: 950px;
 background: transparent url(../i/faux_columns.gif) top left repeat-y;
}

/************************************************************************
* MASTHEAD & TOP MENU
************************************************************************/
#masthead {
 height: 235px;
 background: transparent url(../i/masthead.jpg) top center no-repeat;
}
ul#top-menu { float: right;  }
ul#top-menu li { 
 float: left; 
 margin: 0 5px; 
 background: transparent url(../i/top_menuitem_right.gif) no-repeat top right;
}
ul#top-menu li a {
 font-size: 1.2em;
 padding: 8px;
 display: block;
 color: #fff;
 background: transparent url(../i/top_menuitem_left.gif) no-repeat top left;
}

/************************************************************************
* MAIN CONTAINER (contains left nav and main content area...)
************************************************************************/
#main-container {
 background: transparent url(../i/main_background.jpg) bottom left no-repeat;
}
/************************************************************************
* LEFT NAVIGATION PANEL
************************************************************************/
#left-nav { float: left; width: 224px;  }

#category-menu-container {
 margin-left: 10px; margin-top: 10px;
 width: 224px;
 background: transparent url(../i/category_menu_bottom.gif) bottom center no-repeat;
}
ul#category-menu {
 padding: 1.5em 0;
 background: transparent url(../i/category_menu_top.gif) top center no-repeat;
}
ul#category-menu li {  }
ul#category-menu li a { 
 display: block; margin: 0 10px 0.5em 20px; color: #fff; 
 padding: 0.5em 0;
 font-size: 1.2em;
 border-bottom: 1px #bbb dotted;
}
ul#category-menu li.last a {margin-bottom: 0; border-bottom: 0; }

div#contact-details {
  width: 224px;
  margin-left: 10px;
  padding-top: 22px;
  background: transparent url(../i/contactdetails_top.png) top center no-repeat;
}
div#contact-details-content {
  padding-bottom: 22px;
  text-align: center;
  background: transparent url(../i/contactdetails_bottom.png) bottom center no-repeat;
  color: #333;
}

div#contact-details-content p {
  margin-bottom: 0.5em; font-size: 1.1em;
}
div#contact-details-content h2 {font-size: 1.4em;margin-bottom: 0.5em;}
div#contact-details-content a { color: #333; font-weight: bold; }

/************************************************************************
* MAIN CONTENT AREA
************************************************************************/
#content { float: right; width: 706px;padding-top:2em; }
#content-left {float:left;width:500px;}
#content-right {float:right;width:200px; text-align:center;}

#content-left h1,#content-left h2,#content-left h3,#content-left p,
    #content-left ul {padding-left: 45px;}
#content-left h1 {font-size: 1.6em; margin-bottom:1em; color: #2E6B4A; }
#content-left h2 {font-size: 1.4em; margin-bottom:1em; color: #4F7962; }
#content-left p {font-size: 1.2em;margin-bottom:1em;line-height:1.4em; }
#content-left a, #content-full a { color: #2E6B4A; }

#content-left ul {  }
#content-left li { 
  padding-left: 12px; 
  background: transparent url(../i/bullet.gif) no-repeat 0 4px; 
  font-size: 1.2em;
  margin-bottom: 0.5em;
  color: #202020;
}

#content-right p { margin-bottom: 15px; }

#content-full h1,#content-full h2,#content-full h3,#content-full p,
    #content-full ul {padding-left: 45px;padding-right: 20px;}
#content-full h1 {font-size: 1.6em; margin-bottom:1em; color: #2E6B4A; }
#content-full h2 {font-size: 1.4em; margin-bottom:1em; color: #4F7962; }
#content-full p {font-size: 1.2em;margin-bottom:1em;line-height:1.4em; }

#content-full table { margin-left: 45px; width: 600px; }
table#herbs { border-collapse: collapse; margin-bottom: 20px; }
table#herbs tr.toprow td {  }
table#herbs tr.first td { border-top: 0 !important; }
table#herbs tr.bottomrow td { border-top: 0; }
table#herbs td { padding: 6px; border: 1px #ccc solid; border-bottom: 0; border-left: 0; border-right: 0; font-size: 1.1em; }
table#herbs th { padding: 6px; font-size: 1.1em; background: #4F7962; color: #fff; }
table#herbs td.image { width: 120px; }

div#content-left div.event p.event_date { font-size: 0.8em; margin: 0.25em 0; font-weight: bold; }
div#content-left div.event h2 { margin: 0.25em 0; }


/************************************************************************
* FOOTER & BOTTOM MENUS
************************************************************************/
#footer {
 background-color: #202020;
 clear: both;
 padding: 1em 2em 2em 2em;
 line-height: 20px;
}
#footer-left { 
 width: 500px;
 float: left;
}
#footer-right {
 text-align: right;
 width: 400px;
 float: right;
}
#footer-right p { color: #fff; background-color: transparent; font-size:1.1em;}
#footer-right p a { color: #fff; }
ul#bottom-menu {}
ul#bottom-menu li {float: left;}
ul#bottom-menu li a {color:#fff;padding:0 5px;font-size:1.1em;}
ul#bottom-category-menu {clear:left;}
ul#bottom-category-menu li {float: left;}
ul#bottom-category-menu li a {color:#fff;padding:0 5px;font-size:1.1em;}