body { 
text-align: center;
background-color: #000000;
color: #ffffff; 
font-size: small; 
font-family: Verdana, Arial; 
text-align: center;
}

a:link { 
color: #FFFFFF; 
text-decoration:none; 
font-weight: bold;
}
 
a:visited { 
color: #FFFFFF; 
text-decoration:none; 
font-weight: bold;
}
 
a:active { 
color: #FFFFFF; 
text-decoration:none; 
font-weight: bold;
}
 
a:hover { 
color: #C0C0C0; 
text-decoration: underline; 
font-weight: bold;
}

h1  { 
font-size: 1.6em; 
}

td { 
vertical-align: top; 
}

ul {
padding-left: 0px;
width: 80%;
margin: auto;
}

li { 
text-align: left; 
}

img { 
border-style: none; 
}

table { 
border-style: none; 
margin: auto;
}


.left { 
text-align: left; 
}

.right { 
text-align: right; 
}

.justify { 
text-align: justify; 
}

.center { 
text-align: center; 
}

.small { 
font-size: 0.85em; 
}

#wrapper {
position: relative;
margin: 0px auto;
padding-bottom: 20px;
width: 700px;
}

#leftindex { 
position: absolute; 
top: 0px; 
left: 0px; 
}

#leftindex p { 
text-align: left; 
}

#rightindex  { 
position: absolute; 
top: 0px; 
right: 0px; 
}

#rightindex p { 
text-align: right; 
}

#header {
width: 400px;
height: 280px;
margin: 0px auto;
padding: 0px;
}

#content {
width: 588px;
padding: 0px 5px;
height: 213px;
margin: 0px auto;
border: 1px #cccccc solid;
overflow: auto;
}