body {font: 80% Verdana, Arial, Helvetica, sans-serif;
   margin: -2em 42px; padding: 0; text-align: center;
   background: #C1BDAF; color: black; behavior:url(b/csshover.htc);}

#masthead {border-bottom: 1px solid #6A5F3D; height: 135px;
   width:600px; background: url(../i/tree.jpg) no-repeat;
   margin-bottom: 20px; margin-left: 25px; color: black;}
#masthead p {color: black; text-transform: uppercase; font-weight: bold;
  font-size: 11px; position: absolute; top: 133px; left: 82px; margin: 0;}
#masthead a {color: black; text-decoration: none;}


#themes {float: right; background: #F4EAD8; width: 120px; height: 14px; border: 1px solid #6A5F3D; margin-top: 100px;}
#themes p {color: black; text-transform: uppercase; font-size: 10px;
  font-weight: normal; position: absolute; top: 127px; left: 510px; margin:0;}
a.themelink {position: relative; font-size: 3px; display: block; width: 6px; height: 6px;
  border: 1px solid black; z-index: 505; float: left; margin: 3px 2px;}
a#forest {background: #F4EAD8; margin: 3px 2px 3px 48px;}
*html a#forest {background: #F4EAD8; margin: 3px 2px 3px 24px;}
a#ocean {background: #C5DEF7;}
a#flower {background: #CEECD1;}
a#mountain {background: #FFF;}

#navarea {float: left; padding-left: 25px;}
div.nav {border: 1px solid black; width: 140px; margin: 0 1em 1em; background: #C5BB9B;}
div.nav h5 {margin: 0; padding: 0.2em 0 0 4px; font-size: 10px;
  color: white; text-transform: uppercase; font-weight: bold; height: 16px;
  background: #6A5F3D; border-bottom: 1px solid black;}
div.nav a {display: block; height: 15px; margin-left: 1px;
  padding-left: 4px;color: black; text-decoration: none;}
div.nav a:hover {background: #B6AC8D; color: white; margin-top: 0;}
div.nav ul {list-style: none; margin: 0; padding: 0;}
div.nav li {position: relative; font-size:11px; margin: 0; padding: 0;}
div.props {width: 140px; margin: 0 1em 0.5em;}

#btmads {margin-left: -49px}

#entry {margin: -3px 30px -50px 193px; min-height:350px;}
#entry a{color: #6A5F3D; font-weight: bold; text-decoration:none;}
#entry a:hover{color: #6A5F3D; font-weight: bold; text-decoration:underline;}
#entry hr{color: #6A5F3D; background-color: #6A5F3D; height: 1px; border:0;}
#maintitle{text-align:center; font-size:18px; color: #6A5F3D; font-weight: bold;
   text-transform: uppercase; border-bottom:3px double #6A5F3D; border-top:3px double #6A5F3D;}
div.subtitle{text-align: center; font-size:12px; color: #6A5F3D; font-weight: bold; text-transform: uppercase;
   border-bottom:1px solid #6A5F3D; border-top:1px solid #6A5F3D; margin-top:2em; background:#C5BB9B; padding-top:2px; padding-bottom:2px;}

#centercontainer {background: #F4EAD8 url(../i/mainshadow.gif) 0 0 repeat-y;
  width: 642px; margin: 0 auto; text-align: left; padding-top: 2em; position: relative;}

#footer {width: 650px; height: 50px; background: url(../i/footerbg.gif) 0 0 no-repeat; margin-top: 50px;}
#footer p {font-size: 9px; text-align: center; padding-top: 10px;}
#footer a{color: #6A5F3D; font-weight: bold; text-decoration:none;}
#footer a:hover{color: #6A5F3D; font-weight: bold; text-decoration:underline;}

img.png {behavior: url(b/pngbehavior.htc);}

img#rfrog {position: absolute; top: 67px; right: -23px;}
*html img#rfrog {position: absolute; top: 69px; right: -15px;}
img#gfrog {position: absolute; top: 122px; left: 17px;}