/* CSS layout rules for the non-content portions of all sections
	(banner, top navigation, left navigation, footer) */
	
 	border: 1px solid black; 

html {
	min-width: 748px;
}	

body {
	margin:0 auto;
  	padding: 0;
  	text-align:center;
  	color:#666;
}
	
#skipNav {
	position: absolute;
	clear: left;
	left: -9999px;
	width: 9000px;
	font-size: 1px;
	letter-spacing: -1px;
}

#container {
	width:1024px;
	margin:0 auto; 
	text-align:left;
  }
  
  #sliderContainer {
	width:1024px;
	margin:0px 0px 20px 0px; 
  }
  
   #currentContainer {
	width:1024px;
	margin:30px 0px 30px 0px; 
  }
  
  #currentBox {
	width:300px;
	float:left;
	margin-right:60px; 
  }
  
/* branding (header) begins */	

#brandingContainer {
	text-align:center;
    height: 25px;
	width: 139px;
	margin: 30px 0px 30px 0px;
	float:left;
	display: block;
	/*background: #4F8418 url(../images/en/bkg-abo-hdr-colour.jpg) top center no-repeat;*/
}

#branding {
	margin: 0 auto;
	text-align: left;
    height: 55px;		
	width: 139px;
	
}	

#branding p {	
	width: 139px;	
    height: 55px;	
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	display: block;
	text-indent: -5000px;
}	

#branding a {
	width:139px;
	height: 55px;	
	text-decoration: none;
	float: left;	
	display: block;
	position: relative;
}

#branding img {
	width: 1px;
	height: 1px;
	}
	

/* branding (header) ends */

/* nav begins */

#navMainContainer {
	/* clear: left; */
	text-transform:uppercase; 
	display: block;
	position: relative;
	text-align:center;
    height: 25px;	
	width: 815px;
	float:right;
	
	padding: 0;
	/*width: 100%;*/
	margin: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
}
/* hack: necessary for IE Mac as it won't centre a <ul> */
#navMainContainer2 {
	margin-top: 33px;
	width: 815px;
	
}
#navMainContainer ul {
	list-style: none;
	margin: 0;
	text-align: left;
	padding: 0;
	white-space: nowrap;
	height: 25px;
	width: 815px;
	display: block;
	overflow: hidden;
}
#navMainContainer ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	font-size: 0.917em;
	font-weight: 900;
	letter-spacing:2px;
}
#navMainContainer ul li a {
	float: left;
	margin: 0 0 0 14px;
	height: 30px;
	display: block;
	text-decoration:none;
}
#navMainContainer ul li.first a {
	margin: 0 0 0 0;
	display: inline;
}

#visiting a {	
	 display: block;
}
#exhibitions a {
	 display: block;
}
#programs a {
	 display: block;	 
}
#collections a {
	 display: block;	 
}
#support a {
	 display: block;	 
}
#shop a {
	 display: block;	 
}
#about a {
	 display: block;	 
}

#navSubContainer {
	width: 185px; /* 12 211 25 */
 	margin: 0px 0px 50px 0px;
	float: left;
	display: inline; /* fixes IE Doubled Float-Margin Bug */
}

#navSubContainer img {
	margin-bottom: 25px;
}

#navSub {
	width: 185px; 
	}
		 
#navSub a,
#navSub a:visited {
	color : #666;
	text-decoration:none;
	}
		
#navSub a:hover {
	text-decoration: underline;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#navSub a:hover {
	text-decoration: underline;
	color : #999;
}	
/* End IE5-Mac hack */
	
#navSub li:hover,
#navSub li.hover,
#navSub li.selected  {			
	color : #333;
}
		
#navSub li.selected {		
	font-weight : bold;
}
  
#navSub ul { 
	list-style: none;		
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
	
#navSub li {		
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	font-size: 1.077em;		
	}
	
#navSub li a {
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 0.5em 0 0.6em 0;
}

#navSub ul ul { 
	padding: 0;
	margin: 0px 0 5px 10px;
	background-image: none;
	background-color: #fff;
	}

#navSub li li {
	background-color: #fff;
	line-height: 1.2em;
	font-size: 100%;
	}	 

#navSub li li a {	
	background: none;
	padding-bottom: 0.4em;
}

#navCta {

}
#navSup {

}
/* nav ends */

/* Site info (footer) begins */

#siteinfoContainer  {
	clear: left;
	text-align:left;
	height: 345px;
	display: block;
}
#siteinfo {
	margin: 0 auto;
	background: #e3e3de;
}
#siteinfoinside {
	width: 1024px;
	min-height: 215px;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
	color: #333;
	font-size: 0.917em;
	line-height: 1.636em;
}
#siteinfoinside #title {
	font-size: 1.182em;
	font-weight: 700;
	margin-bottom: 20px;
}
#siteinfoinside .box, #currentContainer .box {
	width: 215px;
	margin: 0 53px 0 0;
	padding: 0px;
	float: left;
}	
#siteinfoinside .box4 {
	width: 215px;
	margin: 0;
	padding: 0px;
	float: left;
}
#siteinfoinside .box4 img  {
	margin-right: 20px;
}

#siteinfoinside .box .block1 {
	float:left;
	width:75px;
	line-height: 2.1em;
}
#siteinfoinside .box .block2{
	float:left;
	width:101px;
	line-height: 2.1em;
}


#currentContainer .box {
	width: 218px;
	margin-right: 51px;
	padding: 0px;
	float: left;
}	
#currentContainer .box4  {
	width: 218px;
	margin: 0;
	padding: 0px;
	float: right;
}
#currentContainer .box img , #currentContainer .box4 img  {
	margin-bottom: 20px;
}



#storiesContainer .box {
	width: 166px;
	margin-right: 50px;
	margin-bottom: 20px;
	padding: 0px;
	float: left;
}	
#storiesContainer .box4  {
	width: 166px;
	margin: 0;
	padding: 0px;
	float: right;
}
#storiesContainer .box img , #storiesContainer .box4 img  {
	margin-bottom: 20px;
}







.rule {
	display:block;
	border-bottom: 1px solid #cececa;
}	

#copyright  {
	margin: 0 auto;
	background: #333;
}

#copyrightinside  {
	width: 1024px;
	height: 20px;
	margin: 0 auto;
	padding: 30px 0px 20px 0px;
	color: #fff;
	font-size: 0.917em;
}	

#siteinfo .separator , #copyright .separator {
	margin: 0 0.7em;
}

#siteinfo a {
	color: #333;	
	text-decoration: underline;
}

#siteinfo a:hover {
	color: #999;
	text-decoration: none;
}

#copyright  {
	margin-bottom: 0em;
}

#copyright a {
	color: #fff;	
	text-decoration:none;
}

#copyright a:hover {
	color: #ccc;
	text-decoration: underline;
}

#printFooter {
	display: none;
}

/* Site info (footer) ends */