/* CSS Document */
*{
margin:0; padding:0;
}
body{
background:url(images/main_background.jpg) no-repeat top left #000; text-align:center;
background-color:#000 !important;
}
a:link, a:visited{
font-size:11px; color:#F9F8CD; text-decoration:none;
}
a:hover{
color:white;
}
#container{
width:726px; margin:0 auto; margin-top:50px;
}
#content{
background-color:#708059; text-align:left; padding:20px;
}
#buttons{
width: 208px; height: 23px; position:relative; background-image:url(images/buttons.gif);
}
#buttons li {
list-style: none; position: absolute; top: 0;
}
#buttons li, #buttons a {
height: 23px; display: block; border:
/* to see the image map, turn on borders - border: solid 1px #f00; */
}
#buttons li a {
TEXT-INDENT: -9999px; TEXT-DECORATION: none
}
#credits {
left: 0px; width: 82px;
}
#about {
left: 82px; width: 125px;
}
#credits a:hover {
background: transparent url("images/buttons.gif") -0px -23px no-repeat;
}
#about a:hover {
background: transparent url("images/buttons.gif") -82px -23px no-repeat;
}
td.title{
font-size:11px; color:#F9F8CD; padding:5px 0 8px 0; font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; 
background:url(images/line.gif) repeat-x bottom;
}
td.title a:hover{
background-color:#505D3C; display:block;
}
td.column{
background:url(images/line_vertical.gif) repeat-y left; padding:0px 0 0px 12px;
}
td.spacing{
padding:0 0 0 10px;
}
#footer{
background:url(images/footer.gif) no-repeat bottom #B5BD6E; width:726px; margin:0 auto;
}
.commentbox{
float:right; border:1px solid #708059; padding:10px; margin:0 20px 25px 0px;
}
.intro{
float:left; margin:0 0 0 20px;
}
#clear{
clear:both;
}
.smalltext{
font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#323928;
}
#disclaimer{
width:726px; text-align:left; color:#505D3C; font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size:10px; margin:10px 0 30px 0;
}

