BODY 
{
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #330000;
  scrollbar-face-color: #660000;
  scrollbar-highlight-color: #990000;
  scrollbar-3dlight-color: #660000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-shadow-color: #660000;
  font:12px Arial;
  margin:15px;
}

  h1
{
  font:bold 14px Arial;
  color:#701020;
  display: inline;
}

  .infobox
{
  font:bold 12px Arial;
  border:3px solid #330000;
  background-color:#090000; 
  padding:5px;
}

  .screenshotdiv
{
  padding:8px;
  height:310px;
  font:bold 13px Arial;
  background-color:#000000;
  border:3px solid #330000;
}

  .mapinfo
{
  font:bold 13px Verdana;
  color:#801020;
}

  .navdiv
{
  background-color:#000000;
  border:3px solid #330000;
  height:100%;
  padding:8px;
  vertical-align:top;
}

  .main{
  background-image: url(nav_main_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .main img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .main a:hover img{visibility:hidden}

  .wads{
  background-image: url(nav_wads_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .wads img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .wads a:hover img{visibility:hidden}  

  .hosted{
  background-image: url(nav_hosted_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .hosted img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .hosted a:hover img{visibility:hidden}

  .utils{
  background-image: url(nav_utils_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .utils img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .utils a:hover img{visibility:hidden}

  .links{
  background-image: url(nav_links_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .links img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .links a:hover img{visibility:hidden}

  .voxels{
  background-image: url(nav_voxels_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .voxels img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .voxels a:hover img{visibility:hidden}

  .forums{
  background-image: url(nav_forums_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .forums img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .forums a:hover img{visibility:hidden}

  .contact{
  background-image: url(nav_contact_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .contact img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .contact a:hover img{visibility:hidden}

  .about{
  background-image: url(nav_about_hover.gif);
  background-repeat: no-repeat;
  width: 120px;
  height: 25px;
  margin-bottom: 8px;}
  .about img {width: 100%; height: 100%; border: 0; }
  * html a:hover {visibility:visible}
  .about a:hover img{visibility:hidden}

  .cacoheader
{
  width:8%;
  height:80px;
  background-image: url("caco.gif"); 
  background-repeat: no-repeat;
}

  .logoheader
{
  width:84%;
  height:80px;
  background-image: url("logo.gif"); 
  background-repeat: no-repeat;
  background-position: center center;
}

  .spcrheader
{
  width:8%;
  height:80px;
}

  .headerdiv
{
  background-image: url("headerbg.gif");
  background-repeat: no-repeat;
  background-color:#000000;
  border:3px solid #330000;
  width:100%;
}

  .spacer
{
  color:#000000;
}