body,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#444;
	margin:0;
	padding:0;
	text-align:left;
	background-image:url(../images/back.png);
	background-repeat:repeat-x;
	background-color:#efefef;
	}

p {line-height: 15pt}

h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif; font-weight:normal;}

h1 {font-size: 18px; color:#135074;} 
h2 {font-size: 16px; color:#333;}
h3 {font-size: 12px; font-weight:bold; color:#555;}

a {font-size: 12px;}
a:link {color:#369; text-decoration: none;}
a:visited {color:#369; text-decoration: none;}
a:hover {color:#369; text-decoration: underline;}
a:active {color:#369; text-decoration: none; text-align: center; }

.ad {width:206px;
	float:left;
	height:auto;
	padding: 0px;
	border: solid 1px #ddd;
	}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80); }

.box1 {
	width:180px;
	padding: 10px 20px 20px 0px;
	float:left;
	height:auto;
	overflow:hidden;
	}

.box2 {
	width:180px;
	float:left;
	height:auto;
	padding:10px 20px 20px 0px;
	overflow:hidden;
	}

.box3 {
	width:180px;
	float:left;
	height:auto;
	padding:10px 0px 20px 0px;
	overflow:hidden;
	}

.box4 {width:210px;
	float:left;
	height:auto;
	border-bottom:solid 1px #eee;
	}

.director {float:left;
	padding: 0px 20px 20px 0px;
	}

.caption {
	width:inherit;
	font-size: 11px; color:#666;
	line-height:normal; }

.callout {
	width:inherit;
	font:"Times New Roman", Times, serif;
	font-size: 18px #666;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc; }
	
.credit {width:inherit; font-size: 11px; }



.exhibit {
	position:inherit;
	float:left;
	width:580px;
	padding: 20px 0px 20px 0px;
	border-bottom: solid 1px #ddd; }
	
.exhibit_image {
	position:relative;
	float:left;
	padding: 0px 20px 0px 0px;	}

.exhibit_description {
	position:relative;
	float:inherit;
	width: 360px; }




.indent {padding:0px 0px 0px 40px;}

.item {float:left;
	width:500px;
	border-bottom: solid 1px #ddd; }

.image {
	position:relative;
	float:left;
	padding: 20px 20px 20px 0px;
	text-align:center }
	
.book_description {
	position:relative;
	float:left;
	width: 340px; }
	
	

.media_left {
	float:left;
	width: 200px;
	padding: 0px 20px 0px 0px; }

.media_right {
	float:right;
	width: 200px;
	padding: 0px 0px 0px 20px; }

.paragraph {
	padding:0px 0px 20px 0px; 
	border-bottom: solid 1px #ddd; }

.quote {
	padding:0px 20px 0px 20px;
	border-left: solid 1px #ddd; }

.bullets {padding:0px 0px 8px 0px; }

.section {
	color:#eee;
	padding-left:5px;
	background-image:url(../images/section.gif);
	background-repeat:repeat-x;
	}

.sidenav {
	position: relative;
	width: 206px;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background:#efefef;
	}

.sidenav ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;}

.sidenav li {padding: 5px 10px 5px 10px;}

.sidenav a {
	color: #666;
	text-decoration: none; }
	
.sidenav a:hover {text-decoration:underline; }

.line-through {text-decoration:line-through}


.topnav a {font-size: 14px; font-weight:bold; color: #FFF; }
.topnav a:link {text-decoration: none; }
.topnav a:visited {text-decoration: none; }
.topnav a:hover {text-decoration: none; color: #CCC; }
.topnav a:active {text-decoration: none; }

.thumbnail {
	float:left;
	width:72px;
	height:72px;
	padding: 0px 20px 20px 0px; }	
	
#topnav {
	position:relative;
	width:850px;
	height:10px;
	margin-left:auto;
	margin-right:auto;
	background:#26281E; }

#header {
	position:relative;
	width:850px;
	height:100px;
	text-align:right;
	vertical-align:bottom;
	margin-left:auto;
	margin-right:auto; }

#header ul {list-style-type: inline; margin: 0px; padding: 0px; }
#header ul li {display: inline;}
#header ul li a { text-decoration: none; padding: 20px 0px 0px 10px; color:#333; }
#header ul li a:hover {text-decoration:underline;}

#navbar {
	position:relative;
	width: 850px;
	height: auto;
	padding: 10px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}

#navbar ul {list-style-type: inline; 
margin: 0px; padding: 0px; }

#navbar ul li {display: inline; }

#navbar ul li a {text-decoration: none; 
padding: 10px 16px 10px 16px; 
color:#eee; 
border-left:solid 1px #5b7954; 
border-right:solid 1px #42573c;}

#navbar ul li a:hover {background:#42573c }

#content {
	position:relative;
	width:850px;
	min-height:600px;
	overflow:hidden;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	border-left:#ddd solid 1px;
	border-right:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
	box-shadow: 0px 1px 3px #ddd;
	-moz-box-shadow: 0px 1px 3px #ddd;
	-webkit-box-shadow: 0px 1px 3px #ddd;	
	}

#index1 {
	position:relative;
	float:left;
	width:580px;
	height:auto;
	padding: 20px 0px 0px 20px;
	background:#fff; }

#index2 {
	position:relative;
	width:210px;
	height:auto;
	padding: 5px 0px 0px 20px;
	float:left;
	background:#fff; }

#column1 {
	position:relative;
	width:210px;
	height:auto;
	padding:20px 0px 20px 20px;
	left:auto;
	float:left; }

#column2 {
	position:relative;
	width:580px;
	height:auto;
	padding:10px 20px 20px 20px;
	float:left;
	background:#fff; }
	
#footer {
	position:relative;
	width:850px;
	height:auto;
	padding:10px 0px 20px 0px;
	text-align:left;
	margin-left:auto;
	margin-right:auto; }
	
.footer_container {
	position:relative;
	float:none;
	width:850px;
	height:200px;
	}

.footer_column {
	position:relative;
	float:left;
	width:120px;
	height:auto;
	}

.footer_column ul {
	list-style-type: inline;
	margin: 0px;
	padding: 0px 0px 40px 0px; }

.footer_column li {
	position:relative;
	float:left;
	display:inline;
	margin-right: 20px;
	margin-bottom:6px;
	}

#footer ul li a {
	text-decoration: none; 
	color:#555; }

#footer ul li a:hover {text-decoration:underline;}

.copyright {
	position:relative;
	float:left;
	width:850px;
	padding: 20px 0px 20px 0px
	}

.copyright a {
	text-decoration: none; 
	color:#555; }

.copyright a:hover {text-decoration:underline;}

.right {
	position:relative;
	float: right;	
	text-align:right;}
	
#right a {color:#555;}

#right a:hover {text-decoration:underline}

#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:580;
    height:360px;
    overflow:hidden;
	border: solid 1px #ddd;
	}
	
#slide-images li{
    position:absolute;
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
	}

#slide-images li img{display:block; }

/* Copyright 2010 Andy McClellan. All rights reserved. */