#nav {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:30px; width:103px; border-right: 1px solid #666666; text-decoration:none; padding:0; cursor:pointer;}
#nav li a.home {background:url(images/menu_home.gif);}
#nav li a.about {background:url(images/menu_about.gif);}
#nav li a.programs {background:url(images/menu_programs.gif);}
#nav li a.events {background:url(images/menu_events.gif);}
#nav li a.news {background:url(images/menu_news.gif);}
#nav li a.join {background:url(images/menu_join.gif);}
#nav li a.contribute {background:url(images/menu_contribute.gif);}
#nav li a.contact {background:url(images/menu_contact.gif);}
#nav li:hover a,
#nav a:hover
{background-position: 0 30px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#nav .sub {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0px;
	padding:0;
	list-style:none;
}
#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav .subprograms {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav .subprogramspr {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}
#nav :hover ul.sub
{left:0; top:31px; background: #333333; width:170px; border:0; height:60px;  z-index:300;}
#nav :hover ul.sub li
{display:block; height:27px; position:relative; float:left; width:150px; font-weight:normal;}
#nav :hover ul.sub li a
{height:27px; width:150px;  padding-left: 20px; padding-top:5px; color:#FFFFFF;}
#nav :hover ul.sub li a:visited
{color:#FFFFFF;}
#nav :hover ul.sub li a:hover
{color:#FFFFFF; text-decoration:underline;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}


#nav :hover ul.subprograms
{left:0; top:31px; background: #333333; width:170px; border:none; height:130px;  z-index:300;}
#nav :hover ul.subprogramspr
{left:0; top:31px; background: #333333; width:180px; border:none; height:190px; padding-right:15px; padding-bottom:10px; z-index:300;}

#nav :hover ul.subprograms li
{display:block; height:27px; position:relative; float:left; width:150px; font-weight:normal;}
#nav :hover ul.subprograms li a
{height:27px; width:150px;  padding-left: 20px; padding-top:5px; color:#FFFFFF;}
#nav :hover ul.subprograms li a:visited
{color:#FFFFFF;}
#nav :hover ul.subprograms li a:hover
{color:#FFFFFF; text-decoration:underline;}
#nav :hover ul.subprograms li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul.subprogramspr
{left:0; top:31px; background: #333333; width:180px; border:none; height:190px;  z-index:300;}

#nav :hover ul.subprogramspr li
{display:block; height:27px; position:relative; float:left; width:180px; border:none; font-weight:normal;}

#nav :hover ul.subprogramspr li a
{height:27px; width:180px;  padding-left: 20px; border:none; padding-top:5px; color:#FFFFFF;}

#nav :hover ul.subprogramspr li a:visited
{color:#FFFFFF;}

#nav :hover ul.subprogramspr li a:hover
{color:#FFFFFF; text-decoration:underline;}

#nav :hover ul.subprogramspr li a b {position:absolute; left:-9999px; margin:0;}