#topnav {
	position: absolute;
	height: 26px;
	width: 380px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 26px;
	top: 205px;
	left: 393px;
}

#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#topnav ul li {
	position: relative;
	float: left; 
	display:block;	
	padding: 0px;
	width:auto;
	overflow: visible;
}

/* HOME */
a.topnav-home:link, a.topnav-home:visited, a.topnav-home:active {
	background: url(/images/topnav-home-off.gif) top left no-repeat;
	width: 69px;
	height: 26px;
	display: block;
	}
a.topnav-home:hover {
	background: url(/images/topnav-home-over.gif) top left no-repeat;
	text-decoration: none;
}
a.topnav-home-on:link, a.topnav-home-on:hover, a.topnav-home-on:visited, a.topnav-home-on:active {
	background: url(/images/topnav-home-on.gif) top left no-repeat;
	width: 69px;
	height: 26px;
	display: block;
	text-decoration: none;
}


/* NEWS */
a.topnav-news:link, a.topnav-news:visited, a.topnav-news:active {
	background: url(/images/topnav-news-off.gif) top left no-repeat;
	width: 69px;
	height: 26px;
	display: block;
	}
a.topnav-news:hover {
	background: url(/images/topnav-news-over.gif) top left no-repeat;
	text-decoration: none;
}
a.topnav-news-on {
	background: url(/images/topnav-news-on.gif) top left no-repeat;
	width: 69px;
	height: 26px;
	display: block;
	text-decoration: none;
}


/* EVENTS */
a.topnav-events:link, a.topnav-events:visited, a.topnav-events:active {
	background: url(/images/topnav-events-off.gif) top left no-repeat;
	width: 74px;
	height: 26px;
	display: block;
	}
a.topnav-events:hover {
	background: url(/images/topnav-events-over.gif) top left no-repeat;
	text-decoration: none;
}
a.topnav-events-on {
	background: url(/images/topnav-events-on.gif) top left no-repeat;
	width: 74px;
	height: 26px;
	display: block;
	text-decoration: none;
}


/* CONTACT US */
a.topnav-contactus:link, a.topnav-contactus:visited, a.topnav-contactus:active {
	background: url(/images/topnav-contactus-off.gif) top left no-repeat;
	width: 95px;
	height: 26px;
	display: block;
	}
a.topnav-contactus:hover {
	background: url(/images/topnav-contactus-over.gif) top left no-repeat;
	text-decoration: none;
}
a.topnav-contactus-on {
	background: url(/images/topnav-contactus-on.gif) top left no-repeat;
	width: 95px;
	height: 26px;
	display: block;
	text-decoration: none;
}


/* SHOP */
a.topnav-shop:link, a.topnav-shop:visited, a.topnav-shop:active {
	background: url(/images/topnav-shop-off.gif) top left no-repeat;
	width: 69px;
	height: 26px;
	display: block;
	}
a.topnav-shop:hover {
	background: url(/images/topnav-shop-over.gif) top left no-repeat;
	text-decoration: none;
}
a.topnav-shop-on {
	background: url(/images/topnav-shop-on.gif) top left no-repeat;
	width: 69px;
	height: 26px;
	display: block;
	text-decoration: none;
}


.notvisible {visibility: hidden;}


#topnav li a {
	outline: none;
	color: #ffffff;
}
#topnav li a:hover {
	color: #ffffff;
}
#topnav li ul li a {
	outline: none;
	color: #ffffff;
	text-decoration: none;
}
#topnav li ul li a:hover {
	color: #CCCCCC;
}
#topnav ul li ul {
	position: absolute;
	float: left; 
	top: 20px;
	left: 0px;
	white-space: nowrap;
	width: 162px;
	background: #4f6da2 url(/images/dropdown-bg.gif) repeat top left;
	padding-top: 3px;
}

#topnav ul ul {
	position: absolute;
	z-index: 500;
}

#topnav ul ul li {
	clear: both;
	line-height: 21px;
	padding-bottom: 2px;
}



div#topnav ul ul,
div#topnav ul li:hover ul ul,
div#topnav ul ul li:hover ul ul
{display: none;}

div#topnav ul li:hover ul,
div#topnav ul ul li:hover ul,
div#topnav ul ul ul li:hover ul
{display: block;}
