body{
background-color: black;

font-family: verdana, tahoma, arial, sans-serif;
}

#content{

padding: 0;
width: 798px;
margin: 0 auto;
border: none;
color: black;
text-align: left;
font-size: 14px;

}

#top{

background-image: url('header.jpg');
background-repeat: repeat-y;
background-position: top right;
margin: 0;
padding: 0;
height: 200px;
color: white;
}

#middle{
background-color: #e0e0e0;
margin: 0;
padding: 0;
}

#bottom{
background-color: #68a3cf;
color: white;
margin: 0;
padding: 5px;
height: 30px;
}

#bottom a{
color: white;
}

#text{
padding: 20px;
margin: 0;
}


#text h1{
font-size: 20px;

}

#text p{

padding: 0;
padding-bottom: 10px;
margin: 0;
}


#messages {

height: 200px;
width: 600px;
overflow: auto;
background-color: white;
padding: 5px;
}


#leftcol{
width: 580px;
float: left;
padding-top: 20px;
}

#rightcol{
width: 200px;
float: right;
text-align: justify;
}





ul#primary-nav{
	margin: 0;
  	margin-top: 170px;
	padding: 0;
	}
	
ul#primary-nav {
	float: left;
	width: 800px;
	}
	
ul#primary-nav:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	float: left;
	width: 133px; /* Width of Menu Items */
	
	}

ul#primary-nav li a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: white;
	padding: 8px;
	font: bold 12px verdana, sans-serif;
	}


ul#primary-nav li a:hover { color: black; background-color: #d0d0d0;}

ul#primary-nav li a.current {
	background-color: #e0e0e0;color: black;
}
ul#primary-nav li a.current:hover {
	background-color: #e0e0e0; color: black;
}
