*  {
font-family : Verdana, Arial, Helvetica, sans-serif;
} 


 div.c4 {
text-align: center;
}
 p.c3 {
text-align: justify;
}
 table.c2 {
line-height:10px;
}
 td.c1 {
padding:0;
}


body  {
margin : 0;
padding : 0;
color : #99cccc;
background-color : #000000;
} 

h2  {
font-variant : small-caps;
color : #336666;
font-size : 100%;
font-weight : bold;
} 

table  {
font-size : 70%;
color : #336666;
text-align : left;
border : 0;
} 

.nav-header  {
text-align : center;
font-size : 75%;
font-weight : bold;
font-variant : small-caps;
color : #336666;
margin-top : 0;
margin-bottom : -10px;
padding : 6px 2px 0 40px;
height : 30px;
} 

.content-text  {
font-style : normal;
font-weight : normal;
font-size : 71%;
color : #99cccc;
text-decoration : none;
width : 345px;
padding : 6px 4px 15px 2px;
margin : -8px 2px 4px 2px;
} 

div#nav ul {
font-style : normal; 
font-weight: normal;
font-size : 71%; 
text-align: left;
color : #99cccc;
text-decoration : none;
width: 145px;
padding-bottom: 4px;
padding-top: 0;
margin: 0;
padding-left: 0;
margin-left: 30px;
}

div#nav li {
list-style-type: none;
padding: 0 0 2px 0;
margin: 0 0 2px 0;
}

#about {
font-size: 110%;
color: #336666;
font-style : normal; 
font-weight: bold;
}
#join {
font-size: 110%;
color: #336666;
font-style : normal; 
font-weight: bold;
}
#rules {
font-size: 110%;
color: #336666;
font-style : normal; 
font-weight: bold;
}
#ajay {
font-size: 110%;
color: #336666;
font-style : normal; 
font-weight: bold;
}
#codes {
font-size: 110%;
color: #336666;
font-style : normal; 
font-weight: bold;
}
#members {
font-size: 110%;
color: #336666;
font-style : normal; 
font-weight: bold;
}
#extra {
font-size: 110%;
color: #336666;
font-style : normal; 
font-weight: bold;
}

i, em, b, strong {
color: #336666;
}

div#container { 
position: relative;
width: 100%;
}

div#body-div {
background-image: url(images/index_02.jpg);
background-repeat: repeat-y;
width:600px;
margin: 0; 
}

div#top-div {
clear: both;
margin: 0;
width: 600px;
}

div#footer {
background-image: url(images/index_03.jpg);
clear: both;
padding: 0;
margin-top: -3px;
font-size: 65%;
text-align: center;
width:600px; 
height:31px;
}

div#content-div {
position: relative;
float: left;
display:inline;
margin-top: -45px;
margin-left: 22px;
text-align: left;
width: 300px;
}

div#nav {
position: relative;
float: left;
display:inline;
margin-top: 20px;
margin-left: 5px;
width: 160px;
overflow: hidden;
}

a {
font-weight : normal; 
color: #ccffff; 
font-size: 100%;
font-style : normal;
text-decoration: none;
border-bottom: 1px dashed #99cccc;
}

li a {
font-weight : normal; 
color: #ccffff; 
font-size: 100%;
font-style : normal;
border-bottom: 1px dashed #99cccc;
}

li a:hover {
color: #000;
font-size: 100%;
text-decoration: none;
word-spacing: 2px;
cursor: crosshair;
}

a:hover {
color: #000;
font-size: 100%;
font-weight: normal;
text-decoration: none;
cursor: crosshair;
}