ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }

li {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;  
  }


li ul {
  position: absolute; 
  top: 1em;
  left: 0;
  width: 150px;
  }
li > ul {
	top: auto;
	left: auto;
	}
	
/* IE6 */
* html li ul#whatsnewmenu_ul { margin-top:34px; margin-left: -156px; } 
* html li ul#ourlibrariesmenu_ul { margin-top:34px; margin-left: -151px; }
* html li ul#longshotsmenu_ul { margin-top:34px; margin-left: -177px; }
* html li ul#aboutsarahmenu_ul { margin-top:34px; margin-left: -162px; }

/* IE7 */ 
*+html li ul#whatsnewmenu_ul { margin-top:34px; margin-left: -156px; } 
*+html li ul#ourlibrariesmenu_ul { margin-top:34px; margin-left: -151px; }
*+html li ul#longshotsmenu_ul { margin-top:34px; margin-left: -184px; }
*+html li ul#aboutsarahmenu_ul { margin-top:34px; margin-left: -162px; }



#whatsnewmenu {
	display: none;
	width: 150px;
}
#whatsnewmenu_content {
	background-image: url(/images/gradiants/gradiant_wnil.jpg);
	background-repeat: repeat-x;
}

.menu_content {
	font-size: x-small;
	color: white;
	padding: 10px;
}

.menu_content a,.menu_content a:active, .menu_content a:visited, .menu_content a:link {
	color: white;
	text-decoration: none;
}

.menu_content a:hover {
	text-decoration: underline;
}

#longshotsmenu {
	display: none;
	width: 178px;	
	background-image: url(/images/gradiants/gradiant_longshots.jpg);
	background-repeat: repeat-x
}

#ourlibrariesmenu {
	display: none;
	width: 144px;	
	background-image: url(/images/gradiants/gradiant_ourlibraries.jpg);
	background-repeat: repeat-x	
}

#aboutsarahmenu {
	display: none;
	width: 156px;	
	background-image: url(/images/gradiants/gradiant_aboutsarah.jpg);
	background-repeat: repeat-x	
}

li img {
	vertical-align: bottom; /* This fixes the IE5 Win gap! */	
}