@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0}
body {
	background: #000;
	height: 100%;
	font-family: Helvetica, sans-serif;
	text-align: center;
	margin: 0;
}
#outer { 
	width: 980px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	background: #000;
}
#wrapper {
	width: 600px;
	margin: 0 5px 0 160px;
	padding: 0;
	text-align: center;
	float: left;
	display: inline;
	background: #ff0000;
	border: 1px solid #000;
}
h1 {font-size: 2.6em; color: #99ccff; padding: 4px 0 8px 10px; font-weight: normal; font-family: "Courier New", Courier, monospace; padding: 0 10px 0 0;}
h2 {font-size: 1.1em; color: #333333;}
h3 {font-size: 1em; color: #f60006;}
p {font-size: 0.86em; color: #000; line-height: 1.3em; font-weight: normal;}
.whitetext {color: #fff; padding: 0 0 0 10px;}
ul {}
li {font-size: 0.8em; color: #000; line-height: 1.3em; font-weight: bold; margin: 0 0 5px 30px;}
a:link, a:visited, a:active { color: #000; text-decoration: none; }
a:hover {color: #000; text-decoration: underline;}
.mainimg {width: 600px; float: left; border-bottom: 1px solid #000;}
.content {width: 540px; padding: 5px 30px 20px 30px; float: left; background: url(images/red_gradient.gif) fixed bottom repeat-x;}
.footer {width: 815px; clear: both; padding: 0 0 0 165px; text-align: left;}
.footer p, .footer a {color: #fff; font-family: "Courier New", Courier, monospace;}
.footer p {font-size: 0.7em;}
.footer a:link, .footer a:visited, .footer a:active { color: #fff; text-decoration: none; }
.footer a:hover {color: #fff; text-decoration: underline;}
.about {width: 540px; float: left; text-align: left;}
.credit {padding: 4px 0 0 0;}

/* history and features */

.history { width: 440px; float: left; padding: 0 0 10px 0; text-align: left;}
.features { width: 530px; float: left; padding: 0 0 10px 0; text-align: left;}
.featuresblue a {color: #99ccff; font-weight: normal;}
.imgcolumn {width: 85px; float: right;}
.imgspacer {width: 85px; float: left;}
.historyimg {width: auto; float: right; margin: 5px;}
.historytext {width: 360px; float: left; margin: 5px 0 0 0;}
.historytext2 {width: 450px; float: left; margin: 5px 0 0 0;}
.historydate {width: 70px; float: left; margin: 5px 10px 0 0;}
.featuretitle {width: 520px; float: left; padding: 0 5px;}
.featuretext {width: 520px; float: left; padding: 5px 5px 0 5px;}

/* books */

.booktitle {width: 320px; float: left; margin: 5px 0 0 0;}
.booktext {width: 420px; float: left; margin: 5px 0 0 0;}
.publisher {width: 100px; float: left; margin: 5px 0 0 0;}
.bookimg {width: auto; float: right; margin: 5px;}

/* sculpture and pictures */

.photolink { font-size: 1.2em;}
.imgwrapperl {width: 485px; float: left; margin: 5px 0; padding: 0 55px;}
.largeimg { width: 210px; float: left; text-align: center;}
.imgwrappers {width: 470px; float: left; margin: 10px 0 0 0; padding: 0 35px;}
.smallimg {width: 225px; float: left; text-align: center; margin: 0 5px;}

/* nav */
.nav {width: 180px; float: right; margin: 300px 0 0 0; font-family: "Courier New", Courier, monospace;}
.navlink {width: 180px; float: left; text-align: left; margin: 0 0 10px 0;}
.nav a:link, .nav a:visited, .nav a:active { color: #fff; text-decoration: none; }
.nav a:hover {color: #fff; text-decoration: underline;}

/* title */

.pagetitle {width: 600px; float: left; display: inline;}

/* misc */

.center {width: auto; float:left;}
.right {float: right; margin: 15px 0 0 0; width: 180px;}
.photo_large {width: 600px; float: left; display: inline; margin: 80px 0 40px 100px;}
.photo_large a:link, .photo_large a:visited, .photo_large a:hover, .photo_large a:active{color:#fff;}