body {
       
       background: black;
       background-image: url('images/bg.gif');
       }

h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: medium;
	font-weight: bold;
	font-variant: small-caps;
	padding: 0px 20px 0px 20px;
	}
h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: medium;
	font-weight: bold;
	font-variant: small-caps;
	}

#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		text-align:left;
		
		}
#header  {
		padding:0px;
		margin:0px;
		}
#topnav {
    width:800px;
	height:38px;
	background-image: url('images/nav.gif');
	
    padding: 0;
    margin: 0;
    position: relative;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
		color:#ffffff;
		font-size: small;
    }
#topnav li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 10px;   
    }
  #topnav li, #topnav a {
    height: 20px;
    display: block;
     }
a.topnav:link {
color: #ffffff;
text-decoration: none;
}
a.topnav:visited {
color: #ffffff;
text-decoration: none;
}
a.topnav:hover {
color: #cccccc;
}
a.topnav:active {
color: #cccccc;
}
#nav1 {left: 20px; width: 70px;}
  #nav2 {left: 90px; width: 100px;}
  #nav3 {left: 190px; width: 110px;}
  #nav4 {left: 300px; width: 130px;}
#nav5 {left: 430px; width: 80px;}
#nav6 {left: 510px; width: 100px;}
#nav7 {left: 610px; width: 80px;}
#nav8 {left: 690px; width: 110px;}
		
#content {
		margin: 2px 0 2px 0;
		width:758px;
		min-height:200px;
		padding-top:20px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:4px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
		color:#ffffff;
		font-size: small;
		background-color: #212121;	
		border: 1px solid #cccccc;
			}
.left {
	float: left;
	width: 440px;
	border-right: 1px solid #cccccc;
	margin-right: 5px;
	padding-right: 5px;
	}
.clearer {
	clear: both;
	}
.grey {
		color:#cccccc;
		font-weight: bold;
		}

#footer {
clear: both; 
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
text-align: center;
font-family: Verdana, Arial, Helvetica;
color:#cccccc;
font-size: x-small;
	}
	

a:link {
color: #ffffff;
}
a:visited {
color: #ffffff;
}
a:hover {
color: #cccccc;
}
a:active {
color: #cccccc;
}
a.footer:link {
color: #24168A;
}
a.footer:visited {
color: #24168A;
}
a.footer:hover {
color: #ffffff;
}
a.footer:active {
color: #ffffff;
}