body {
font-family:arial, helvetica, serif;
font-size:10pt;
color:#FFF;
background-color: #333333;
}

#wrapper{
width: 760px;
margin: 0 auto;
border: 1px solid #636363;
padding: 10px;
background: black;

}

#nav,#nav ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
list-style:none;
line-height:1;
margin:0;
padding:0;
}

#nav a {
display:block;
color:#FFF;
padding:5px 10px;
}

#navcontainer {
background: url(http://www.hl2s.com/menu/images/menubg.gif) repeat-x;
height: 24px;
}

#nav li {

float:left;
}

#nav li ul{
margin-left: 10px;
}

#nav li a:link {
color:#FFF;
}

#nav li ul li {
border:1px solid #636363;
border-top-color:#191919;
}

#nav li ul li a:link,#nav li ul li a:visited {
text-indent:5px;
color:#d3d3d3;
background:#222;
width:11em;
padding:5px 0;
}

#nav li ul li a:hover {
color:#ff3838;
background-color:#303030;
}

#nav li ul {
position:absolute;
background:#000;
border:1px solid #191919;
width:11em;
left:-999em;
}

#nav li:hover ul,#nav li.sfhover ul {
left:auto;
}

#content {
clear:left;
color:#ccc;
}

body {
font-family:arial, helvetica, serif;
font-size:10pt;
color:#FFF;
background-color: #333333;
}

#wrapper{
width: 760px;
margin: 0 auto;
border: 1px solid #636363;
padding: 10px;
background: black;

}

#nav,#nav ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
list-style:none;
line-height:1;
margin:0;
padding:0;
}

#nav a {
display:block;
color:#FFF;
padding:5px 10px;
}

#navcontainer {
background: url(http://www.hl2s.com/menu/images/menubg.gif) repeat-x;
height: 24px;
}

#nav li {

float:left;
}

#nav li ul{
margin-left: 10px;
}

#nav li a:link {
color:#FFF;
}

#nav li ul li {
border:1px solid #636363;
border-top-color:#191919;
}

#nav li ul li a:link,#nav li ul li a:visited {
text-indent:5px;
color:#d3d3d3;
background:#222;
width:11em;
padding:5px 0;
}

#nav li ul li a:hover {
color:#ff3838;
background-color:#303030;
}

#nav li ul {
position:absolute;
background:#000;
border:1px solid #191919;
width:11em;
left:-999em;
}

#nav li:hover ul,#nav li.sfhover ul {
left:auto;
}

#content {
clear:left;
color:#ccc;
}

p {
padding: 0 10px;
color: #E6E6E6;
}

a:link{color: #E1D764}     /* unvisited link */
a:visited{color: #D764E1} /* visited link */
a:hover {color: #C6E1FF}   /* mouse over link */
a:active {color: #C6FFCB}   /* selected link */