#gallery {font:9px verdana,arial,sans-serif;  padding:15px 0 0 0; line-height:15px;}

#gallery div.off {color:#555555; height:25px; margin-right:2px; line-height:25px; padding:0 5px; float:left; 
background:url(../images/tabs_2.gif) repeat-x left bottom; border:1px solid #ccc; border-bottom-color:#000; 
cursor:pointer; position:relative; z-index:20;}

#gallery div.on {color:#003333; padding:0 5px; margin-right:2px; margin-top:1px; float:left; 
background:url(../images/tabs_0.gif) repeat-x left bottom; border:1px solid #004422; cursor:pointer; 
border-bottom:0; height:25px; line-height:24px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#f1f1f1; width:450px; margin-top:0; top:-1px; border:1px solid #004422;padding:10px; position:relative;
z-index:50; font:11px verdana, arial, sans-serif; color: #004422; line-height:14px;}
div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}

h1 {color: #004422; font: 14px verdana, arial, sans-serif;}

#lessontbl table { 
border: "0";
margin-left: 1em; 
background-color: #eee;
border-collapse:collapse; 
} 

#lessontbl td.tdleft {
text-align: left;
font: 1em;
}

#lessontbl td { 
color:#004400; 
border:1px solid #004400; 
padding:.3em 1em; 
text-align:center; 
font: .8em;
} 

#lessontbl thead th { 
font:1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
text-align:left; 
color:#004400;
padding-left: 5px;

} 

#lessontbl  tbody tr.even td {
background-color: #eee;
text-align:left;
padding-left: 5px;
font:1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
}

#lessontbl  tbody tr.odd  td {
background-color: #ccc;
text-align:left;
padding-left: 5px;
font:1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
}