body
{
   background: #666666 url(http://www.baycrest.org/images/spacer.gif) repeat-y left 0;
   margin: 0px;
   padding: 0px 0px 20px;
   font-family: Arial, Verdana, sans-serif;
   font-size: 12px;
}
a:link, a:visited, a:active
{
   color: #337EC2;   
}

a:hover
{
   color: #0F6894;  
}

img
{
   border: 0px;
   padding: 2px;  
}

#pagebanner {
float:left; 
margin: 0px 10px 0px 12px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 20px; 
color: #333333; 
}

h1
{
   color: #333333;
   font-size: 22px;
   font-family: Arial, Helvetica, sans-serif; 
   margin: 10px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 23px; 
}

h2 {
   color: #37929b;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif; 
   margin: 14px 0px 0px 0px; 
   padding: 0px 0px 0px 0px; 
}
h3
{
   color: #002D56;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif; 
   margin: 14px 0px 0px 0px; 
   padding: 0px 0px 0px 0px; 
}
/* #32848D */
h4
{
   color: #2E7C85;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif; 
   margin: 10px 0px 0px 0px; 
   padding: 0px 0px 0px 0px; 
}

p
{
   margin: 18px 0px 0px 0px;
   line-height: 19px;
}
#wrapper
{
   background: #ffffff;
   width: 980px;
   margin: 10px auto;
   height:100%;
   display:block;
}
#header
{
   background-color: #ffffff;
   position: relative;
   height: 95px;
}

#logo
{
   position: absolute;
   top: 0px;
   left: 0px;
}

#topnav
{
   color: #666;
   background: url(http://www.baycrest.org/css/img/main/topnav_bg.gif) ;
   position: absolute;
   top: 8px;
   right: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 11px;
}

#topnav p
{
   margin: 0px;
   padding: 0px;
   line-height: 14px;
}

#topnav a:link, #topnav a:visited, #topnav a:active
{
   color: #666666;
   background: url(http://www.baycrest.org/css/img/main/topnav_link_bg.gif) repeat-x;
   text-decoration: none;
   display: block;
   margin: 0px 1px 0px 0px;
   padding: 8px 4px 1px 5px;
   float: left;
}

#topnav a.current:link, #topnav a.current:visited, #topnav a.current:active
{
   color: #666666;
   background: #FF8F2E url(http://www.baycrest.org/css/img/main/topnav_link_bg_current.gif) repeat-x;;
}

#topnav a:hover
{
   color: #333333;
   background: #FF8F2E url(http://www.baycrest.org/css/img/main/topnav_link_bg_hover.gif) repeat-x;;
}

#subnav
{
   color: #666666;
   background: url(http://www.baycrest.org/css/img/main/subnav_bg.gif);
   position: absolute;
   top: 40px;
   right: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 11px;
}

#subnav p
{
   margin: 0px;
   padding: 0px;
   line-height: 14px;
}

#subnav a:link, #subnav a:visited, #subnav a:active
{
   color: #2898B8;
   background-color: #ffffff;
   text-decoration: none;
   display: block;
   margin: 0px 2px 0px 0px;
   padding: 0px 4px 1px 5px;
   float: left;
}

#subnav a:hover
{
   color: #3FB8DB;
}

#searchbox
{
   position: absolute;
   top: 55px;
   right: 5px;
}

#mainnav
{
   background-color: #002D56;
   border-top: 1px #29c2de solid;
   border-bottom: 4px #29c2de solid;
   height: 30px;
}

#mainnav ul
{
   margin: 0px auto;
   padding: 0px;
   list-style: none;
   width: 780px;
}

#mainnav li
{
   float: left;
   margin: 0px;
   padding: 0px;
   text-align: center;
}

#mainnav a:link, #mainnav a:visited, #mainnav a:active
{
   color: #FFFFFF;
   font-size: 11px;
   font-weight: bold;
   display: block;
   padding: 8px 7px 9px;
   text-decoration: none;
   
}

#mainnav a:hover
{
   background-color: #10599B;
}

#mainnav a.current
{
   background-color: #FF8F2E;
}

#mainnav a.current
{
   background-color: #FF8F2E;
}
#breadcrumb
{
   background-color: #EEEEEE;
   padding: 0px 0px;
   font-size: 11px;
   border-bottom: 1px #CDCDCD solid;
   position: relative;
}

#breadcrumb p
{
   margin: 0px;
   padding: 6px 15px;
   line-height: 14px; 
}

#pagecss_tools
{
	text-align:right; 
	width:400px; 
	float:right;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px;
	padding: 5px 12px 5px 5px;
}

#csstools *
{
    vertical-align: middle
}





#wrapper #leftnav a.current {
   color: #333333;
   background-color: #ECF4FA;
   font-weight: bold;
   display: block;
   border-top: 1px #FFFFFF solid;
   border-right: 1px #FFFFFF solid;
   border-left: 1px #FFFFFF solid;
   padding: 5px;
}

.clearboth1{ clear: both; height:16px;}

.clearboth { clear: both; margin-top:16px; }



#pagetools
{
   top: 0px;
   right: 0px;
   z-index: 1;
   padding: 0px;
   margin-bottom:10px;
   float: right;
   text-align:right;
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
   width: 202px;
}

#pagetools div
{
   float: right;
   text-align: center;
   font-size: 10px;
}

#pagetools div img
{
   display: block;
   margin: 0px auto;
}

#footer
{
   background-color: #002D56;
   border-top: 1px #33C3DE solid;
   border-bottom: 1px #33C3DE solid;
   position: relative;
   height: 42px;
   clear: both;
}

#footer p
{
   color: #FFFFFF;
   font-size: 11px;
   margin: 0px 0px 20px;
   padding: 0px;
    
}

#footer a
{
   color: #FFFFFF;  
}

#footer a:hover
{
   color: #3399CC;
}

#footerlinks
{
   position: absolute;
   top: 14px;
   left: 20px;
}

#copyinfo
{
   position: absolute;
   top: 14px;
   right: 20px;
}

.input
{
   background-color: #FFFFFF;
   border: 1px #CCCCCC solid;
   font-size: 11px;
   padding: 2px;
}

.input:focus
{
   background-color: #FFFFCC;  
}

.button
{
   color: #FFFFFF;
   background-color: #33C3DE;
   border: 0px;
   font-size: 11px;
   font-weight: bold;
   padding: 2px;
}

#SEARCH
{
   color: #FFFFFF;
   background-color: #33C3DE;
   border: 0px;
   font-size: 11px;
   font-weight: bold;
   padding: 2px;
}


#pagebackground {
background-image:url(images/2009_breakthroughs_header_image.jpg);
height:225px; 
width:976px;
}

#navigationbox{
background-image:url(images/2009_breakthroughs_1stdiv_bg.jpg); 
width:261px; 
height:1291px; 
float:left;
}

#tableofcontents_box{
width:202px; 
float:right;
padding-left:4px;
padding-right:4px; 
background-color:#FFFFFF;
}

#tocheader {
background-image:url(images/2009_breakthroughs_toc_title.jpg); 
width:202px; 
height:44px; 
margin-bottom:0px; 
padding:0px; 
margin-top:10px;
}

#toclist {
padding:0px; 
margin:0px;
}

#tocLI {
background-image:url(images/2009_breakthroughs_toc_items.jpg); 
background-repeat:repeat-y; 
list-style:none; 
padding:0px; 
margin:0px; 
}

#toclistA {
text-decoration:none; 
margin:0px 5px 0px 5px; 
padding:7px 5px 7px 5px; 
display:block; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
color:#006699; 
line-height:16px;
border-bottom: 2px solid #ECEEF2; 
}

html>body #toclistA {
text-decoration:none; 
margin:1px 5px 0px 5px; 
padding:0px 5px 0px 5px; 
display:block; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
color:#006699; 
line-height:16px;
border-bottom: 2px solid #ECEEF2; 
}


#tocbottom {
clear:both; 
background-image:url(images/2009_breakthroughs_toc_bottom.jpg); 
width:202px; 
height:21px;
}

#toclistAH6 {
padding:0px; 
margin:0px;
font-size:12px; 
color:#2D3839; 
}

html>body #toclistAH6 {
margin:0px; 
padding:10px 0px 0px 0px;
font-size:12px; 
color:#2D3839; 
}


#promopiece1{
width:202px; 
float:right;
padding-left:4px;
padding-right:4px; 
margin-top:25px; 
height:235px;
}

#promopiece2{
width:202px; 
float:right;
padding-left:4px;
padding-right:4px; 
margin-top:20px; 
height:120px;
}

#promopiece3{
width:202px; 
float:right;
padding-left:4px;
padding-right:4px; 
margin-top:20px; 
height:120px;
text-align:center;
}

#detailsbox{
background-image:url(images/2009_breakthroughs_2nddiv_bg.jpg);
width:710px; 
height:1240px; 
float:left; 
padding-left:5px; 
padding-top:45px;
}

#tocTea {
display:block; 
background-image:url(images/2009_breakthroughs_toc_tea.jpg);
width:197px; 
padding:10px; 
height:195px; 
float:left; 
margin:4px; 
text-decoration:none;
color:#333333;
}

#tocbrainbasics {
display:block; 
background-image:url(images/2009_breakthroughs_toc_brain.jpg);
width:197px; 
padding:10px; 
height:195px; 
float:left; 
margin:4px; 
text-decoration:none;color:#333333;
}

#tocfood {
display:block; 
background-image:url(images/2009_breakthroughs_toc_food.jpg);
width:197px; 
padding:10px; 
height:195px; 
float:left; 
margin:4px; 
text-decoration:none;
color:#333333;
}
#tocsubtext {
padding:15px;
}

#tocwelcome{
display:block; 
background-image:url(images/2009_breakthroughs_toc_welcome.jpg);
width:667px; 
height:182px;
margin:4px;
}

#tocgames {
display:block; background-image:url(images/2009_breakthroughs_toc_games.jpg);width:197px; padding:10px; height:195px; float:left; margin:4px; text-decoration:none;color:#333333;
}
#tocfoodguide{
display:block; background-image:url(images/2009_breakthroughs_toc_guide.jpg);width:197px; padding:10px; height:195px; float:left; margin:4px; text-decoration:none;color:#333333;
}

#tocfunctions {
display:block; background-image:url(images/2009_breakthroughs_toc_functions.jpg);width:197px; padding:10px; height:195px; float:left; margin:4px; text-decoration:none;color:#333333;
}
#tocaging {
display:block; background-image:url(images/2009_breakthroughs_toc_aging2.jpg);padding:10px; width:309px; height:195px; float:left; margin:4px; text-decoration:none;color:#e0e0e0;
}

#tocglossary{
display:block; background-image:url(images/2009_breakthroughs_toc_glossary.jpg);padding:10px; width:309px; height:195px; float:left; margin:4px; text-decoration:none;color:#e0e0e0;
}

#tochighlights {
display:block; background-image:url(images/2009_breakthroughs_toc_highlights.jpg);padding:10px; width:309px; height:195px; float:left; margin:4px; text-decoration:none;color:#e0e0e0;
}

#tocnews{
display:block; background-image:url(images/2009_breakthroughs_toc_highlights.jpg);padding:10px; width:309px; height:195px; float:left; margin:4px; text-decoration:none;color:#e0e0e0;
}

#readmore{
color: #CC6600; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
font-weight:bold;
}

#highlightred {
font-size:16px; 
font-weight:bold; 
color: #990033;
}

.mainnav_active 
{ 
   background-color:#c9daac;
   color: #000000 !important;
   font-size: 11px;
   font-weight: bold;
   display: block;
   padding: 8px 7px 9px;
   text-decoration: none;
}
 
.topnav_active 
{ 
  color: #999999 !important;
  background: #FF8F2E url(http://www.baycrest.org/css/img/main/topnav_link_bg_hover.gif) repeat-x !important;
}
 
.leftnav_active
{
background-color:#B9D6EF !important; 

}
 
.rightnav_active
{
color:#000000 !important;
}