/* Center-align design in ie6 */
* html body {
	text-align:						center;
}

a img {
	border:							none;
}

div.hr {
	clear:							both;
}

#Shell {
	width:							950px;
	margin:							21px auto 0;
}

#Mast {
	background:						url( '../image/shadow.gif' )
									no-repeat
									bottom;
	padding-bottom:					10px;
	overflow:						hidden;
	padding-bottom:					3em;
	margin-bottom:					1em;
}

#Interior {
	font:							80% Geneva, sans-serif;
	color:							#444;
}

* html #Mast {
	text-align:						left;
}

img#Logo {
	width:							249px;
	height:							75px;
	float:							left;
}

#SearchForm,
#Mast .nav.global {
	float:							right;
}

#SearchForm {
	margin-top:						.5em;
}

#SearchForm fieldset {
	border:							none;
}

#SearchForm label img,
#SearchForm input {
	vertical-align:					middle;
}

#SearchForm label img {
	width:							55px;
	height:							11px;
	margin-right:					.5em;
}

#SearchForm input.submit {
	width:							16px;
	height:							17px;
}

#Mast ul.nav.global {
	list-style-type:				none;
	padding-left:					0;
	margin:							1em 0 0;
	clear:							right;
	width:							547px; /* Need the width so this doesn't wrap in ie7 */
}

#Mast ul.nav.global li {
	float:							left;
	padding:						0 7px;
	border-right:					1px solid #ccddec;
}

#Mast .nav.global li.first {
	padding-left:					0;
}

#Mast .nav.global li.last {
	padding-right:					0;
	border-right:					none;
}

#Mast .nav.global img {
	height:							10px;
}

#Mast .nav.global li.visit img {
	width:							27px;
}

#Mast .nav.global li.exhibits img {
	width:							48px;
}

#Mast .nav.global li.collections img {
	width:							67px;
}

#Mast .nav.global li.learn img {
	width:							33px;
}

#Mast .nav.global li.about_us img {
	width:							56px;
}

#Mast .nav.global li.join img {
	width:							24px;
}

#Mast .nav.global li.whats_now img {
	width:							71px;
}

#Mast .nav.global li.contact_us img {
	width:							65px;
}

#Mast .nav.global li.home img {
	width:							36px;
}

#Hero,
#Hero img {
	width:							950px;
	height:							152px;
}

#Hero {
	padding-top:					1px;
	border-top:						4px solid #00539f;
	clear:							both;
	margin-top:						8px;
/*	vertical-align:					top;  Do this or a weird white-space materializes below the image */
}

* html #Hero {
	overflow:						hidden;
}

#TagLine {
	background:						#00539f
									url( '../image/tagline_bg.gif')
									no-repeat
									97% 50%;
	color:							white;
	margin:							4px 0;
	padding:						1em 2em .75em;
	clear:							both;
}

.nav.local {
	width:							257px;
	border-right:					1px solid #ededed;
	min-height:						240px;
	background:						url( '../image/local_nav_bg.gif' )
									repeat-x;
	float:							left;
}

.nav.local ul {
	list-style-image:				url( '../image/local_nav_bullet.gif');
	color:							#e0e1e1;
	margin-top:						1em; /* ie */
}

.nav.local ul ul {
	font-size:						90%;
	margin-bottom:					1em;
}

.nav.local ul li {
	padding:						.25em .5em;
}

.nav.local a {
	color:							#666;
	text-decoration:				none;
	letter-spacing:					.1em;
}

.nav.local li:hover,
.nav.local a:hover {
	list-style-image:				url( '../image/local_nav_bullet_a.gif');
	color:							#111;
}

.nav.local li.uvTrace,
.nav.local li.uvTrace a,
.nav.local li.uvSelected,
.nav.local li.uvSelected a {
	list-style-image:				url( '../image/local_nav_bullet_a.gif');
	color:							#111;
}

.nav.local li.uvSelected a {
	cursor:							default;
}

/*.nav.crumb {
	font-size:						85%;
	font-weight:					bold;
	font-family:					Arial, sans-serif;
	color:							#999;
}

.nav.crumb a {
	text-decoration:				underline;
	color:							#999;
}

.nav.crumb .current {
	color:							#333;
}*/

h1.pageTitle {
	color:							#00539f;
	font:							175% Geneva, sans-serif;
	font-weight:					normal;
	margin-top:						1em; /* ie */
}

#Core {
	overflow:						hidden;
	padding-left:					3em;
}

* html #Core {
	width:							690px;
}

img.more {
	width:							56px;
	height:							17px;
}

#Footer {
	text-align:						center;
	margin-bottom:					3em;
	font:							90% Georgia, serif;
	color:							#666;
}

#Footer .bullets {
	font-size:						75%;
	letter-spacing:					.25em;
}

#Footer ul.nav.global {
	list-style-type:				none;
	padding-left:					0;
}

#Footer ul.nav.global li {
	display:						inline;
	border-right:					1px solid #666;
	padding:						0 .5em;
}

#Footer ul.nav.global li.first {
	padding-left:					0;
}

#Footer ul.nav.global li.last {
	padding-right:					0;
	border-right:					none;
}

#Footer a {
	color:							#666;
	text-decoration:				none;
}

#Footer a:hover {
	border-bottom:					1px dotted;
}

.bf_view fieldset legend {
	background-color:				#00539f !important;
}