img
{
border: 0px;
}

* 
{ 
margin: 0; 
padding: 0; 
} 

body 
{
scrollbar-3dlight-color: #292e42;
scrollbar-arrow-color: #3F789A;
scrollbar-base-color: #292e42;
scrollbar-darkshadow-color: #292e42;
scrollbar-face-color: transparent;
scrollbar-highlight-color: #314963;
scrollbar-shadow-color: #314963;
}

body, p, td, div 
{
font-family: Century Gothic, Verdana, Helvetica;
font-size: 10px;
letter-spacing:0px;
color: #3F789A;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body
{
background-color: #221630;
}


.god 
{
width: 350px;
height: 300px;
filter: alpha(Opacity=10, FinishOpacity=10, Style=1, StartX=0, StartY=0, FinishX=300, FinishY=300);
z-index: 0;
background-color: black; 
}

#menu 
{
position: absolute;
top: 20px;
left: 433px;
width: 120px;
height: 300px;
color: #3F789A;
filter: DropShadow (Color=#221630, OffX=1, OffY=1, Positive=1); 
z-index: 2;
border: 1px solid #314963;
padding: 10px;
}


#content
{
position: absolute;
top: 20px;
left: 20px;
width: 390px;
height: 300px;
z-index: 2;
border: 1px solid #314963;
padding: 10px;
overflow: auto;
filter: DropShadow (Color=#221630, OffX=1, OffY=1, Positive=1); 
}

.drag
{
position: relative;
cursor: hand;
}


a:link 
{
text-decoration: none; 
color: #65B2E1;
background-image: url(link1.gif);
}

a:visited 
{
text-decoration: none; 
color: dodgerblue;
background-image: url(link1.gif);
}

a:hover 
{
color: black;
text-decoration: none;
background-image: url(link1.jpg);
}

a:active 
{
text-decoration: none; 
color: deepskyblue;
background-image: url(link1.gif);
}




#container
{
position: absolute;
top: 50%;
left: 50%;
margin-left: -287px;
margin-top: -187px;
width: 575px;
height: 375px;
background: url(rpgbg.jpg);
}

ul
{
list-style-type: none;
margin-left: 0;
padding-left: 0;
}

p
{
margin-bottom: 10px;
margin-top: 10px;
}