#topnav
{
height: 27px;
width: 760px;
margin: 0 auto;
z-index: 100;
}

#nav {
	height: 27px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #293B62;
	text-align: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

#nav :link {
	color: #ffffff;
	/*display: block;*/
	font-weight: bold;
	text-decoration: none;
}

#nav :visited {
	text-decoration: none;
}

#nav li ul li a:hover {
	color: #890102;
	background: #ddd;
}

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

#nav img {
	border: none;
}

#nav li {
	float: left;
	list-style: none;
	position: relative;
}

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

#nav li ul li a {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 2px 2px 4px;
	border-top: #ffffff 1px dashed;
	display: block;
	background: #890102;
	width: 20em;
}

#nav div a {
	height: 27px;
	
}

#nav li:hover ul, #nav li.over ul {
	color: #750B0B;
	background: #B0A69F;
	display: block;
}

.hidden {
	visibility: hidden;
}

/* Item specific css */
#home {
	background-image: url(img/button_home.gif);
	width: 73px;
}
#home:hover div, #home.over div {
	background-image: url(img/button_home-on.gif);
}



#about {
	background-image: url(img/button_about.gif);
	width: 96px;
}
#about:hover div, #about.over div {
	background-image: url(img/button_about-on.gif);
}



#membership {
	background-image: url(img/button_membership.gif);
	width: 122px;
}
#membership:hover div, #membership.over div {
	background-image: url(img/button_membership-on.gif);
}



#news {
	background-image: url(img/button_news.gif);
	width: 62px;
}
#news:hover div, #news.over div {
	background-image: url(img/button_news-on.gif);
}



#tournamentinfo {
	background-image: url(img/button_tournamentinfo.gif);
	width: 172px;
}
#tournamentinfo:hover div, #tournamentinfo.over div {
	background-image: url(img/button_tournamentinfo-on.gif);
}


#resources {
	background-image: url(img/button_resources.gif);
	width: 111px;
}
#resources:hover div, #resources.over div {
	background-image: url(img/button_resources-on.gif);
}


#contact {
	background-image: url(img/button_contact.gif);
	width: 124px;
}
#contact:hover div, #contact.over div {
	background-image: url(img/button_contact-on.gif);
}