html> body #menu{
margin-bottom: 0px;}

#menu {
height: 32px;
width: 768px;
z-index: 10;
position: absolute;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
z-index: 10;

}

html> body #menu ul li{
margin-right: 0px;
}
#menu li {
position: relative;
}

#menu ul li ul {
width: 180px; 
}


#menu a {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
display: block;
border-bottom:1px solid #9bb426;
margin: 0;
padding: 3px 5px 3px 8px;
color: #ffffff;
background: #829a14;
text-decoration: none;
}

#menu a:hover {
color: #ffffff;
background: #40749b;
}


/* ///////////////// */

#menu div#homeNav	{
	height: 32px;
	width:69px; 
	background: url(../images/nav.gif) no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#homeNav:hover	{background: url(../images/navOver.gif) no-repeat; cursor:pointer;}
#menu div#homeNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#homeOver	{
	height: 32px;
	width:69px; 
	background: url(../images/navOver.gif) no-repeat;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#homeOver a	{height: 37px; padding-top: 37px; display: block; overflow:hidden; background:transparent; border: none;}



#menu div#thingsToDoNav	{
	height: 32px;
	width:111px; 
	background: url(../images/nav.gif) no-repeat -69px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#thingsToDoNav:hover	{background: url(../images/navOver.gif) no-repeat -69px 0px; cursor:pointer;}
#menu div#thingsToDoNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#thingsToDoOver	{
	height: 32px;
	width:111px; 
	background: url(../images/navOver.gif) no-repeat -69px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#thingsToDoOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}


#menu div#localEventsNav	{
	height: 32px;
	width:111px; 
	background: url(../images/nav.gif) no-repeat -180px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#localEventsNav:hover	{background: url(../images/navOver.gif) no-repeat -180px 0px; cursor:pointer;}
#menu div#localEventsNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#localEventsOver	{
	height: 32px;
	width:111px; 
	background: url(../images/navOver.gif) no-repeat -180px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#localEventsOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}


#menu div#placesToStayNav	{
	height: 32px;
	width:118px; 
	background: url(../images/nav.gif) no-repeat -291px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#placesToStayNav:hover	{background: url(../images/navOver.gif) no-repeat -291px 0px; cursor:pointer;}
#menu div#placesToStayNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#placesToStayOver	{
	height: 32px;
	width:118px; 
	background: url(../images/navOver.gif) no-repeat -291px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#placesToStayOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}


#menu div#travelToolsNav	{
	height: 32px;
	width:104px; 
	background: url(../images/nav.gif) no-repeat -409px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#travelToolsNav:hover	{background: url(../images/navOver.gif) no-repeat -409px 0px; cursor:pointer;}
#menu div#travelToolsNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#travelToolsOver	{
	height: 32px;
	width:104px; 
	background: url(../images/navOver.gif) no-repeat -409px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#travelToolsOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}


#menu div#aboutNav	{
	height: 32px;
	width:161px; 
	background: url(../images/nav.gif) no-repeat -513px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#aboutNav:hover	{background: url(../images/navOver.gif) no-repeat -513px 0px; cursor:pointer;}
#menu div#aboutNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#aboutOver	{
	height: 32px;
	width:161px; 
	background: url(../images/navOver.gif) no-repeat -513px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#aboutOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}


#menu div#contactNav	{
	height: 32px;
	width:94px; 
	background: url(../images/nav.gif) no-repeat -674px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#contactNav:hover	{background: url(../images/navOver.gif) no-repeat -674px 0px; cursor:pointer;}
#menu div#contactNav a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}

#menu div#contactOver	{
	height: 32px;
	width:94px; 
	background: url(../images/navOver.gif) no-repeat -674px 0px;
	overflow: hidden;
	border:none;
	display:block;
}

#menu div#contactOver a	{height: 32px; padding-top: 32px; display: block; overflow:hidden; background:transparent; border: none;}



/* ///////////////// */


#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
border-top: none;
}

#menu ul li ul 
{
	top: 34px;
	margin-top: -2px;
}

#menu ul li ul li ul {margin: 1px 0px 0px 0px}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}