/* 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 */
/***************************************************************/

/* Formating for homepage*/

				
.homepage {
	/*font-size: 0.7em;*/
	position: static;
	float:left;
	/*line-height: 110%;
	background: #999;
	margin: 0 0 0 0;
	padding: 4px 4px 4px 4px;
	width: 1032px;
	height: 458px;
	background: #999;*/
	text-align:left;
}

.navigation1	{
				
				width:100%; 	
				height:25px;
				float:left; 
				background-color:#DDCCB6; /*section colour change*/
				border-top:1px solid #DDCCB6;	
				border-bottom:1px solid #DDCCB6;	 
				font-size:0.8em;
				font-variant: small-caps;
					
				}
.generalBodyImage {
	position: absolute;
	/*width: 1024px;
	padding: 4px 4px 4px 4px;
	background-color: #ffffff;	*/
	z-index: 1;
	text-align: center;
}


.generalBodyMBox {
	position: relative;
	left: 650px;
	top: 7px;
	width: 270px;
	padding: 4px 20px 4px 4px;
	height: 578px;
	background-color: #000;
	color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
	z-index: 2;
	}

.slideCaption1 {
	position:relative;
	float: left;
	left: 70px;
	bottom: 20px;
	width: auto;
	height: 25px;
	padding: 0 2px 2px 2px;
	font-size: 90%;
	background-color: #000;
	color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
	z-index: 3;
}

.slideCaption1 p {
	margin: 5px 5px 5px 5px;
	}
	
.slideCaption1 a {
	text-decoration:none;
	color:#FFFFFF;
	}

.slideCaption1 a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}

.slideCaption1 a:active {
	text-decoration:none;
	color:#FFFFFF;
	}

.slideCaption1 a:hover				{
	text-decoration:underline;
	color:#FFFFFF;
				}

.slideCaption1 a img {margin: 3px 2px 0 8px;
		}			
.slideCaption1 a img {
	text-decoration:none;
	border:none;
		}

.slideCaption2 {
	position:relative;
	float: left;
	left: 20px;
	bottom: 20px;
	width: 60px;
	height: 25px;
	padding: 0 2px 2px 2px;
	font-size: 90%;
	background-color: #000;
	color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: .75;
	z-index: 4;
}

.slideCaption2 p {
	margin: 5px 0px 7px 0px;
	text-align:center;
	}
	
.slideCaption2 a {
	text-decoration:none;
	color: #000000;
	
	}

.slideCaption2 a img {
	border:none;
	
	}

.slideCaption2 a:visited {
	text-decoration:none;
	color: #000000;
	}

.slideCaption2 a:active {
	text-decoration:none;
	color: #000000;
	}

.slideCaption2 a:hover				{
	text-decoration:none;
	color: #000000;
	}
				
				
.generalBodyMBoxHeader {
	padding: 4px 10px 4px 20px;
	height: 150px;
	font-size: 150%;
	line-height: 120%;
	font-variant:small-caps;
		}

.generalBodyMBoxHeader p {
	text-align: justify;
	/*text-justify:inter-word;*/
}

.generalBodyMBoxIntro {
	padding: 4px 10px 4px 20px;
	height: 150px;
	font-size: 130%;
	line-height: 120%;
	
		}

.generalBodyMBoxMenu {
	padding: 20px 10px 4px 20px;
	height:300px;
	font-size: 90%;
	line-height: 180%;
}

.generalBodyMBoxMenu li{
	list-style-type:none;
	border-top: 1px solid #EEE4D5;
		
}

.generalBodyMBoxMenu a {
text-decoration:none;
color:#FFFFFF;
}

.generalBodyMBoxMenu a:visited {
text-decoration:none;
color:#FFFFFF;

}

.generalBodyMBoxMenu a:active {
text-decoration:none;
color:#FFFFFF;
}

.generalBodyMBoxMenu a:hover	{
	text-decoration:underline;
	color:#FFFFFF;
				}
				
.generalBodyMBoxMenu img {margin: 7px 0 0 0;
		}			
.generalBodyMBoxMenu a img {
	text-decoration:none;
	border:none;
		}

.generalBodyMBoxMenulast {
	border-bottom: 1px solid #EEE4D5;
	
	}

/* Formatting for homepage/highlight menus */


/* horizontal menu */



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

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

/* the horizontal menu ends here */


/* the drop-down starts here */

.navigation1 ul li ul	{
				margin:0; 
				position:absolute;
				width:200px; /*sets the width of the menu*/
				left:-1px;
				
						}
						
.navigation1 ul li ul li	{
				width:100%;
				border-left:1px solid #DDCCB6; /*  three sides of each drop-down item */
				border-bottom:1px solid #FFFFFF;
				border-right:1px solid #DDCCB6;
				padding:0 0 1px;
						}
						
.navigation1 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 */
.navigation1 ul li ul {
				display:none;
						}
						
.navigation1 ul ul {
				display:none;
						}
						
.navigation1 ul li:hover ul {
				display:block;
							}

/* hack for IE so the menu has a vertical line on the left */
* html .navigation1 ul {
				float:left;
				border-left:1px solid #DDCCB6;
				margin-left:15px;
						}
						
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  .navigation1 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 .navigation1 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 homepage/highlight menus*/
/* END OF DROP DOWN MENUS */
/********************************************
/* Formating for vertical menus 

div#columnnav1 a:hover	{
				background-color:#DDCCB6;
			}*/

/********************************************