body {
	font-family: arial, sans-serif;
	font-size: 100%;
	text-align: center;
	color: black;
	background-color: #fff;
	}

								/* clear margins and padding */
* {
	margin: 0;
	padding: 0;
	}

div#mainwrap {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 2em;
	text-align: center;
	}

p {
	font-family : times, "times new roman", serif ;
	font-weight : normal;
	font-size: 1em;
	color: black;
	background-color: #fff;
	margin: 0 0 1em 0;
	}
		
div#panorama {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	}

#panorama img {
	width: 780px;
	height: 170px;
	border-style: solid;
	border-width: 1px;
	}
	
div#contentarea {
	width: 780px;
	text-align: left;
	}

div#photo1, #photo2, #photo3, #photo4, #photo5, #photo6 {
	font-family : times, "times new roman", serif ;
	width: 630px;
	text-align: left;
	margin-bottom: 2.2em;
	}

div.gallery {
	font-family : times, "times new roman", serif ;
	width: 596px;
	text-align: left;
	margin-bottom: 2.2em;
	}

#a1, #a2, #a3, #a4, #a5, #a6 {
	width: 780px;
	}

								/* navigation links, top */
div.linklist {
	width: 125px;
	float: left;
	}
	
div#links {
	width: 125px;
	float: left;
	margin: 1em 0;
	}
	
#navlist {
	padding: 1px;
	margin-left: 0;
	font: 0.9em verdana, sans-serif;
	width: 125px;
	}

div.navlist {
	margin: 1.5em 0;
	text-align: left;
	}

p.navlist {
	width: 120px;
	margin: 1em 0;
	text-align: center;
	font-weight: bold;
	}

#navlist li {
	list-style: none;
	margin: 0px;
	border-left: 1px gray solid;
	border-bottom: 1px gray solid;
	text-align: left;
	}

.navlist li {
	list-style-position: inside;
	list-style-type: square;
	font: 0.75em verdana, sans-serif;
	}

#navlist li a {
	display: block;
	padding: 0.7em 0.5em 0.7em 0.9em;
	text-decoration: none;
	}

#navlist li a:link {
	color: #600;
	border-left: 3px #fff solid;
	}

#navlist li a:visited {
	color: #600;
	border-left: 3px #fff solid;
	}

#navlist li a:hover {
	font-weight:bold;
	color: #fff;
	background-color: #009642;
	border-left: 3px #000 solid;
	}

.boxed {
	text-align: center;
	font: .9em verdana, sans-serif;
	font-weight: bold;
	border: 1px gray solid;
	margin: 1.5em 0;
	padding: .7em 0;
	color: #600;
	background-color: #fff;
	}

.boxed2 {
	text-align: center;
	font: .9em verdana, sans-serif;
	border: 1px gray solid;
	margin: 1.5em 0;
	padding: .7em 0;
	color: #600;
	background-color: #ffe;
	}

.boxed3
{
	text-align: center;
	font: .9em verdana, sans-serif;
	border: 2px gray solid;
	margin: 1.5em 2;
	padding: .7em 0;
	color: #000;
	background-color: #ffe;
}

.draped {
	text-align: center;
	font: .9em verdana, sans-serif;
	font-weight: bold;
	border: 4px black solid;
	margin: 2.5em 0;
	padding: .7em 0;
	color: #000;
	background-color: #eff;
	}

								/* navigation links, bottom */
div#nav {
	font: .8em verdana, sans-serif;
	font-weight: bold;
	margin: 2em 0;
	padding: 0;
	text-align: center;
	}
		
.outline img{
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	}

div.text {
	width: 600px;
	margin: 1em 0 0 45px;
	float: left;
	text-align: left;
	}

div.fulltext {
	width: 780px;
	margin: 1em 0 0 0;
	float: left;
	text-align: left;
	}


								/* begin the Alsett Clearing Method */
									
.clearfix:after {
	content: ".";					/* the period is  the last thing before the div closes */
	display: block;				/* inline elements don't respond to the clear property */ 
	height: 0;					/* ensure the period is not visible */
	clear: both;					/* make the container clear the period */
	visibility: hidden;			/* further ensures the period is not visible */
	}

.clearfix {
	display: inline-block;
	}							/* a fix for IE Mac */

								/* next a fix for the dreaded Guillotine bug in IE6 */

* html .clearfix {				/* Hides from IE-mac \*/
	height: 1%;
	}
	
.clearfix {
	display: block;
	}
								/* End hide from IE-mac */
								/* end Alsett */



								/* format links */
a:link {
	color: #900;
	background-color: #fff;
	font-weight:bold;
	text-decoration: none;
	}

a:visited {
	color: black;
	background-color: #fff;
	font-weight:bold;
	text-decoration: none
	}

a:hover {
	color: #090;
	background-color: #fff;
	font-weight:bold;
	text-decoration: underline;
	}

a:active {
	color: #090;
	background-color: #fff;
	font-weight:bold;
	text-decoration: underline;
	}


								/* format logo */
div#logo, #logo2 {
	text-align: left;
	margin: .5em 0 0 0;
	}

#logo img {
	width: 160px;
	height: 30px;
	border-style: none;
	}

#logo2 img {
	width: 520px;
	height: 100px;
	border-style: none;
	}



								/* format title */
p#title {
	font-family: "comic sans ms", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.2em;
	color: black;
	background-color: #fff;
	text-align: center;
	margin: 0;
	}


								/* format text */
.right {
	text-align: right;
	}

.center {
	text-align: center;
	}

.italic {
	font-style: italic;
	}

.bold{
	font-weight: bold;
	}

.centerbold {
	text-align: center;
	font-weight: bold;
	}

.boldright {
	text-align: right;
	font-weight: bold;
	}

hr {
	width: 100%;
	height: .5px;
	margin: .5em 0;
	}
	
h1 {
	font-family: "comic sans ms", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0 1em 0;
	}
	
h2 {
	font-family: "comic sans ms", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.2em;
	color: #090;
	background-color: #fff;
	text-align: center;
	margin: 0;
	}
	
h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 1em 0;
	}
	
h4 {
	font-family: "comic sans ms", arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	margin: 1em 0;
	}
	
.header {
	font-weight: bold;
	font-size: 1.2em;
	margin: 1.2em 0 .5em 0;
	}
	
.header2 {
	margin: 1.2em 0;
	font-size: 1.1em;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	color: #000;
	background-color: #fdd;
	text-align: center;
	}

.viewbox {
	font: 0.9em verdana, sans-serif;
	font-weight: normal;
	font-size: .8em;
	float: right;
	width: 90px;
	height: 35px;
	padding: 10px;
	text-align: center;
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
	}

.photolist {
	width: 205px;
	float: left;
	}

.photolist2 {
	width: 270px;
	float: left;
	}

ul {
	margin: 0 0 1em 0;
	padding: 0;
	}

li {
	list-style-position: inside;
	list-style-type: square;
	margin: 0 0 .1em 0;
	padding: 0;
	}

img.thumbmain {
	border-style: solid;
	width: 120px;
	height: 80px;
	border-width: 1px;
	margin-bottom: 1em;
	}

.thumbnail {
	margin: 0 0 1em 0;
	}

.thumbnail img{
	border-style: solid;
	width: 120px;
	height: 80px;
	border-width: 2px;
	margin: 10px;
	}

.hint {
	margin: 1em 0;
	font-size: .9em;
	color: #000;
	background-color: #dfd;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	text-align: center;
	}

div.years {
	margin: 2em 0;
	font-size: 1.2em;
	text-align: center;
	}




								/* format thumbnails and captions */
img.thumb {
	border-style: solid;
	width: 120px;
	height: 80px;
	border-width: 2px;
	margin-top: 1em;
	}

p.thumb {
	width: 120px;
	font-weight: normal;
	font-size: .75em;
	text-align: center;
	margin: .1em 0;
	}


								/* format nav bar and footer */
div#footer {
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	color: black;
	background-color: #fff;
	margin: .5em 0;
	}
		
#footer img {
	width: 88px;
	height: 31px;
	border-style: none;
	}