/*-------------------------------*/
/* Start of main Nav			*/
/*-----------------------------*/
#nav {
	clear: both;
	color: #FFF;
	font-size: 8.5pt;
	font-weight: bold;
	padding: 0;
	margin: 0;
	height: 40px;
	background-image: url(images/bg-nav.gif);
	background-repeat: repeat-x;
	text-align: center;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav li {
	list-style: none;
	float: left;
	height: 40px;
	display: inline;
	padding: 0;
	margin:0;
}

#nav a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 14px 11px 14px 11px;
	color: #FFF;
}
#nav .first{
	/* this is set manually for the first nav item so it's text lines up with the left side of the logo and menu items below*/
	padding: 14px 13px 12px 10px;
}
#nav .last{
	/* this is set manually so the button extends to the end on rollover*/
	/*padding: 14px 13px 12px 13px;*/
}

#nav a:hover {
	background: url(images/bg-nav-over.gif) repeat-x;
	color: #FFF589;
}
#nav a#current {
	background: #EEEBE6 url(images/nav_bg_over.gif) repeat-x;
	color: #FFF;
}
/*-------------------------------*/
/* End of main Nav				*/
/*-----------------------------*/