/* CSS Document */
body {margin:0; padding:0; background-color:#C5DE92;}
iframe {margin:20px 0 0 0; padding:0; width:760px; height:310px; overflow: hidden; border:0;}
#divNav {background: #fff url(../img/bkg_header.png) no-repeat top left; margin: 0 auto; padding: 0; height:310px; width: 760px; z-index:2000;overflow:hidden;}

#divNav h1.logo {margin:0; padding:0; font-size:1px; line-height:1px; display:block; width:560px; height:119px; background:url(../img/logo.png) no-repeat; color:#B1D02B; position:relative; top:15px; z-index:1; left:100px;}


	#nav {position: relative; top:-20px; left:50px; height: 160px; width:710px; font-family: Tahoma, Arial, sans-serif;	font-size:70%;}
	html>body #nav {top:-12px;}
	#nav li ul, #nav li ul {margin: 0;padding: 0;}
	#nav a {text-decoration: none; border:0;}
	#nav li { /*float the main list items*/	margin: 0; float: left;	display: block;}
	#nav li ul {display: none;}
	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/ position: absolute; top: 20px; left: 0; padding-top: 15px; height:28px;	background:url(../img/bkg_submenu.gif) no-repeat left bottom; }
	#nav li.on ul {background:url(../img/bkg_submenu.gif) no-repeat left bottom;}
	#nav li.on:hover ul, #nav li.over ul { /*for ie*/background:url(../img/bkg_submenu.gif) no-repeat left bottom;}
	#nav li a {display: block; color: #4D4D4D; width:75px; height:15px; padding:105px 10px 7px 10px; text-align:center;}
	#nav li.on a {color: #fff;}
	#nav li.on ul a, #nav li.off ul a {text-decoration:underline; float:left; color:#333; width:auto; padding:0;}
	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/}
	#nav li.on ul {display: block;}
	#nav li.off:hover ul, #nav li.over ul {display: block; z-index: 6000;}
	#nav li.off a:hover, #nav li.on a:hover { }
	/*do the image replacement*/
	#nav li span {position: absolute; left: -9384px;}

	
/*first, put the initial states in place*/

#liAbout a {display: block;	position: relative;	background-image:url(../img/menu/about_off.png);}
#liAbout a:hover, #liAbout:hover a, #liAbout.over a {background-image:url(../img/menu/about_on.png); color:#fff;}
#nav #liAbout ul {width:576px; left:132px;}

#liPrograms a {display: block; position: relative; background-image:url(../img/menu/programs_off.png);}
#liPrograms a:hover, #liPrograms:hover a, #liPrograms.over a  {background-image:url(../img/menu/programs_on.png); color:#fff;}
#nav #liPrograms ul {width:670px;left:40px;}

#liLena_Park_2010 a {display: block; position: relative; background-image:url(../img/menu/lenapark2010_off.png);}
#liLena_Park_2010 a:hover, #liLena_Park_2010:hover a, #liLena_Park_2010.over a {background-image:url(../img/menu/lenapark2010_on.png); color:#fff;}
#nav #liLena_Park_2010 ul {width:386px; left:323px;}

#liContribute a {display: block; position: relative; background-image:url(../img/menu/support_off.png);}
#liContribute a:hover, #liContribute:hover a, #liContribute.over a {background-image:url(../img/menu/support_on.png); color:#fff;}
#nav #liContribute ul {width:386px; left:384px;}

#liNews a {display: block; position: relative; background-image:url(../img/menu/news_off.png);}
#liNews a:hover, #liNews:hover a, #liNews.over a {background-image:url(../img/menu/news_on.png); color:#fff;}
#nav #liNews ul {width:486px; left:284px;}

/*subnav formatting*/

#nav li.off ul, #nav li.on ul {margin-top:100px;}
#nav li.off ul li, #nav li.on ul li {padding:0 13px; float:left; margin:0; background:url(../img/bkg_li_submenu.gif) no-repeat right;}
#nav li.off ul a, #nav li.on ul a {display: block; background-image:none; padding:0;}
#nav li.off ul a:hover, #nav li.on ul a:hover {background-color:#FFDFF2; color:#ED008C; border:0; background-image:none; text-decoration:none;}

	
  
	#home-off {background:url(../img/menu/home_off.png) no-repeat;}
	#home-off:hover {background:url(../img/menu/home_on.png) no-repeat; color:#fff !important;}
	#liHome .on {background:url(../img/menu/home_on.png) no-repeat; color:#fff !important;}
	#liAbout #about-off {background:url(../img/menu/about_off.png) no-repeat;}
	#liAbout #about-off:hover {background:url(../img/menu/about_on.png) no-repeat; color:#fff !important;}
	#liAbout .on {background:url(../img/menu/about_on.png) no-repeat; color:#fff !important;}
	#liPrograms #programs-off {background:url(../img/menu/programs_off.png) no-repeat;}
	#liPrograms #programs-off:hover {background:url(../img/menu/programs_on.png) no-repeat; color:#fff !important;}
	#liPrograms .on {background:url(../img/menu/programs_on.png) no-repeat; color:#fff !important;}
	#liLena_Park_2010 #lenapark2010-off {background:url(../img/menu/lenapark2010_off.png) no-repeat;}
	#liLena_Park_2010 #lenapark2010-off:hover {background:url(../img/menu/lenapark2010_on.png) no-repeat; color:#fff !important;}
	#liLena_Park_2010 .on {background:url(../img/menu/lenapark2010_on.png) no-repeat; color:#fff !important;}
	#liContribute #support-off {background:url(../img/menu/support_off.png) no-repeat;}
	#liContribute #support-off:hover {background:url(../img/menu/support_on.png) no-repeat; color:#fff !important;}
	#liContribute .on {background:url(../img/menu/support_on.png) no-repeat; color:#fff !important;}
	#liNews #news-off {background:url(../img/menu/news_off.png) no-repeat;}
	#liNews #news-off:hover {background:url(../img/menu/news_on.png) no-repeat; color:#fff !important;}
	#liNews .on {background:url(../img/menu/news_on.png) no-repeat; color:#fff !important;}