/* CSS Document */

.leftpad {padding-left: 10px !important; float: left; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;}


.historybgtwo {
	background-image: url(/scriptcontent/history/images_intro/history_bg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 702px;
	height: 127px;
	margin-bottom: 20px;
	clear: both;

}

.historybgone {
	background-image: url(/scriptcontent/history/images_intro/history_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 702px;
	height: 127px;
	margin-bottom: 20px;
	clear: both;
	
}

.historybgtimeline {
	background-image: url(/scriptcontent/history/images_intro/history_bg_timeline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 702px;
	height: 127px;
	margin-bottom: 20px;
	clear: both;

}

.historybgtwo h2, .historybgtimeline h2 {float: left; padding-top: 15px; padding-left: 20px; width: 510px; text-align: left; padding-bottom: 0px !important; margin-bottom: 0px !important;}
.historybgtwo h2 a, .historybgtimeline h2 a {text-decoration:none !important; border-bottom: 1px dotted #003366;}
.historybgtwo p, .historybgtimeline p { float:left; padding-top: 0px !important; margin-top: 5px !important; padding-left: 20px;  width: 510px; size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif}

.historybgone h2 {float: right; padding-top: 15px; padding-right: 20px; width: 510px; text-align: left; padding-bottom: 0px !important; margin-bottom: 0px !important;}
.historybgone h2 a {text-decoration:none !important; border-bottom: 1px dotted #003366;}
.historybgone p { float: right; padding-top: 0px !important; margin-top: 5px !important; padding-right: 20px;  width: 510px; size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif}

.selectionbg  h2, .expandedbg h2, .selectionbg  h1, .expandedbg h1{ padding-top: 15px; padding-right: 20px; padding-left: 20px;  text-align: left; padding-bottom: 10px !important; margin-bottom: 0px !important;}
.selectionbg  h2 a, .expandedbg h2 a {text-decoration:none !important; border-bottom: 1px dotted #003366;}
.selectionbg  p, .expandedbg p { margin-bottom: 0px !important; padding-bottom: 20px !important; margin-top: 0px !important; padding-right: 20px; padding-left: 20px;  size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.expandedbg h1 {margin-top: 20px !important;} 
.selectionbg ul, .selectionbg ol{ padding-top: 15px; padding-right: 20px; padding-left: 30px !important;  text-align: left; padding-bottom: 10px !important; margin-bottom: 0px !important; margin-left: 20px !important; }

.expandedbg ul, .expandedbg ol{ padding-top: 10px; padding-right: 20px; padding-left: 30px !important;  text-align: left; padding-bottom: 20px !important; margin-bottom: 0px !important; margin-left: 20px !important; margin-top: 0px !important; }
.expandedbg sup {font-size: .9em !important;}

.historyimageright { float: right; padding: 0px 20px 10px 10px;}
.historyimage { float: left; padding: 0px 10px 10px 10px;}
.historyimageone { float: left; margin-top: 10px; }
.historyimagetwo { float: right; margin-top: 5px; padding-right: 10px;}

.expandedbg {background: #ded7c4 url(/scriptcontent/history/images_intro/bg_expanded.jpg) no-repeat left top; width: 702px; margin-bottom: 20px; clear: both; padding-bottom: 10px; overflow:auto;}
.expandednobg {background: #ded7c4  no-repeat left top; width: 702px; margin-bottom: 20px; clear: both; padding-bottom: 10px;}
.expandednobg p {font-size: 1.1em; line-height: 1.5em; margin-bottom: 20px; padding-left: 20px; padding-right: 20px;}



.selectionbg {background: #ccc; width: 702px; margin-bottom: 20px; clear: both; padding-bottom: 10px;}


.mappoints {width: 660px; margin: 20px; background-color: #eee; border: 1px solid #999; }

.mappoints p, .mappoints form, .mappoints h2, .mappoints h3 {padding: 10px 10px 10px 10px !important; margin: 0px !important;}
.mappoints .pdf {padding: 10px 10px 10px 30px !important; margin-left: 10px !important;}
#map {border: 1px solid #000;}

/* museum */

.museumclear { width: 702px; border-bottom: 1px dotted #fff; clear: both; margin-bottom: 10px;}

.museum {width: 460px;
margin-left: 180px;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
}

.museum2 {width: 260px;
margin-left: 360px;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
}

.museumtitle a {font-size: 1.2em; color: #003366; font-weight: bold; text-decoration:none; border-bottom: 1px dotted #003366; line-height: 1.5em;}
.museumtitle2 {font-size: 1.2em; color: #003366; font-weight: bold; text-decoration:none; line-height: 1.5em;}


.img {
	background: url('/am/images/onlinemuseum/shadow.gif') no-repeat bottom right;
	margin: 10px 5px 10px 20px;
	padding: 0;
	float: left;
	width: 160px;
	display: inline;

}

.img2 {
	background: url('/am/images/onlinemuseum/shadow.gif') no-repeat bottom right;
	margin: 10px 5px 10px 20px;
	padding: 0;
	float: left;
	width: 123px;
	display: inline;
}

.img img, .img2 img, .imglarge img, .imglarge2 img  {
	background-color: #fff;
	border: 2px solid #ffffff;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	float: left;
	vertical-align: bottom;
		display: inline;
}

.imglarge {
	background: url('/am/images/onlinemuseum/shadow.gif') no-repeat bottom right;
	margin: 10px 5px 10px 20px;
	padding: 0;
	float: left;
	width: 320px;
	display: inline;

}


.imglarge2 {
	background: url('/am/images/onlinemuseum/shadow.gif') no-repeat bottom right;
	margin: 10px 5px 10px 20px;
	padding: 0;
	float: left;
	width: 240px;
	display: inline;

}


#loading { z-index: 100; position: relative; background-image: url("/am/images/ajax-loader.gif"); background-repeat: no-repeat; background-position: 5px; background-color: white; padding-left: 25px; padding-top: 8px;  border: 1px solid #000; width: 120px; height: 30px; font-size: 1.2em; font-weight: bolder;}

#historycontent p {clear: both;}

.expandednobg .clear {clear: both; border-bottom: 1px dotted #000; margin-bottom: 20px;}


@media print {

.expandedbg {background: #fff; width: 100%; overflow:visible;}
.expandedbg p, .expandedbg h1 { margin-bottom: 0px !important; padding-bottom: 20px !important; margin-top: 0px !important; padding-right: 0px; padding-left: 0px; }


#historysubnav {display: none;}

.mappoints {width: 100%; margin: 20px; background-color: #eee; border: none; overflow:visible;  }
.mappoints p, .mappoints form, .mappoints h2, .mappoints h3 {padding: 10px 10px 10px 10px !important; margin: 0px !important;}

.expandednobg {background: #fff; overflow:visible; width: 100%; margin-bottom: 20px; clear: both; padding-bottom: 10px;}
.expandednobg p {margin-bottom: 20px; padding-left: 20px; padding-right: 20px;}

#frame {height:100%;width:100%; overflow:visible;}

}