body {background: black;}
h1 {
 text-align: center;
 font-family: verdana, arial, sans-serif;
 color: #6633ff;
 font-size: x-large;}
p {font-family: verdana, arial, sans-serif; color: black;}
 .c {text-align: center;}
 .l {text-align: center;
 font-size: small;}
li {font-family: verdana, arial, sans-serif;}

#title {
 position: absolute;
 top: 15px;
 left: 0px;
 right: 0px;
 background-color: white;
 border: 2px solid white;
 border-left: 0px;
 border-right: 0px;
 }

#main {
 position: absolute;
 left: 75px;
 right: 75px;
 top: 160px;
 border: 2px solid black;
 border-bottom: 0px;
 background-color: white;
 padding-left: 5px;
 padding-right: 5px;
 }
#main ul {
 list-style: none;
 padding: 0px;
}
#main li {
 display: inline;
 float: left;
 padding: 2px;
 }
#main img {border: 0px;}






#nav {
	margin: 0;
	padding-left: 25px;
	list-style: none;
	height: 44px;
}

#nav li {
	position: relative;
	float: left;
	width: 24%
	}
	
li ul {
	position: absolute;
	top: 40px;
	display: none;
	list-style: none;
	z-index: 1;
	}

#nav li a {
	display: block;
	text-decoration: none;
	color: white;
	background-image: url('../images/rlbk.jpg');
	width: 140px;
	height: 34px;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#nav li a:hover {background-position: 0 -44px;} 
#nav li a:active {background-position: 0 -88px;}

#sub li {
 float: none;
 padding: 0px;
 }
 
#sub li a:hover {background-position: 0 -44px;}
#sub li a:active {background-position: 0 -88px;}
 
li:hover ul, li.over ul { display: block; } /* The magic */