/* DROP DOWN NAV */
#topNavWrapper {
}
.menuDropBkgDefaults {
	width:150px;
}
.menuCalendarDropBkg {
	background-color:#ffc800;
	border-top: 5px solid #d7611f;
}
.menuParksDropBkg {
	background-color:#00b9ff;
	border-top: 5px solid #004ea2;
}
.menuGreeningDropBkg {
	background-color:#ff7800;
	border-top: 5px solid #dc4f1f;
}
.menuEducationDropBkg {
	background-color:#ed0d6d;
	border-top: 5px solid #ab0044;
}
.menuDonateDropBkg {
	background-color:#b5d130;
	border-top: 5px solid #5a8c32;
}
.menuAboutDropBkg {
	background-color:#7bc043;
	border-top: 5px solid #2b8336;
}
/*  BASE  */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
}
ul.dropdown li {
	float: left;
	/*  line-height: 1.3em; */
 vertical-align: middle;
	zoom: 1;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}
ul.dropdown ul #dnnNav {
	visibility:visible;
	z-index: 1000;
	color:#009;
}
ul.dropdown ul li {
	float: none;
}
ul.dropdown ul ul {
	/*  top: 1px; */
 left: 99%;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}
/*   */
ul.dropdown {
}
ul.dropdown li {
	/* padding: 7px 10px; */
	 padding: 0px;/*	  border-style: solid;
	 border-width: 4px 4px 0px 0px;
	  border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6; */
	 }
ul.dropdown li ul {
	padding-top:16px;
	padding-bottom:20px;
}
ul.dropdown li ul li {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
}
ul.dropdown li.hover,  ul.dropdown li:hover {
	/*  background-color: #eee;*/
	 color: #000;
}
ul.dropdown a {
		line-height:normal;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #FFFFFF;
	text-decoration:none;
}
ul.dropdown a:link {
	line-height:normal;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #FFFFFF;
	text-decoration:none;
}
ul.dropdown a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
ul.dropdown a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
ul.dropdown a:active {
	color: #FFFFFF;
}
/* -- level mark -- */

	ul.dropdown ul {
	width: 150px;/*  margin-top: 1px;*/
	}
ul.dropdown ul li {
}
/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
	height:103px;
	width:150px;
}
#nav li.dir a.topNavMenuHeader {
	display:block;
	float:left;
	height:103px;
	width:150px;
	text-decoration:none;
	cursor:pointer;
}
#nav li a.topNavMenuHeaderParks {
	background:url(../images/allskins/nav_menu_header_parks.gif);
}
#nav li a.topNavMenuHeaderEducation {
	background:url(../images/allskins/nav_menu_header_education.gif);
}
#nav li a.topNavMenuHeaderDonate {
	background:url(../images/allskins/nav_menu_header_donate.gif);
}
#nav li a.topNavMenuHeaderAbout {
	background:url(../images/allskins/nav_menu_header_about.gif);
}
#nav li a.topNavMenuHeaderCalendar {
	background:url(../images/allskins/nav_menu_header_calendar.gif);
}
#nav li a.topNavMenuHeaderGreening {
	background:url(../images/allskins/nav_menu_header_greening.gif);
}
#nav li:hover a, #nav a:hover {
	background-position: 0 103px;
}


ul.menuAboutDropBkg li a:hover{
	color:#00571f;
}
ul.menuCalendarDropBkg li a:hover {
	color:#d7561f;
}
ul.menuParksDropBkg li a:hover {
	color:#004ea2;
}
ul.menuGreeningDropBkg li a:hover {
	color:#b33a22;
}
ul.menuEducationDropBkg li a:hover {
	color:#821a38;
}
ul.menuDonateDropBkg li a:hover {
	color:#26762d;
}

/*
ul.dropdown-horizontal ul *.dir {

 padding-right: 0px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;

  padding-left: 0px;
 background-position: 0 50%;
}*/
