<style type="text/css">

body {
	margin-left:0px;
	margin-top:0px;
	}
	
img {
	border-style: none;
	}
	
/*header*/

#wrap {
	margin: 0 auto;
	width:900px;
	}
#wrap2 {
	background-image:url(../graphics/shadowbar.jpg);
	margin: 0 auto;
	background-repeat:repeat-y;
	width:950px;
	}
#wrap3 {
	background-color:#999999;
	}
	
/*text*/

#title {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000099;
	}
#text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#white{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#FFFFFF;
	font-size:18px;
	}
a:link { 
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
a:visited {
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
a:hover{
	color:#000000;
	}
	
/*menu*/

.menu {
	width:900px; 
	height:30px; 
	position:relative; 
	font-size:14px; 
	z-index:100;
}
.menu li a, 
.menu li a:visited {
	background-image:url(images/navbar.jpg);
	background-repeat:repeat-x;
	display:block; 
	text-decoration:none;  
	line-height:30px;
	width:180px;
	color:#FFFFFF;
	text-align:center;  
}
.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
}
.menu li {
	float:left; 
	position:relative;
}
.menu li ul {
	display: none;
}
.menu li ul li{
	height:20px;
	border: 1px solid #000000;
	display:block; 
}

/*hover*/
.menu li:hover a {
	color:#000000; /*hover color*/
}

.menu li:hover ul {
	display:block; 
	position:absolute; 
	top:30px;  
}

.menu li:hover li ul {
	display: none;
}
.menu li:hover li a {
	display:block; 
	background:#CCCCCC;
	color:#000000;	/*drop down text color*/
	height:20px;
	line-height:20px;
}
.menu li:hover li a:hover {
	background:#000099; 
	color:#FFFFFF;
}
.menu li:hover li:hover ul {
	display:block; 
	position:absolute; 
	left:150px; 
	top:0;
}
.menu li:hover li:hover ul.left {
	left:-100px;
}