/* CSS Document */
.navbutton	{
display: block;
padding: 5px 10px;
width: 164px;
color: #FFF;
background-color: #017CB7;
text-decoration: none;
border-top: 2px solid #CCC;
border-left: 2px solid #CCC;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
font-weight: bold;
font-size: 0.9em;

/* background-image: url(images/vertical06.jpg); */
background-repeat: no-repeat;
background-position: 0 0;
}
  
.error
{
	color : Red;
	font-family: Verdana, Sans-Serif;
	font-size: large;
}
html,body {
		margin:0;
		padding:0;
		color:#000;
		background:#fff;
	}
	body {
		font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		padding:0 0 10px 0;
		min-width:760px;
	}
	input.button { 
		border-color: #336699; 
		background-color: #F4F2E6; 
		color: #000; 
	} 
	input.textfield { 
		border-color: #336699; 
		background-color: #F4F2E6; 
		color: #336699; 
		font-weight: normal; 
	}
	TABLE.data{
	display: block;
	padding: 1px 12px;
	color: #000;
	background-color: #FFF;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
	}
	TABLE.data.TR{
			font-size: 3px;
	}
	TR.header{
	background-color:#017CB7;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	}
	TR.tint1{background-color:#F4F2E6; font-size: 11px;}
	TR.tint2{background-color:#FFF; font-size: 11px;}
	TR.selected{background-color:#CCC; font-size: 11px;}
	
	#container
		{
	margin: 0em;
	background-color: #FFF;
	border: 1px solid #333;
	padding: 0em;
		}
		
		#container h6 { 
		text-align:right;
		margin: -1.6em 1em 0em 0em; 
		} 
		#container steps{
		  float: right;
		  width: 150px;
		}
		#banner	{
			text-align: center;
			padding: 5px 0;
/*			background-color: #017CB7;
 			border-bottom: .5px solid #333; */
		}
		
		#banner h1
		{
			font:bold 100% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
			
			margin: 0 1em 0 0;
			padding: 0 .4em .4em 1em;
			color:#FFF;
		}
		
		#navb
		{
			float: left;
			width: 160px;
			margin-left: 0px;
			padding-top: 1em;
		}
		
		#navb p { margin-top: 0; }
		
		#content
		{
	padding-top: 0em;
	margin: 0 0em;
	padding-left: 0em;
		}
		
		#content h2 { margin-top: 0; }
		
		#boxFrame {
			font-family: Verdana, sans-serif;
			font-size: 10px; 
			padding: 0px 0px 0px 0px;
			margin: 0px;
			color: #000;
			border: 1px solid #6699CC;
		}
		.boxHeader {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 2px 10px;
	margin: 0px;
	background-color: #6699CC;
		}
		#boxContent {
	font-size: 10px;
	padding: 5px 6px 5px 6px;
	background: #FFF;
	color: #000;
	margin: 0px;
	overflow: auto;
		}
		
		#footer{
	clear: both;
	
	background-color: #F4F2E6;
	padding: .25em;
	text-align: right;
	border-top: 1px solid #333;
	font-size: 10px;
		}
		#copyright{
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0.25em;
	text-align: center;
	font-size: 10px;
		}
		code {
		font-family:Monaco, Courier, "Courier New", monospace;
	}
	h1 {
		font-size:1.5em;
	}
	#labfooter {
		text-align:center;
		clear:both;
	}
	#wrap {
		width:760px;
		margin:0 auto;
	}
	#main {
		clear:both;
		margin:5px 10px;
	}
	.adwrap {
		margin:10px 0;
		padding:10px 66px;
		border:1px solid #ccc;
		border-width:1px 0;
	}
	.adwrap object {
		width:468px;
		height:60px;
	}
	
	/* CSS for the tabs starts here */
	#topheader {
		height:111px;
		background:url(CSSimages/headerThin.jpg) 0 0 no-repeat;
	}
	#navcontainer { margin-left: 0px; }

#navtab{
	display: block;
	padding: 1px 12px;
	width: 138px;
	color: #000;
	background-color: #F4F2E6;
	border-top: 1px solid #939393;
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	text-align: center;
			}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #FFF;
background-color: #017CB7;
text-decoration: none;
border-top: 2px solid #CCC;
border-left: 2px solid #CCC;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
font-weight: bold;
font-size: 1em;

/* background-image: url(images/vertical06.jpg); */
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer a:hover
{
color: #FFF;
background-color: #006;
text-decoration: underline;
border-top: 2px solid #CCC;
border-left: 2px solid #CCC;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
/*background-image: url(images/vertical06a.jpg); */
background-repeat: no-repeat;
background-position: 0 0;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #000;
background-color: #EDE1C9;
text-decoration: none;
font-weight: normal;
}

#navcontainer ul ul a:hover
{
color: #FFF;
background-color: #FFF;
text-decoration: none;
}

	#nav {
		float:left;
		width:760px;
		margin-top:-19px;
		font-size:0.94em;
		line-height:1em;
	}
	#nav ul {
		margin:0;
		padding:0 0 0 18px;
		list-style:none;
	}
	#nav li {
		float:left;
		margin:0 0 0 -1px;
		padding:0 0 0 6px;
		background:url(CSSimages/nav1.gif) 0 100% no-repeat;
	}
	#nav li:hover {
		/*background-position:-6px 100%;*/
	}
	#nav a {
		float:left;
		display:block;
		color:#017CB7;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background:url(CSSimages/nav2.gif) 100% 100% no-repeat;
		padding:5px 6px 12px 4px;
		text-decoration:none;
	}
	#nav li:hover a {
		/*background-image:url(CSSimages/nav1.gif);*/
	}
	/* Hide from IE5-Mac \*/
	#nav a {float:none;}
	/* End IE5-Mac hack */
	#nav a:hover {
		color:#000;
		text-decoration:underline;
	}
	#home #nav #t1,
	#exhibitsevents #nav #t2,
	#museum #nav #t3,
	#store #nav #t4,
	#getinvolved #nav #t5,
	#education #nav #t6,
	/*#visit #nav #t7,*/
	#visit #nav #t7  {
		background-position:-12px 100%;
		padding-left:26px;
		margin:0 2px 0 1px;
	}
	#home #nav #t1 a,
	#exhibitsevents #nav #t2 a,
	#museum #nav #t3 a,
	#store #nav #t4 a,
	#getinvolved #nav #t5 a,
	#education #nav #t6 a,
	/*#visit #nav #t7 a,*/
	#visit #nav #t7 a{
		background-image:url(CSSimages/nav2s.gif);
		padding-left:0;
		padding-right:19px;
	}
	#nav #t1,
	#home #nav #t1 {
		margin-left:0;
	}
	#nav #t5,
	#visit #nav #t7 {
		margin-right:0;
	}
		#alert {
		margin:1em auto;
		padding:0;
		width:450px;
		font-size:0.94em;
		list-style:none;
	}
	#alert li {
		background:url("CSSimages/alertbox.gif") 0 100% no-repeat;
		padding:0 0 20px 0;
		margin:8px 0 0px 0;
		display:block;
		color: #993300;
	}
	#alert h4 {
	font-size:1.5em;
	line-height:2em;
	font-weight:bold;
	background:url("CSSimages/alertbox.gif") 0 0 no-repeat;
	margin:0;
	padding:6px 4px 3px 21px;
	color: #993300;
	}
		#news {
		margin:1em auto;
		padding:0;
		width:200px;
		font-size:0.94em;
		list-style:none;
	}
	#news li {
		background:url("CSSimages/box2.gif") 0 100% no-repeat;
		padding:0 0 20px 0;
		margin:8px 0 0 0;
		display:block;
	}
	#news li p, #alert li p {
		background:#F4F2E6;
		padding:1px 4px 0 7px;
		margin:0;
		border-left:14px solid #939393;
	}
	#news li.arr p, #alert p {
		background:#F4F2E6 url("CSSimages/edge.gif") 0 50% repeat-y;
		padding-left:21px;
		border:0;
	}
	#news h4{
		font-size:1em;
		line-height:1em;
		font-weight:bold;
		background:url("CSSimages/box2.gif") 0 0 no-repeat;
		margin:0;
		padding:6px 4px 3px 21px;
	}
	#news li:hover {
		background-position:-150px 100%;
	}
	#news li:hover p {
		border-color:#2793ff;
	}
	#news li.arr:hover p {
		background-image:url("CSSimages/edge-h.gif");
	}
	#news li:hover h4 {
		background-position:-150px 0;
	}
	#news a:link {
		text-decoration:none;
		color:#000;
	}
	#news a:visited {
		text-decoration:none;
		color:#606;
	}
	#news a:hover {
		text-decoration:underline;
	}
	#news .more {
		line-height:1em;
		display:block;
		text-align:right;
		padding:0 18px 2px 21px;
		margin-top:4px;
		background:url("CSSimages/arrow.gif") 135px 50% no-repeat;
	}
	div#shwrap {
		margin:10px auto;
		width:780px;
		background:url("CSSimages/mainsh.gif") repeat-y;
	}
	div#shheader {
		width:780px;
		height:35px;
		background:url("CSSimages/headsh.gif") no-repeat;
	}
	div#shcontent {
		padding:0 10px 10px 10px;
		margin:0 15px;
	}
	div#shfooter {
		width:720px;
		height:5px;
		background:url("CSSimages/footsh.gif") no-repeat;
	}
	.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("CSSimages/tsr.gif") bottom left no-repeat;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url("CSSimages/tsr.gif") top left no-repeat;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url("CSSimages/tsr-a.gif") 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}
	#el01 {color:#00f; background-color:#33b;}  
	div#navigation {
		border:0px solid #000;
  		width:100%;
		float:inherit;
	}
	div#navigation ul {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:16px;
		color:#000;
	}
	ul#menu {
		margin:0;
		padding:0 0 0 13px;
		background-color:#6699CC;
		list-style-type:none;
		border-bottom:1px solid #000;
	}
	ul#menu li {
		display:inline;
		margin:-3px;
		padding:0;
	}
	div#navigation2, div#navigation3 {
		border:0px solid #000;
  		width:100%;
		float:inherit;
	}
	div#navigation2 ul, div#navigation3 ul {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:16px;
		color:#000;
	}
	ul#menu2, ul#menu3 {
		margin:0;
		padding:0 0 0 13px;
		background-color:#8EB6DE;
		list-style-type:none;
		border-bottom:1px solid #000;
	}
	ul#menu2 li, ul#menu3 li {
		display:inline;
		margin:-3px;
		padding:0;
	}
	ul#submenu {
		margin:0;
		padding:5px 0;
		background-color:#24568E;
		list-style-type:none;
		}
	ul#submenu li {
		display:inline;
		margin:0;
		padding:0;
	}
	ul#submenu li+li {
		border-left:1px solid #ccc;
	}
	div#navigation a:link,
	div#navigation a:visited,
	div#navigation a:hover {
		color:#fff;
		text-decoration:none;
		padding:2px 10px 2px;
		background-color:#24568E;
	}
	div#navigation ul#menu a:link,
	div#navigation ul#menu a:visited,
	div#navigation ul#menu a:hover {
		font-weight:bold;
		border:1px solid #000;
		background-image:url("CSSimages/tab-bg.gif");
		background-repeat:repeat-x;
		background-position:bottom left;
	}
	div#navigation ul#menu a:hover {
		background-color:#202F66;
		text-decoration:underline;
		background-image:url("CSSimages/tab-bg-on.gif");
		border-bottom-color:#202F66#;
	}
	div#navigation ul#menu li.sel a:link,
	div#navigation ul#menu li.sel a:visited,
	div#navigation ul#menu li.sel a:hover {
		background-color:#F9F8F0;
		color:#000033;
		background-image:url("CSSimages/tab-bg-on.gif");
		border-bottom:1px solid #F9F8F0;
	}
	div#navigation ul#submenu a:link,
	div#navigation ul#submenu a:visited,
	div#navigation ul#submenu a:hover {
		font-weight:normal;
		padding:0 5px;
		background-color:#24568E;
	}
	div#navigation ul#submenu a:hover {
		text-decoration:underline;
	}
	h1.topmenu,
	h2.submenu {
		display:none;
	}
	#header {
  float:left;
  width:100%;
  background:#DAE0D2 url("CSSimages/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:8px 10px 0;
  list-style:none;
  float:inherit;
  }
#header li {
  float:left;
  background:url("CSSimages/norm_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
   margin-left:auto;
  margin-right:auto;
  }
#header a {
  float:left;
  display:block;
  background:url("CSSimages/norm_right.gif") no-repeat right top;
/*   padding:3px 15px 4px 6px; */ /* as of 5-11-11 */
  padding: 3px 12px 4px 3px;
  text-decoration:none;
  font-weight:bold;
  color:#017CB7;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  text-decoration:underline;
  }
#header #current {
  background-image:url("CSSimages/norm_left_on.gif");
  }
#header #current a {
  background-image:url("CSSimages/norm_right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

	div#navigation2 a:link,
	div#navigation2 a:visited,
	div#navigation2 a:hover,
	div#navigation3 a:link,
	div#navigation3 a:visited,
	div#navigation3 a:hover {
		color:#fff;
		text-decoration:none;
		padding:2px 10px 2px;
		background-color:#426DA8;
	}
	div#navigation2 ul#menu2 a:link,
	div#navigation2 ul#menu2 a:visited,
	div#navigation2 ul#menu2 a:hover,
	div#navigation3 ul#menu3 a:link,
	div#navigation3 ul#menu3 a:visited,
	div#navigation3 ul#menu3 a:hover {
		font-weight:bold;
		border:1px solid #000;
		background-image:url("CSSimages/tab-bg.gif");
		background-repeat:repeat-x;
		background-position:bottom left;
	}
	div#navigation2 ul#menu2 a:hover,
	div#navigation3 ul#menu3 a:hover {
		background-color:#3A4680;
		text-decoration:underline;
		background-image:url("CSSimages/tab-bg-on.gif");
		border-bottom-color:#3A4680;
	}
	div#navigation2 ul#menu2 li.subsel a:link,
	div#navigation2 ul#menu2 li.subsel a:visited,
	div#navigation2 ul#menu2 li.subsel a:hover,
	div#navigation3 ul#menu3 li.subsel a:link,
	div#navigation3 ul#menu3 li.subsel a:visited,
	div#navigation3 ul#menu3 li.subsel a:hover {
		background-color:#F9F8F0;
		color:#000033;
		background-image:url("CSSimages/tab-bg-on.gif");
		border-bottom:1px solid #F9F8F0;
	}
	hr {
		border: 0;
		margin: 5px auto;
		padding: 0;
		height: 1px;
		color: #6699CC;
		background-color: #6699CC;
	}
.table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: solid #000 1px;
}
/* Museum Store fonts */
.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: 534C3C;
}
.bodycopyblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1a3d78;
	line-height: 16px;
}
.bodycopyred {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #800000
}.StoreHeaders {
	padding:10px 40px;
	border:1px solid #1A3D78;
	border-width:1px;
	font-family: "Lucida Grande", Arial, Helvetica;
	font-size: 18pt;
	font-weight: bold;
	background-color: #6699CC;
}
.StoreSubheaders {
	padding:2px 60px;
	border:1px solid #999999;
	border-width:1px;
	font-family: "Lucida Grande", Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	background-color: #CCCCCC;
}
table.right {
	margin-left: 10px;
}
.caption {
	font-size: 10px;
	line-height: normal;
}
.header {
	font-size: 13px;
	font-weight: bold;
	background-color: #1A3D78;
	color: #FFF;
	text-indent: 6px;
	text-transform: uppercase;
	margin-bottom: 8px;
	padding: 4px;
}

br.clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0 0;
}

br.clear_left {
	clear: left;
}

.align_right {
	float: right;
}

.align_left {
	float: left;
}

.pic_right {
	float: right;
	margin: 0 0 5px 10px;
}

.pic_left {
	float: left;
	margin: 0 10px 5px 0;
}

.border {
	border: 1px solid #000;
	padding: 1px;
}

.odd {
	background: #f5f5f5;
}

.even {
	background: #e0e2eb;
}

table.generic {
	border: 1px solid #444;
}

table.generic thead th {
	height: 28px;
	background: #155d9b;
	color: #fff;
}

table.generic td {
	padding: 2px 4px;
}

table td.date {
	font-weight: bold;
}

table.photos td {
	text-align: center;
	padding: 0 0 20px 0;
}

table.timeline {
	margin: 12px 0;
}

table.timeline td {
	border-bottom: 1px solid #ebebeb;
}

table.timeline .date {
	background: #7ba6d8;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	vertical-align: top;
}

ul.space li {
	margin-bottom: 12px;
}

.date_block {
/* 	float: left; */
/* 	width: 675px; */
/* 	margin-left: 5px; */
	padding-left: 10px;
	border-left: 4px solid #6699CC;
}

.date_block .date {
	float: left;
	height: 100%;
	margin: 0 10px 12px 0;
	font-weight: bold;
}

.date_block .info {
	float: left;
	width: 466px;
	margin: 0 0 12px 0;
}

.eras {
	background: #6699CC;
	padding: 10px 0;
	color: #fff;
}

.eras a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.eras a:hover {
	color: #252525;
}

ul.grid {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.grid li {
	float: left;
	margin-bottom: 20px;
	height: 120px;
	min-height: 120px !important;
	text-align: center;
}

ul.grid img {
	border: 1px solid #444;
	margin: 5px 0;
}

ul.three li {
	width: 33%;
}