body {
  color: #dddddd;
  font-family: Arial, Verdana;
  background-image: url(images/bodybg.jpg);
  background-position: center;
  background-repeat: repeat-y;
  background-color: #1d1d1d;
  margin: 0px;
}

/* FOR STARCONTROLS CP LINK */
a.srollover {
  display: block;
  width: 30px;
  height: 30px;
  background: url("images/starcontrols.gif") 0 0 no-repeat;
  text-decoration: none;
}

a:hover.srollover {
    background-position: -30px 0;
}
/* END STARCONTROLS */

a:link {
color: #A0A0A0;
}
a:visited {
color: #A0A0A0;
}
a:hover {
color: white;
}
a:active {
color: white;
}


.subtopics{
  font-size: 1.5em;
  font-family: Papyrus, Arial, Verdana;
}

#holder {
  overflow: hidden;
  margin: 0px auto;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}


#header {
  width: 651px;
  height: 63px;
  margin: 0px auto;
  margin-top: 20px;
  margin-bottom: 15px;
}

#menu {
  background-image: url(images/menubg.jpg);
  background-repeat: repeat-y;
  background-position: center;
  width: 752px;
  height: 38px;
  margin: 0px auto;
  _overflow: hidden;
}


#mato {
  width: 362px;
  overflow: visible;
  margin: 0px auto;
  padding-top: 35px;
  padding-bottom: 10px;
}


#homeContentBox {
  background-image: url(images/contentbg.jpg);
  background-position: center;
  background-repeat: repeat-x;
  width: 651px;
  height: 411px;
  border: 1px solid #828282;
  margin: 0px auto;
}

#insideContentBox {
  width: 400px;
  height: 240px;
  overflow: hidden;
  border: 0px solid white;
  margin: 0px auto;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* For Rollover CSS MENU */

ul#tabnav {
font: 1.2em Verdana;
padding-left: 50px;
padding-top: 5px;
margin-left: 0;
height: 33px;
text-align: center;
overflow: hidden;
}

ul#tabnav li {
list-style: none;
display: inline;
overflow: hidden;
}

/* (a body with an id of tabH and which has an <li> with a class of tabH with a link <a> in it will get these settings for the text link) */
body#tabH li.tabH a, body#tabS li.tabS a, body#tabP li.tabP a, body#tabG li.tabG a, body#tabA li.tabA a { /* settings for selected tab link */
color: #ffffff;
background-image: url(images/menuTab.gif);
background-repeat: no-repeat;
overflow: hidden;
}

ul#tabnav li a {
text-decoration: none;
float: left;
color: black;
width:129px;
height: 33px;
padding-top: 5px;
overflow: hidden;
}

ul#tabnav li a:hover {
color: white;
}