a:link, a:active, a:visited
{
color:#9e9e9e;
text-decoration: underline;
font: bold 9pt arial, sans-serif;
}

a:hover
{
color: #606060;
text-decoration: none;
cursor: crosshair;
font: bold 9pt arial, sans-serif;
}

.h
{
color: #606060;
font: 18pt century gothic, sans-serif;
text-transform: capitalize;
}

b, bold
{
font-weight: bold;
color: #ccc;
font-style:italic;
}

select
{
color: #ccc;
font: 8.5pt/16px arial, sans-serif;
background: #000;
border: 1px solid #606060;
}

textarea, input
{
color: #ccc;
font: 8.5pt/16px arial, sans-serif;
border: 1px solid #606060;
background: #000;
}

#wrap
{
position:absolute;
left:10%;
top:0px;
}

#top
{
position:absolute;
left:0px;
top:0px;
background: #000 url(images/top.gif) no-repeat;
}

#c
{
position:absolute;
left:-220px;
top:86px;
width:556px;
}

#all
{
position:absolute;
left:416px;
top:169px;
}

.link
{
position:absolute;
left:130px;
top:210px;
border: none;
z-index: 1;
}


body
{
color: #fff;
font: 8.5pt/16px arial, sans-serif;
background: #000 url(images/bg.gif) repeat-x;
cursor: default;
}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 600px;
  height: 100px;
  position: relative;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .home {
  width: 90px;
  height: 40px;
  background: url(images/home.gif) no-repeat;
  left:-250px;
  top: 4px;
}

#menu .home span{
  width: 166px;
  height: 46px;
  background: url(images/homea.png) no-repeat;
  left: 379px;
  top: 42px;
z-index: 1;
}

#menu .about {
  width: 91px;
  height: 44px;
  background: url(images/about.gif) no-repeat;
  left: -165px;
  top: 4px;
}

#menu .about span {
  width: 413px;
  height: 46px;
  background: url(images/abouta.png) no-repeat;
  left: 48px;
  top: 42px;
z-index: 1;
}

#menu .codes {
  width: 89px;
  height: 43px;
  background: url(images/codes.gif) no-repeat;
  left: -80px;
  top: 4px;
}

#menu .codes span {
  width: 352px;
  height: 49px;
  background: url(images/codesa.png) no-repeat;
  left: 25px;
  top: 42px;
z-index: 1;
}

#menu .join {
  width: 70px;
  height: 42px;
  background: url(images/join.gif) no-repeat;
  left: 8px;
  top: 5px;
}

#menu .join span {
  width: 413px;
  height: 51px;
  background: url(images/joina.png) no-repeat;
  left: -120px;
  top: 42px;
z-index: 1;
}

#menu .members {
  width: 126px;
  height: 40px;
  background: url(images/members.gif) no-repeat;
  left: 70px;
  top: 6px;
}

#menu .members span {
  width: 202px;
  height: 51px;
  background: url(images/membersa.png) no-repeat;
  left: 30px;
  top: 42px;
z-index: 1;
}

#menu .update {
  width: 105px;
  height: 41px;
  background: url(images/update.gif) no-repeat;
  left: 190px;
  top: 5px;
}

#menu .update span {
  width: 357px;
  height: 48px;
  background: url(images/updatea.png) no-repeat;
  left: -244px;
  top: 42px;
z-index: 1;
}