body {margin: 0; font: normal 10pt arial, helvetica, sans-serif; color: #000; text-align: center; background: #fff;}
#page {position: relative; margin: 5px auto; width: 910px; text-align: left;} /* relative positioning included for auto height adjustment for side nav links */
#header {margin: 0; padding: 0; width: 910px; background: #fff;}
#header #sitelogo {float: left; margin: 0 5px; margin-bottom: 5px; padding: 0;}
#header #xspace {float: right; margin: 0; padding: 0; text-align: right;}
#header #xspace form {margin: 0;}
#mainmenu {clear: both; width: 910px; height: 30px;}
#mainmenu ul {margin: 0; padding: 0; height: 30px; line-height: 30px; overflow: hidden;}
#mainmenu ul li {display: inline;}
#mainmenu ul li a {display: block; float: left; padding: 0px 30px; font-size: 11pt; font-weight: bold; text-decoration: none; color: #000; background: url(../images/nav/tab.jpg) no-repeat bottom center;}
#mainmenu ul li a:hover {background: url(../images/nav/hover.jpg) no-repeat bottom center; color: #0000FF; text-decoration: none;}
#mainmenu ul li a.tabon, #mainmenu ul li a.tabon:hover {background: url(../images/nav/tabon.jpg) no-repeat bottom center; text-decoration: none; color: #000;}
#submenu {clear: both; width: auto; height: 20px; background: #F5F5F5;}
#submenu ul {margin: 0; padding: 0; height: 20px; line-height: 20px; overflow: hidden;}
#submenu ul li {display: inline;}
#submenu ul li a {display: block; float: left; padding: 0px 10px; font-size: 10pt; text-decoration: none; color: #0000FF;}
#submenu ul li a:hover {text-decoration: overline;}
#submenu ul li a.caton, #submenu ul li a.caton:hover {background: #FFF; text-decoration: none; color: #000; border: solid 1px #E1E1E1; border-bottom: none;}
#core {position: absolute; margin: 0; padding-top: 1em; width: 910px; height: auto;} /* absolute positioning included for auto height adjustment for side nav links */
#core #content {float: right; margin: 0; padding: 0; width: 700px;}
#core #content #breadcrumb, #core #searchresults #breadcrumb {padding-bottom: 5px;}
#core #searchresults, #core #storefront {margin: 0 auto; padding: 0; width: auto;}
#core #storefront h1 {margin-bottom: 0;}
#core #side {float: left; margin: 0; padding: 0; width: 200px;}
#pagenav {width: 200px; margin: 0; padding: 0; font: bold 10pt arial, tahoma;}
#pagenav ul {list-style: none; margin: 0; padding: 0; text-align: left;}
#pagenav li a {margin: 0; padding: 5px 10px 5px 25px; display: block; height: 1%; text-decoration: none;}
#pagenav li a:visited {color: #0000FF;}
#pagenav li a:hover {color: #0000FF; background: url(../images/nav/pagesel.jpg) no-repeat 5px 7px; text-decoration: none;}
#pagenav li.pageon a, #pagenav li.pageon a:hover {color: #000; background: #F5F5F5 url(../images/nav/pageon.jpg) no-repeat 5px 7px; text-decoration: none;}
#pagenav li.pageon a:visited {color: #000;}
#endnav {width: auto; margin: 0; padding: 0; font: bold 10pt arial, tahoma;}
#endnav ul {list-style: none; margin: 0; padding: 0; text-align: left;}
#endnav li a {margin: 0; padding: 5px 10px 5px 25px; display: inline-block; text-decoration: none;}
#endnav li a:visited {color: #0000FF;}
#endnav li a:hover {color: #0000FF; background: url(../images/nav/pagesel.jpg) no-repeat 5px 7px; text-decoration: none;}
#endnav li.pageon a, #endnav li.pageon a:hover {color: #000; background: url(../images/nav/pageon.jpg) no-repeat 5px 7px; text-decoration: none;}
#endnav li.pageon a:visited {color: #000;}
#footer {clear: both; margin-top: 1em; padding: 0; width: auto; border-top: solid 1px #C0C0C0; font-size: 8pt;}
#footer a, #core #content #breadcrumb a {font-weight: normal;}

/* navigation links */
a {color: #0000FF; font-weight: normal; text-decoration: underline;}
a:visited {color: #0000FF;}
a:hover {color: #0000FF; text-decoration: none;}
a:active {color: #0000FF;}

/* layout */
img {border: 0;}
h1 {font-size: 11pt; padding: 0; text-align: left;}
h2 {font-size: 10pt; padding: 0; text-align: left;}
h3 {padding: 0; font: bold 10pt arial, helvetica; text-align: left;}
.indent {margin-left: 20px;}
.divider {border: dashed 1px #466E46; size: 1px;}
.neat li {margin: 0.5em 0;}
.relative {margin: 1em 0 0 0;}
.abstract ul {list-style: none; margin: 2px 0 0 0; padding: 0}
.abstract ol {margin: 2px 0 0 30px; padding: 0;}
.abstract li a {margin: 0; padding: 0 0 3px 6px; display: inline-block; font-size: 9pt; vertical-align: text-top;}


/* subscription */
.optin {margin: 0; padding: 10px 10px 10px 0; background: none; border-right: dotted 1px #A5C8A5;}
.optin h2 {font-size: 16px; text-align: left; margin-top: 0; margin-bottom: 5px; color: #004000;}

/* general */
.mapsection {font-family: tahoma; font-size: 12pt;}
.mapitem {font-family: tahoma; font-size: 10pt;}
.bite {margin-top: 0; padding: 0.5em; border: solid 1px #A5C8A5; border-right: none; border-left: none;}
.bite .heading {font: normal 12pt 'Comic Sans MS', arial, sans-serif; text-align: center;}
.bitetopic {margin: 1em auto; font-weight: bold; text-align: center;}
.diduknow {float: right; margin-left: 10px; margin-right: 10px; padding: 10px; width: 280px; background: #F5F5F5; border: dashed 1px #808080;}
html>body .diduknow {width: 260px;}
.ecover {float: left; padding-right: 20px; width: 170px;}
.ecover2 {float: left; margin-right: 10px;}
.storeitem {float: left; margin: 0 10px; width: 150px;}
.vegresources, .remedies {float: left; margin-right: 15px; width: 335px;}

.caption {padding: 0 10px; font-size: 8pt; text-align: center;}
.tcaption {margin: 0 auto; padding: 0 20px; font-size: 8pt; text-align: left;} /* caption for table or figures on the main content */
.L {float: left;}
.R {float: right;}
.productad {float: left; width: 260px; height: auto; font-size: 12pt; text-align: center;}
.productad_r {float: right; width: 260px; height: auto; font-size: 12pt; text-align: center;}