/* Cascading Style sheet created for the Ashmolean Museum: John Evans Centenary Project website*/
/* Contains formating for menus on website pages */
/* Created by Sarah Glover 2006 - copyright Ashmolean Museum */
/***************************************************************/

/*  Formating for Menus   */

div#menus		{
	background-color:#DEEFE5;
	width: 100%;
	float:left;
	background-image: url(../images/style/background-menu.gif);
	/*border-bottom: 10px solid #DEEFE5;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-variant: small-caps;
	text-decoration:none;
					}
/* horizontal menu */
div#menus ul	{
	margin:0 0 0 2px;
					}
					
div#menus li	{
	float:left;	
	position:relative;
	list-style-type:none;
	background-image: url(../images/style/background-menu.gif);
	width: 113px;
	
					}

div#menus li:first-child	{
	border-left:0px solid #C4D8CC; 
					}
					
div#menus li:hover	{ 
	background-image: url(../images/style/background-menuhov.gif); /*sets the background of the menu items */
					}
					
div#menus a {
	display:block;
	padding:1px 6px 16px; 
	text-decoration:none;	
	color:#0000FF;
					}
				
div#menus a:hover {
	color:#990099;
				}

/* the horizontal menu ends here */


/* the drop-down starts here */

div#menus ul li ul	{
	margin:0; 
	z-index:10; /* Safari needs this as menu is 1px higher */
	position:absolute;
	width:113px; /*sets the width of the menu*/
	left:0px;
					}
						
div#menus ul li ul li	{
				width:100%;
				border-left:1px solid #C4D8CC; /*  three sides of each drop-down item */
				border-bottom:1px solid #C4D8CC;
				border-right:1px solid #C4D8CC;
				padding:0 0 16px;
						}

div#menus ul li ul li a {
				padding:1px 6px;
						}
						
div#menus ul li ul li:first-child {
				border-top:1px solid #C4D8CC; /*the top edge of the dropdown */
						}
						
/* make the drop-down display as the menu is rolled over */
div#menus ul li ul {
				display:none;
						}
		
div#menus ul li:hover ul {
				display:block;
							}

/* hack for IE so the menu has a vertical line on the left */
* html div#menus ul {
				float:left;
				border-left:1px solid #C297BC;
				margin-left:1px;
						}
						
/* add a top line to drops and pops in IE browsers - can't read :first-child */
 * html  div#menus ul li ul {
				border-top:1px solid #C4D8CC;
				border-left:0px; 
								}
								

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   					body div#menus ul li ul {padding-bottom:200px;}
  }
/*end Opera hack */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("styles/ie51_menu_hack.css"); 

/* END OF DROP DOWN MENUS */