/***************************************************************************************
 * This copyright notice must be untouched at all times.
 *
 * The original version of this stylesheet and the associated (x)html
 * is available at http://www.cssplay.co.uk/menus/simple_vertical.html
 * Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
 * This stylesheet and the associated (x)html may be modified in any 
 * way to fit your requirements.
 ***************************************************************************************/
/***************************************************************************************
 * Add a margin - for this demo only - and a relative position with a high z-index to
 * make it appear over any element below
 ***************************************************************************************/
#holder #navigation{
  color: #ffffff;
	font-family: Verdana, Arial, Helvetica;
  height: 22px;
  position: relative;
  width: 791px;
  z-index: 100;
}

/***************************************************************************************
 * Get rid of the margin, padding and bullets in the unordered lists
 ***************************************************************************************/
#pmenu,
#pmenu ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

/***************************************************************************************
 * Set up the link size, color and borders
 ***************************************************************************************/
#pmenu a,
#pmenu a:visited{
  color: #ffffff;
  display: block;
  font-size: 10px;
  height: 22px;
  text-decoration: none;
  border: 1px solid white;
  border-top: none;
}

/***************************************************************************************
 * Set up top links
 ***************************************************************************************/
/* Home */
#pmenu a.nav_link_home,
#pmenu a.nav_link_home:visited{
	background: url(../images/nav_links/home.gif) center no-repeat;
	border-left: none;
	display: block;
	width: 42px;
}
#pmenu a.nav_link_home:hover,
#pmenu a.nav_link_home:visited:hover{
  background: url(../images/nav_links/home_hover.gif) center no-repeat;
}
/*persist top nave hover when moving mouse cursor to the drop-down block in IE7 and FireFox*/
#pmenu li:hover > a.nav_link_home{
  background: url(../images/nav_links/home_hover.gif) center no-repeat;
}
/* about us */
#pmenu a.nav_link_about_us,
#pmenu a.nav_link_about_us:visited{
	background: url(../images/nav_links/about_us.gif) center no-repeat;
	display: block;
	width: 58px;
}
#pmenu a.nav_link_about_us:hover,
#pmenu a.nav_link_about_us:visited:hover{
  background: url(../images/nav_links/about_us_hover.gif) center no-repeat;
}
#pmenu li:hover > a.nav_link_about_us{
  background: url(../images/nav_links/about_us_hover.gif) center no-repeat;
}
/* Donate Blood */
#pmenu a.nav_link_donate_blood,
#pmenu a.nav_link_donate_blood:visited{
	background: url(../images/nav_links/donate_blood.gif) center no-repeat;
	display: block;
	width: 85px;
}
#pmenu a.nav_link_donate_blood:hover,
#pmenu a.nav_link_:visited:hover{
  background: url(../images/nav_links/donate_blood_hover.gif) center no-repeat;
}
#pmenu li:hover > a.nav_link_donate_blood{
  background: url(../images/nav_links/donate_blood_hover.gif) center no-repeat;
}
/* Services/Events */
#pmenu a.nav_link_services_events,
#pmenu a.nav_link_services_events:visited{
	background: url(../images/nav_links/services_events.gif) center no-repeat;
	display: block;
	width: 102px;
}
#pmenu a.nav_link_services_events:hover,
#pmenu a.nav_link_services_events:visited:hover{
  background: url(../images/nav_links/services_events_hover.gif) center no-repeat;
}
#pmenu li:hover > a.nav_link_services_events{
  background: url(../images/nav_links/services_events_hover.gif) center no-repeat;
}
/* Publications */
#pmenu a.nav_link_publications,
#pmenu a.nav_link_publications:visited{
	background: url(../images/nav_links/publications.gif) center no-repeat;
	display: block;
	width: 76px;
}
#pmenu a.nav_link_publications:hover,
#pmenu a.nav_link_publications:visited:hover{
  background: url(../images/nav_links/publications_hover.gif) center no-repeat;
}
#pmenu li:hover > a.nav_link_publications{
  background: url(../images/nav_links/publications_hover.gif) center no-repeat;
}
/* Garden State LifeSavers */
#pmenu a.nav_link_GSL,
#pmenu a.nav_link_GSL:visited{
	background: url(../images/nav_links/GSL.gif) center no-repeat;
	display: block;
	width: 146px;
}
#pmenu a.nav_link_GSL:hover,
#pmenu a.nav_link_GSL:visited:hover{
  background: url(../images/nav_links/GSL_hover.gif) center no-repeat;
}
#pmenu li:hover > a.nav_link_GSL{
  background: url(../images/nav_links/GSL_hover.gif) center no-repeat;
}
/* Online Survey */
#pmenu a.nav_link_online_survey,
#pmenu a.nav_link_online_survey:visited{
	background: url(../images/nav_links/online_survey.gif) center no-repeat;
	display: block;
	width: 87px;
}
#pmenu a.nav_link_online_survey:hover,
#pmenu a.nav_link_online_survey:visited:hover{
  background: url(../images/nav_links/online_survey_hover.gif) center no-repeat;
}
#pmenu li:hover > a.nav_link_online_survey{
  background: url(../images/nav_links/online_survey_hover.gif) center no-repeat;
}
/* Contact Us */
#pmenu a.nav_link_contact_us,
#pmenu a.nav_link_contact_us:visited{
	background: url(../images/nav_links/contact_us.gif) center no-repeat;
	display: block;
	width: 69px;
}
#pmenu a.nav_link_contact_us:hover,
#pmenu a.nav_link_contact_us:visited:hover{
  background: url(../images/nav_links/contact_us_hover.gif) center no-repeat;
}
#pmenu li:hover > a.nav_link_contact_us{
  background: url(../images/nav_links/contact_us_hover.gif) center no-repeat;
}
/* Hospital Services */
#pmenu a.nav_link_hospital_services,
#pmenu a.nav_link_hospital_services:visited{
	background: url(../images/nav_links/hospital_services.gif) center no-repeat;
  border-right: none;
	display: block;
	width: 110px;
}

#pmenu a.nav_link_hospital_services:hover,
#pmenu a.nav_link_hospital_services:visited:hover{
  background: url(../images/nav_links/hospital_services_hover.gif) center no-repeat;
}

#pmenu li:hover > a.nav_link_hospital_services{
  background: url(../images/nav_links/hospital_services_hover.gif) center no-repeat;
}

/***************************************************************************************
 * Set up the sub level borders
 ***************************************************************************************/
#pmenu li ul li a,
#pmenu li ul li a:visited{
  background-color: #e9e9e9;
  border: solid #000000;
  border-width: 0px 1px 1px 1px;
  color: #000000;
  padding-left: 5px;
  padding-top: 7px;
  text-align: left;
  width: 185px;
}

#pmenu li ul li a:hover,
#pmenu li ul li a:visited:hover{
  background-color: #ffffff;
}

#pmenu li a.enclose,
#pmenu li a.enclose:visited{
  background-color: #e9e9e9;
  border: 1px solid #000000;
  color: #000000;
  padding-left: 5px;
  padding-top: 7px;
  text-align: left;
  width: 185px;
}

#pmenu li ul li a.enclose:hover,
#pmenu li ul li a.enclose:visited:hover{
  background-color: #ffffff;
}

/***************************************************************************************
 * Set up the list items
 ***************************************************************************************/
#pmenu li{
  float: left;
}

/***************************************************************************************
 * For Non-IE browsers and IE7
 ***************************************************************************************/
#pmenu li:hover{
  position: relative;
}

/***************************************************************************************
 * Make the hovered list color persist
 ***************************************************************************************/
#pmenu li:hover > a{
  background: #ffffff;
  color: #000000;
}

/***************************************************************************************
 * Set up the sublevel lists with a position absolute for flyouts and overrun padding.
 * The transparent gif is for IE to work
 ***************************************************************************************/
#pmenu li ul{
  display: none;
}

/***************************************************************************************
 * For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs
 ***************************************************************************************/
#pmenu li:hover > ul{
  background: transparent url(transparent.gif);
  display: block;
  left: 80px;
  margin: 10px 30px 30px 30px;
  position: absolute;
  top: -10px;
  width: 185px;
}

/***************************************************************************************
 * Position the first sub level beneath the top level liinks
 ***************************************************************************************/
#pmenu > li:hover > ul{
  left: -30px;
  top: 12px;
}

/***************************************************************************************
 * get rid of the table
 ***************************************************************************************/
#pmenu table{
  border-collapse: collapse;
  left:0px;
  position: absolute;
  top: 0px;
  z-index: 100;
}

/***************************************************************************************
 * For IE5.5 and IE6 give the hovered links a position relative and a change of
 * background and foreground color. This is needed to trigger IE to show the sub levels
 ***************************************************************************************/
* html #pmenu li a:hover{
  background: #e9e9e9;
  color: #000000;
  position: relative;
}

/***************************************************************************************
 * For accessibility of the top level menu when tabbing
 ***************************************************************************************/
#pmenu li a:active,
#pmenu li a:focus{

  background: #e9e9e9;
  color: #000000;
}

/***************************************************************************************
 * This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear
 ***************************************************************************************/
/***************************************************************************************
 * change the drop down levels from display:none; to visibility:hidden;
 ***************************************************************************************/
* html #pmenu li ul{
  background: transparent url(transparent.gif);
  display: block;
  left: 80px;
  margin: 10px 30px 30px 30px;
  position: absolute;
  top: -11px;
  visibility: hidden;
}

/***************************************************************************************
 * keep the third level+ hidden when you hover on first level link
 ***************************************************************************************/
#pmenu li a:hover ul ul{
  visibility: hidden;
}

/***************************************************************************************
 * keep the fourth level+ hidden when you hover on second level link
 ***************************************************************************************/
#pmenu li a:hover ul a:hover ul ul{
  visibility: hidden;
}

/***************************************************************************************
 * keep the fifth level hidden when you hover on third level link
 ***************************************************************************************/
#pmenu li a:hover ul a:hover ul a:hover ul ul{
  visibility: hidden;
}
/***************************************************************************************
 * keep the sixth level hidden when you hover on fourth level link
 ***************************************************************************************/
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul{
  visibility: hidden;
}

/***************************************************************************************
 * make the second level visible when hover on first level link and position it
 ***************************************************************************************/
#pmenu li a:hover ul{
  visibility: visible;
  left: -30px;
  top: 12px;
}

/***************************************************************************************
 * make the third level visible when you hover over second level link and position it
 * and all further levels
 ***************************************************************************************/
#pmenu li a:hover ul a:hover ul{
  visibility: visible;
  top: -10px;
  left: 80px;
}
/***************************************************************************************
 * make the fourth level visible when you hover over third level link
 ***************************************************************************************/
#pmenu li a:hover ul a:hover ul a:hover ul{
  visibility: visible;
}

/***************************************************************************************
 * make the fifth level visible when you hover over fourth level link
 ***************************************************************************************/
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul{
  visibility: visible;
}

/***************************************************************************************
 * make the sixth level visible when you hover over fifth level link
 ***************************************************************************************/
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul{
  visibility: visible;
}

/***************************************************************************************
 * If you can see the pattern in the above IE5.5 and IE6 style then you can add as many
 * sub levels as you like
 ***************************************************************************************/