/* ============== */
/* = NAVIGATION = */
/* ============== */

/* using udm */

#navigation {
	position:relative;
	background:#a5c671 url('../img/bkg_menu.gif');
	border: 1px solid #fff;
	padding: 3px;
	width: 240px;
	height:297px;
}

#homepage_main #navigation {
  position: absolute;
  top: 48px;
  left: 282px;
}

.section #navigation, .interior #navigation {
	border: none;
}

.section #navigation {
	padding: 3px 4px 4px;
}

.interior #navigation {
	padding: 3px 4px 3px 3px;
}

#menu {
	width:238px;
	height:240px;
	overflow:hidden;
	background: url('../img/bkg_menu_flourish.gif') no-repeat 106px 266px;
	border: 1px solid #a1be75;
	padding-top: 15px;
	padding-bottom: 40px;
}

#menu ul.main, #menu li, .submenu ul, .submenu li {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:normal;
}

#menu ul.main li {
	float:left;
	clear:left;
}

#menu ul.main li a {
	display:block;
	width:238px;
	height:29px;
	text-indent:-9000px;
	background-repeat:no-repeat;
}


#menu ul.main li a:hover, #menu ul.main li a.hover, #menu ul.main li a.currentSection {
	background-position:0 -30px;
}

#menu ul.main li#menu_about_link a {
	background-image:url("../img/nav_about_wpc.gif");
}

#menu ul.main li#menu_land-and-water_link a {
	background-image:url("../img/nav_land_and_water.gif");
}

#menu ul.main li#menu_gardens-and-greenspace_link a {
	background-image:url("../img/nav_gardens_and_greenspace.gif");
}

#menu ul.main li#menu_fallingwater_link a {
	background-image:url("../img/nav_fallingwater.gif");
}

#menu ul.main li#menu_public-policy_link a {
	background-image:url("../img/nav_public_policy.gif");
}

#menu ul.main li#menu_science-and-research_link a {
	background-image:url("../img/nav_science_and_research.gif");
}

#menu ul.main li#menu_support-wpc_link a {
	background-image:url("../img/nav_support_wpc.gif");
}

#menu ul.main li#menu_get-involved_link a {
	background-image:url("../img/nav_get_involved.gif");
}




.submenu {
	position:absolute;
	display: none;
	background:#a5c671 url("../img/submenu-bg.gif") 0px 0px repeat-y;
	padding:6px 6px 7px 6px;
	width:215px;
	z-index:5000;
}
.submenu ul {
	margin: 0; padding: 0;
}
.submenu ul li a {
	display:block;
	margin:0px;
	padding:4px 15px;
	width:185px;
	font: normal 11px/normal Verdana, Arial, sans-serif;
	text-decoration:none !important;
	z-index:450;
	cursor:pointer !important;
	color: #fff !important;
}

.submenu ul li a:hover {
	color: #6ba01b !important;
	background-color:#b7d38a;
}














ul.udm {
	margin:0;
	padding:0;
	line-height:normal;
}

ul#udm {
  border: 1px solid #a1be75;
  padding-top: 15px;
  padding-bottom: 40px;
  background: url('../img/bkg_menu_flourish.gif') no-repeat 106px 266px;
}

/*.section #navigation ul.udm, .interior #navigation ul.udm {
  padding-top: 11px;
}*/

/* link dimensions correspond with image dimensions */
.udm .navButton, .udm .navButton:visited {
	height: 30px;
	text-indent:-9000px;
	position: relative !important;
}

ul#udm li li a.navButton, ul#udm li li a:visited.navButton {
	height: auto;
	text-indent:0px;
}
/* span is same dimensions as link and positioned to superimpose */
ul#udm li a.navButton span, ul#udm li a.navButton:visited span {
	display: block;
	height: 30px;
	width: 100%;
	position: absolute;
	margin:0;
	padding:0;
	left: 0;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
}

ul#udm li li a.navButton span, ul#udm li ul li a.navButton:visited span {
  display: none;
	height: 0px;
}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span, .navButton.hover span {
	background-position:0 -30px;
}

/* button images are span background images */

#aboutButton span, #aboutButton:visited span {
	background-image:url("../img/nav_about_wpc.gif");
}

#get-involvedButton span, #getInvolvedButton:visited span {
	background-image:url("../img/nav_get_involved.gif");
}

#support-wpcButton span, #supportWPCButton:visited span {
	background-image:url("../img/nav_support_wpc.gif");
}

#science-and-researchButton span, #science-and-researchButton:visited span {
	background-image:url("../img/nav_science_and_research.gif");
}

#public-policyButton span, #public-policyButton:visited span {
	background-image:url("../img/nav_public_policy.gif");
}

#fallingwaterButton span, #fallingwaterButton:visited span {
	background-image:url("../img/nav_fallingwater.gif");
}

#gardens-and-greenspaceButton span, #gardens-and-greenspaceButton:visited span {
	background-image:url("../img/nav_gardens_and_greenspace.gif");
}

#land-and-waterButton span, #land-and-waterButton:visited span {
	background-image:url("../img/nav_land_and_water.gif");
}