#navbar {
margin:0 auto;
padding:0;
width:942px;
height:48px;
text-align:left;
}


#nav {
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	text-align:left;
	z-index: 100;
}


#nav :link, #nav :visited {
	text-decoration: none;
	display: block;
	z-index: 100;	
}

#nav img {
	border: none;
}

#nav li {
	float: left;
	margin-right: 0;
	list-style: none;
	position: relative;
	z-index: 100;
}

#nav li ul {
	display: none;
	position: relative;
	top: 100%;
	padding: 0;
	margin: 0;
	/* IE has to have width set to induce wrapping to a second line*/
	z-index: 100;
	
}

#nav li ul li a {
	padding: 0;
	margin: 0;
	display: block;
	font-size:10px;
	background: red;
	z-index: 100;	
}

#nav div {
	height: 49px;
}

#nav div a{
	height: 49px;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

.hidden {
	visibility: hidden;
}

/* Item specific css */
#bio {
background-image: url(img/nav_button_bio.gif);
width: 173px;
}
#bio:hover div, #bio.over div {
background-image: url(img/nav_button_bio_over.gif);

}
#bio-page #bio {
background-image: url(img/nav_button_bio.gif);
}


#work {
background-image: url(img/nav_button_work.gif);
width: 234px;
}
#work:hover div, #work.over div {
background-image: url(img/nav_button_work_over.gif);
}
#work-page #work {
background-image: url(img/nav_button_work.gif);
}


#contact {
background-image: url(img/nav_button_contact.gif);
width: 330px;
}
#contact:hover div, #contact.over div {
background-image: url(img/nav_button_contact_over.gif);
}
#contact-page #contact {
background-image: url(img/nav_button_contact.gif);
}


#home {
background-image: url(img/nav_button_home.gif);
width: 205px;
}
#home:hover div, #home.over div {
background-image: url(img/nav_button_home_over.gif);
}
#home-page #home {
background-image: url(img/nav_button_home.gif);
}


#sidenav{
width: 100%;
padding: 0;
margin: 0 0 15px 0;
color: #074554;
}

* html #sidenav{ /*IE 6 only */
width: 147px; /*Box model bug: 180px minus all left and right paddings for #sidenav */
}

#sidenav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#sidenav li {
border-bottom: 3px solid #eee;
margin: 0;
}

#sidenav li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 5px solid #AFAFAF;
border-right: 5px solid #AFAFAF;
background-color: #AFAFAF;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #sidenav li a{ /*Non IE6 width*/
width: auto;
}

#sidenav li a:hover{
border-left: 5px solid #AFAFAF;
border-right: 5px solid #676767;
background-color: #AFAFAF;
color: #fff;
}