body {margin: 4px; color: black; background: #BAD1BA;}
a:link {color: rgb(20%,40%,20%);}
a:visited {color: rgb(30%,40%,20%);}
a:hover { color: #ff0000; text-decoration: underline; }
.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold;}
.main {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%;}
.skipper {display: none;}
.pic { float:right;}
#sitemast {margin: 0; padding: 0 0 1em; 
border: 1px solid rgb(45%,65%,45%); border-width: 0 0 1px 1.5em; 
background: rgb(73%,82%,73%) url(../graphics/twinkey-fade.gif) 100% -30px no-repeat;}
#sitemast h1 {margin: 0; padding: 1.5em 0.5em 0 0; 
font: bold 2em/0.75em Arial, Verdana, sans-serif; 
background: rgb(45%,65%,45%) url(../graphics/masthead.gif) 100% -30px no-repeat ;}
#sitemast h1 a {color: rgb(20%,40%,20%); text-decoration: none;}
#main {padding: 2em 10% 3em 1.5em; font-size: 1em;}  
#footer {border-top: 3px double; margin: 0; padding: 0.75em 1em 1em; font-size: 75%; color: rgb(20%,40%,20%); background: rgb(73%,82%,73%);}
#footer p {margin: 0; padding: 0;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;font-weight: bold; color: #336633;
text-decoration: none; text-align:center;}



/* menu styles */
td#sidelinks {vertical-align:top; width: 130px;}
td#sidelinks a {display: block;
   margin: 0; padding: 1px 10px 1px 5px;
   text-decoration: none; font: bold 70% Arial, Verdana, sans-serif;
   border-right: 1px solid rgb(60%,50%,40%);}
td#sidelinks h4 {background-color: transparent; color: rgb(30%,20%,10%);
   margin: 0; padding: 1em 0 0;
   font: bold 95% Arial, Verdana, sans-serif;
   border-right: 1px solid rgb(60%,50%,40%);
   border-bottom: 2px solid rgb(50%,40%,30%);}