@charset "UTF-8";
/* CSS Document */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav a {
	display: block;
	color: #e9d9b9;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
#nav li {
	float: left;
	margin-top: 79px;
	line-height: 27px;
	text-align: center;
}

/*Specific widths for each top level nav item*/

/*Please note that if changing widths for any of these top level nav items,
the rollover images (as defined below) will also need to be recreated from 
the PSD source file in order to have the background photo in the rollover 
match the background photo in the non-rolled-over state.*/

#nav li.home {
	width: 75px;
}
#nav li.about {
	width: 92px;
}
#nav li.events {
	width: 88px;
}
#nav li.whatwedo {
	width: 100px;
}
#nav li.resources {
	width: 89px;
}
#nav li.blog {
	width: 74px;
}
#nav li.donate {
	width: 88px;
}
#nav li.contact {
	width: 104px;
}
#nav li.logo {
	margin-top: 0px;
	width: 110px;
	height: 125px;
	line-height: normal;
}

/*Rollover images for most browsers and color for IE6*/
#nav li.home:hover {
	background-image: url(../images/layout/nav-home-ro.jpg);
	background-repeat: no-repeat;
}
#nav li.about:hover {
	background-image: url(../images/layout/nav-about-ro.jpg);
	background-repeat: no-repeat;
}
#nav li.events:hover {
	background-image: url(../images/layout/nav-events-ro.jpg);
	background-repeat: no-repeat;
}
#nav li.whatwedo:hover {
	background-image: url(../images/layout/nav-whatwedo-ro.jpg);
	background-repeat: no-repeat;
}
#nav li.resources:hover {
	background-image: url(../images/layout/nav-resources-ro.jpg);
	background-repeat: no-repeat;
}
#nav li.blog:hover {
	background-image: url(../images/layout/nav-blog-ro.jpg);
	background-repeat: no-repeat;
}
#nav li.donate:hover {
	background-image: url(../images/layout/nav-donate-ro.jpg);
	background-repeat: no-repeat;
}
#nav li.contact:hover {
	background-image: url(../images/layout/nav-contact-ro.jpg);
	background-repeat: no-repeat;
}
#nav li:hover, #nav li.sfhover {
	background-color:#53210a;
}