/* Dropdown Menus */


ul#nav {
	margin: 0px; 
	padding: 0px;
	position:relative;
	top: 65px; left: 210px;
	width: 560px;
	height: 30px;
}

ul#nav span {
	display:none;
}

ul#nav li {
	list-style-type: none;
	float:left;
	padding: 0px;
	margin: 0px;
}

ul#nav li.section a {
	padding: 0px;
	margin: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

ul#nav li.section a:hover {	
	opacity: .4;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
}


ul.submenu {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}


ul li.section {
	position: relative;
	float: left;
}
	
ul.submenu {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 30px;
	background-color:#E1DA4B;
	border: 1px solid #D5963B;
	display: none;
}	

ul.submenu li { 
	float: none;
} 

/* Styles for Menu Items */
ul li.section a {
	display: block;
	text-decoration: none;
	padding: 3px;
	width:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}

ul li a.biography {
	margin: 0px 5px 0px 0px; padding: 0px;
	display: block;
	width:128px; height:30px;
	background: transparent url("/images/nav/biography.gif") right no-repeat;
}

ul li a.projects {
	margin: 0px; padding: 0px;
	display: block;
	width:100px; height:30px;
	background: transparent url("/images/nav/projects.gif") center no-repeat;
}

ul li a.pictures {
	margin: 0px; padding: 0px;
	display: block;
	width:114px; height:30px;
	background: transparent url("/images/nav/pictures.gif") center no-repeat;
}

ul li a.home {
	margin: 0px; padding: 0px;
	display: block;
	width:84px; height:30px;
	background: transparent url("/images/nav/home.gif") center no-repeat;
}

ul li a.contact {
	margin: 0px 0px 0px 5px; padding: 0px;
	display: block;
	width:100px; height:30px;
	background: transparent url("/images/nav/contact.gif") left no-repeat;
}


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

ul li a:hover {  } /* Hover Styles */
		
ul#nav li.section ul.submenu li a { 
	font-size: 12px;
	text-transform:uppercase;
	padding: 3px 5px; 
	width: 120px;
	text-align:left;	
} /* Sub Menu Styles */

ul#nav li.section ul.submenu li a:hover { 
	background-color: #F1E73C;
	color: #000;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
} /* Sub Menu Styles */
		
li:hover ul, li.over ul { display:block; 	float: left;} /* The magic */