/* Cascading Style sheet created for the Ashmolean Museum: British Archaeology at the Ashmolean Museum website*/
/* Contains formating for navigation of websheet pages */
/* Created by Sarah Glover 2006 - copyright Ashmolean Museum */
/***************************************************************/

/*Format for brown menus*/

div#navigation7	{
				width:100%; 	
				height:25px;
				float:left; 
				background-color:#A9938A; /*section colour */
				border-top:1px solid #A9938A;	
				border-bottom:1px solid #A9938A;	 
				font-size:0.8em;
				font-variant: small-caps;
								
				}


/* horizontal menu */

div#navigation7 ul	{
				margin:0 0 0 5px;
					}
					
div#navigation7 li	{
				float:left;	
				position:relative;
				list-style-type:none;
				background-color:#A9938A;
				border-right:1px solid #FFFFFF;
				width: 107px;
				text-align:center;

					}

				
div#navigation7 li:first-child	{
				border-left:1px solid #A9938A; 
					}
					
div#navigation7 li:hover	{ 
				background-color:#F1E9DC; /*sets the background of the menu items */
					}
					
div#navigation7 a {
				display:block;
				padding:0 6px; 
				text-decoration:none;	
				color:#0000FF;
				height: 20px;	
				}
				
div#navigation7 a:hover {
				color:#F33;
				}

/* the horizontal menu ends here */


/* the drop-down starts here */

div#navigation7 ul li ul	{
				margin:0; 
				position:absolute;
				width:200px; /*sets the width of the menu*/
				left:-1px; 
						}
						
div#navigation7 ul li ul li	{
				width:100%;
				border-left:1px solid #A9938A; /*  three sides of each drop-down item */
				border-bottom:1px solid #FFFFFF;
				border-right:1px solid #A9938A;
				padding:0 0 1px;
						}
						
div#navigation7 ul li ul li:first-child {
				border-top:1px solid #FFFFFF; /*the top edge of the dropdown */
						}
						
/* make the drop-down display as the menu is rolled over */
div#navigation7 ul li ul {
				display:none;
						}
						
div#navigation7 ul li:hover ul {
				display:block;
							}

/* hack for IE so the menu has a vertical line on the left */
* html div#navigation7 ul {
				float:left;
				border-left:1px solid #A9938A;
				margin-left:15px;
						}
						
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#navigation7 ul li ul {
				border-top:1px solid #FFFFFF;
				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#navigation6 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("ie51_menu_hack.css"); 

/* End of format for orange menus*/
/* END OF DROP DOWN MENUS */
/********************************************
/* Formating for vertical menus 

div#columnnav6 a:hover	{
				background-color:#D07B30;
				}
				*/