#nav-main {
/*	width:864px;*/
	width:644px; /* + padding-left:220px;*/
	height: 43px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #F6AC39 url(../images/nav-bggradient.png) 0 0 no-repeat;
}
ul#nav-main {/*general positioning within header*/
	position:absolute;
	top:217px;
	left:20px; 
	padding-left:220px;
}

#nav-main a {
	display: block;
	text-decoration: none;
	text-indent: -200em;
}
#nav-main li li span {
	display: block;
	width: 164px; /* gives consistant width for all secondary topnav dropdowns */
	margin: 0;
	padding: 0;
	background: #7C9ED7;
}

#nav-main li li a {
	display: block;
	width: 147px; /* gives consistant width for all secondary topnav dropdowns */
	height: auto;
	margin: 0;
	padding: 3px 10px 5px 7px;
	border-bottom:1px solid #fff;
	text-indent: 0px;
	font-weight: normal;
	font-size: 1.4em;
	color: #ffffff;
	text-decoration: none;
	background: #F39E1C;
}

#nav-main li li.first a { 	border-top:1px solid #fff; margin-top:1px; }

#nav-main li li a:hover {
	color: #fff;
	text-decoration: none;
	background: none; /* removes the 'a' background to allow the 'span' on state to show through */
}
#nav-main li {
	float: left;
	position: relative;
	text-align: left;
	padding: 0;
	margin: 0;
}
#nav-main li div a {
	height: 42px;
}
#nav-main li ul {
	display: none;
	position: absolute;
	top: 100%;
	width: 178px;
	padding: 0 0 3px 0;
	margin: 0;
	z-index:50;
}

#nav-main li li {
	float: none;
}

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

#nav-main li#nav1 div { background: url(../images/nav.gif) 0 -42px no-repeat; width:76px; height:42px; }
#nav-main li#nav1 div a { background: url(../images/nav.gif) 0 0 no-repeat; width:76px; height:42px; }

#nav-main li#nav2 div { background: url(../images/nav.gif) -76px -42px no-repeat; width:75px; height:42px; }
#nav-main li#nav2 div a { background: url(../images/nav.gif) -76px 0 no-repeat; width:75px; height:42px; }

#nav-main li#nav3 div { background: url(../images/nav.gif) -151px -42px no-repeat; width:135px; height:42px; }
#nav-main li#nav3 div a { background: url(../images/nav.gif) -151px 0 no-repeat; width:135px; height:42px; }

#nav-main li#nav4 div { background: url(../images/nav.gif) -286px -42px no-repeat; width:174px; height:42px; }
#nav-main li#nav4 div a { background: url(../images/nav.gif) -286px 0 no-repeat; width:174px; height:42px; }

#nav-main li#nav5 div { background: url(../images/nav.gif) -460px -42px no-repeat; width:93px; height:42px; } 
#nav-main li#nav5 div a { background: url(../images/nav.gif) -460px 0 no-repeat; width:93px; height:42px; } 

#nav-main li#nav1:hover div a, #nav-main li#nav1.over div a, #nav-main li#nav2:hover div a, 
#nav-main li#nav2.over div a, #nav-main li#nav3:hover div a, #nav-main li#nav3.over div a, 
#nav-main li#nav4:hover div a, #nav-main li#nav4.over div a, #nav-main li#nav5:hover div a, 
#nav-main li#nav5.over div a, #nav-main li#nav1 div a.on, #nav-main li#nav2 div a.on, 
#nav-main li#nav3 div a.on, #nav-main li#nav4 div a.on,
#nav-main li#nav5 div a.on { background-image: none; }