/* CSS Document */

* {margin: 0; padding: 0}
body {background: #C9DBE6; font-family: "Georgia", "Times New Roman", "serif";}
* html body {text-align: center;}/*so IE6 will center the divs*/
#outerwrapper {
	width: 780px; 
	margin: 0 auto; 
	text-align: left;
}
#innerwrapper {
	width: 780px; 
	background-color: #fff; 
}

#header {
	background: url(../images/header.jpg) no-repeat; 
	height: 90px;
}
#nav {
	background-color: #4d87ad; 
	color: #fff; 
	font-weight: bold; 
	font-size: .8em;
}
#nav ul {
	list-style: none; 
	padding: 4px; 
	margin-left: 8px;
}
#nav li {
	display: inline;
}
#nav ul li a {
	color: #fff; 
	text-decoration: none; 
	padding: 0 4px;
	border-right: solid 1px #fff;
}
#nav ul li a:hover {
	color: #c9dbe6;
}
#nav ul li a.current {
	color: #000;
	}
#nav ul li a.navlast {
	border-right: none;
}
#mainphoto {
	background: url(../images/main_photo.jpg) no-repeat; 
	height: 509px;
}
#contentarea {padding: 0;}
#contentarea h1 {margin: 1em 0 .5em 20px; color: #4d87ad; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 130%;}
#contentarea h2 {margin: 1em 0 .5em 20px; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 110%;}
#contentarea p {margin: 1em 20px .5em 20px;}
#contentarea ul, dl {margin: 0 1em .75em 50px;}
#contentarea a {color: #4d87ad; text-decoration: none;}

/*Styles for the Gallery pages*/
div.thumbnail {width: 120px; height: 150px; float: left; padding: 0; font-family: "Arial" "Helvetica", "sans-serif"; font-size: .75em;}
div.thumbnail dl {width: 100px;}
div.thumbnail dt {}
div.thumbnail dd {}
div.thumbnail dt img {border: solid 1px black;}
div.thumbnail dt img:hover {border: solid 2px black;}
.galleryindexpage {float: left; width: 360px; margin-left: 20px;}
#gallerynav {text-align: right; font-family: "Arial" "Helvetica", "sans-serif"; color: #4d87ad; 
	font-size: .8em; margin: 2em 54px .5em 0; padding: 0 0 20px 0;}
span.border {border-top: solid 2px #4d87ad;}/*border above the gallery nav*/
span.on {color: #000;}

/*Styles for a picture bar at right of page*/
#picturebar {float: right; width: 330px;}
#picturebar img {border: solid 2px #4d87ad; margin: 10px;}

/*Styles for the footer*/
#footer {text-align: right; font-size: .7em; color: #4D87AD; margin: .25em 0 1em 0;}
#footer a {color: #4D87AD; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/*Global classes*/
.clearing {clear: both; margin-top: 10px;}
.hidden {visibility: hidden;}
.pic-left {float: left; margin: 0 10px 10px 10px;}
.pic-right {float: right; margin: 0 10px 10px 16px;}
.smalltext {font-size: .75em; color: #4d87ad;}