/* 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;
  	padding: 0;
  	text-align:center;
  	color:#333;
}
	
#skipNav {
	position: absolute;
	clear: left;
	left: -9999px;
	width: 9000px;
	font-size: 1px;
	letter-spacing: -1px;
}

#container {
	width:748px;
	margin:0 auto; 
	text-align:left;
  }
  
/* branding (header) begins */	



#brandingContainer {
	text-align:center;
    height: 85px;
	/*background: #4F8418 url(../images/en/bkg-abo-hdr-colour.jpg) top center no-repeat;*/
}
#branding {
	margin: 0 auto;
	text-align: left;
    height: 85px;		
	width: 748px;
}	

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

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

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

/* branding (header) ends */

/* nav begins */

#navMainContainer {
	clear: left;
	display: block;
	position: relative;
	text-align:center;
    height: 30px;	
	margin: 0 0 30px 0;
	padding: 0;
	/*width: 100%;*/
	background: #fff url(../images/bkg-glb-hdr-gradient.gif) top left repeat-x;
}
/* hack: necessary for IE Mac as it won't centre a <ul> */
#navMainContainer2 {
	margin: 0 auto;
	width: 748px;
}
#navMainContainer ul {
	list-style: none;
	margin: 0;
	text-align: left;
	padding: 0;
	white-space: nowrap;
	height: 30px;
	width: 748px;
	display: block;
	overflow: hidden;
}
#navMainContainer ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#navMainContainer ul li a {
	float: left;
	margin: 0 0 0 34px;
	height: 30px;
	display: block;
}
#navMainContainer ul li.first a {
	margin: 0 0 0 12px;
	display: inline;
}

#visiting a {	
	 width: 54px;
	 background: url(../images/en/mnav-vis_hr.gif) top left no-repeat;
}
#exhibitions a {
	 width: 74px;
	 background: url(../images/en/mnav-exh_hr.gif) top left no-repeat;
}
#programs a {
	 width: 119px;	 
	 background: url(../images/en/mnav-pro_hr.gif) top left no-repeat;
}
#collections a {
	 width: 141px;	 
	 background: url(../images/en/mnav-col_hr.gif) top left no-repeat;
}
#involved a {
	 width: 84px;	 
	 background: url(../images/en/mnav-get_hr.gif) top left no-repeat;
}
#about a {
	 width: 62px;	 
	 background: url(../images/en/mnav-abo_hr.gif) top left no-repeat;
}

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

#navSub {
	width: 211px;  
	}
		 
#navSub a,
#navSub a:visited {
	/*color : #4F8418;*/
	text-decoration:none;
	}
		
#navSub a:hover {
	text-decoration: underline;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#navSub a:hover {
	text-decoration: none;
}	
/* End IE5-Mac hack */
	
#navSub li:hover,
#navSub li.hover,
#navSub li.selected  {			
	background: url(../images/snav-abo-arrow.gif) no-repeat 0 0.6em;
}
		
#navSub li.selected {		
	font-weight : bold;
	background-color: #fff;
}
  
#navSub ul { 
	list-style: none;		
	margin: 0 0 0 0;
	padding: 1px 0 18px 0;
	background: #fff url(../images/bkg-snav-line.gif) no-repeat 12px 0;	}
	
#navSub li {		
	padding: 0;
	padding-left: 12px;
	margin: 0;
	line-height: 1.2em;
	behavior: url(/css/hover.htc);		
	}
	
#navSub li a {
	display: block;
	background: url(../images/bkg-snav-line.gif) no-repeat bottom left;
	padding: 0.5em 0 0.6em 0;
}

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

#navSub li li {
	background-color: #fff;
	line-height: 1em;
	}	 

#navSub li li a {	
	background: none;
}

#navCta {

}
#navSup {

}
/* nav ends */

/* Site info (footer) begins */

#siteinfoContainer  {
	clear: left;
	text-align:center;
	height: 40px;
	background: url(../images/bkg-glb-ftr-gradient.gif) top left repeat-x; 
	border-top: 8px solid #4F8418;
}
#siteinfo  {
	width: 748px;
	margin: 12px auto 0 auto;
	color: #666666;
	font-size: 0.95em;
}	

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

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

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

#printFooter {
	display: none;
}

/* Site info (footer) ends */