ul#topnav {
	display: block;
	position: absolute;
	left: 170px;
	top: 27px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 830px;
	height: 30px;
}
ul#topnav li{
	float: left;
	position: relative;
}
ul#topnav li a{
	font: bold 12px/30px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
}
ul#topnav li#home a{
	width: 221px;
	background: url(/images/topnav_home.jpg) no-repeat 0px 0px;
	padding-left: 170px;
}
ul#topnav li#projects a{
	width: 219px;
	background: url(/images/topnav_projects.jpg) no-repeat 0px 0px;
}
ul#topnav li#contact a{
	width: 220px;
	background: url(/images/topnav_contact.jpg) no-repeat 0px 0px;
}
ul#topnav li#home a:hover{
	background: url(/images/topnav_home.jpg) no-repeat 0px -30px;
}
ul#topnav li#projects a:hover{
	width: 219px;
	background: url(/images/topnav_projects.jpg) no-repeat 0px -30px;
}
ul#topnav li#contact a:hover{
	width: 220px;
	background: url(/images/topnav_contact.jpg) no-repeat 0px -30px;
}

/* Drop Downs */

ul#topnav ul {
	position: absolute;
	left: 0px;
	top: 30px;
	background: #eaf0f3;
	width: 289px;
	display: none;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: auto;
}
ul#topnav li#projects ul li {
	background: #eaf0f3;
	float: none;
}
ul#topnav li#projects ul li a {
	background: none;
	font: bold 12px/24px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #124980;
	padding-left: 15px;
	width: 274px;
}
ul#topnav li#projects ul li a:hover{
	background: #c1ceda;
	width: 274px;
}
* html ul#topnav li ul li { height: 1%; }
* html ul#topnav li ul li a { height: 1%; }
