body { margin:5px 0; padding:0; background-color:#FFF; font-family: Arial, Helvetica, sans-serif; color: #666; min-width:760px }
	
div#wrap { background-color: #F5F5F5; margin:0 auto; width:760px; border: 2px solid #66CCCC }
	
#hdr { background-color: #FFF; clear:both; margin:0 auto; width: 760px; }
#hdr a:link, #hdr a.visited, #hdr a:hover, #hdr a:active { color: #675635; text-decoration: none; background: transparent }

#main { background-color: #FFF; float:left; width:540px; padding: 10px 20px }
#main p, #main div { font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif }
#main H1 { font-size: 110%; font-weight : bold }
#main H2 { font-size: 100%; font-weight: bold }
#main H3 { font-size: 110%; font-weight: bold; text-transform: uppercase; color: #339999; letter-spacing: 4px; background-color: #FFF; line-height: 25px; padding-left: 5px; border: 1px solid #66CCCC }
#main H4 { font-size: 90%; font-weight: bold }
#main H5, #main H6 { font-size: 80%; font-weight: bold; color: #339999 }
#main .cookie { font-size: 75%; text-align: right; padding: 0px 0px 30px 0px }	
#main div.center { text-align: center  }
#main #google { float: left; width: 300px; height: 260px; margin: 30px 10px 10px 0; padding: 4px 0 0 0  }
#main .links { border: 1px solid #66CCCC; padding: 6px; margin: 6px; background-color: #FFF }
#main .links p { font-size: 90% }		

#sidebar { background-color: #F5F5F5; width:160px;  padding: 10px 6px; float: right; margin-right: 5px }
#sidebar div .menu { font: 80% Arial, Helvetica, sans-serif; padding: 2px 0px 8px 0px; }
#sidebar .feature { font: 80% Arial, Helvetica, sans-serif; background-color: #FFF; border: 1px solid #CCC; padding: 0 4px; margin: 0px; line-height: 100% }
#sidebar .feature a:link, #sidebar .feature a:visited, #sidebar .feature a:active { text-decoration : none; color: #339999; font-weight: normal }
#sidebar .feature a:hover { text-decoration : none; color: #000;  font-weight: normal; background-color: #F0F8FF }
#sidebar .vgoogle { padding: 6px 0; text-align: center }
#sidebar p { font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif }
#sidebar H1, #sidebar H2, #sidebar H3 { font-size: 80%; font-weight : bold }
#sidebar H4, #sidebar H5, #sidebar H6 { font-size: 80%; font-weight: bold; color: #66CCCC }
html>body #sidebar { width:157px }

#footer { background-color: #FFF; clear:both }
#footer div { padding: 5px; margin:0; text-align: center }
		
.table1 { background-color:#66CCCC; width: 764px; height: 20px; margin: 3px auto }
.table1 div { font: 75% Arial, Helvetica, sans-serif; color: #333; padding: 1px 20px; text-align: center }
.table1 div a:link, .table1 div a:visited { color: #333;  text-decoration: underline; font-weight: normal } 
.table1 div a:hover, .table1 div a:active { color: #339999; text-decoration: none; background-color: #F0F8FF; font-weight: normal }
.table2 { background-color: #66CCCC; width: 764px; height: 20px; margin: 3px auto }
.table2 div { font: 75% Arial, Helvetica, sans-serif; color: #333; padding: 1px 20px; text-align: center }
.table2 div a:link, .table2 div a:visited { color: #333;  text-decoration: underline; font-weight: normal } 
.table2 div a:hover, .table2 div a:active { color: #339999; text-decoration: none; background-color: #F0F8FF; font-weight: normal }

.alink { cursor: pointer hand; text-decoration: underline }
.afflink { cursor: pointer hand; text-decoration: none }

hr { color: #666; padding: 0px; margin: 0px }
img { border: 0px }
p { font: 90%  "Trebuchet MS", Arial, Helvetica, sans-serif }
ol { list-style-type: decimal; font : 90% "Trebuchet MS", Arial, Helvetica, sans-serif }
ul  { list-style-image: url('images/bullet.gif'); font: 90%  "Trebuchet MS", Arial, Helvetica, sans-serif }

a:link, a:visited { color: #339999;  text-decoration: underline; font-weight: bold } 
a:hover, a:active { color: #333; text-decoration: none; background-color: #F0F8FF; font-weight: bold }