* {
	margin: 0;
	padding: 0;
}

.clearboth {
	clear: both;
}

a:link,
a:visited,
a:active {
	color: #95a7ca;
	text-decoration: underline;
}
a:hover {
	color: #c4d0e8;
	text-decoration: underline;
}
a img {
	border: none;
}

.spaceabove {
	margin-top: 20px;
}


body {
/* background: #fff url(../images/page-bg.gif) repeat-y center; */

	background-color: #00234b;
	font: normal normal normal 15px/1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
 	color: #fff;
/*	color: #00234b; */
}

#mastercontainer {
	width: 800px;
	margin: 0 auto;
}



#header {
	width: 800px;
	height: 120px;
	background: #002f65 url(../images/header-bg.gif) repeat-x;
	overflow: hidden;
}
#header img#logo {
	margin: 10px 0 0 20px;
}


#postcard {
	background-color: #002f65;
	width: 800px;
	height: 280px;
}


#nav {
	width: 800px;
	padding-top: 10px;
	background: #002f65 url(../images/nav-bg.gif) repeat-x;		
}

#nav ul {
	list-style-type: none;
	border-bottom: 1px solid #195395;
	padding: 10px 1em;
}
#nav li
{
	list-style: none;
	margin: 0;
	display: inline;
	font: bold 0.90em "helvetica", "Arial", sans-serif;
}

#nav li a
{
	padding: 10px 1em;
	margin-left: 8px;
	border: 1px solid #195395;
	border-bottom: none;
	background: #002f65;
	text-decoration: none;
}

#nav li a:link { color: #fff; }
#nav li a:visited { color: #fff; }

#nav li a:hover
{
	color: #fff;
	background: #00234b;
}

#nav li a#selected
{
	background-color: #00234b;
	border-bottom: 2px solid #00234b;
}



#content {
	padding: 20px 0;
	width: 800px;
	background-color: #00234b;
}
#content p {
	color: #fff;
	margin-bottom: 10px;
	font: 0.90em/1.5em "Helvetica", Arial, sans-serif;
}
#content img.portrait {
	clear: left;
	float: left;
	margin: 0 10px 4px 0;
	border: 3px solid #1d7be5;
}
#content div.person {
	margin: 20px 0;
}
#content ul {
	list-style-type: disc;
	list-style: disc inside;
}
#content ul li {
	font: 0.90em/1.5em "Helvetica", Arial, sans-serif;
}
#content div.quote {
	padding: 10px 20px;
	background-color: #1f5ba0;
	margin-bottom: 20px;
}
#content div.quote p {
	font-family: "Georgia", "Times New Roman", serif;
	margin-bottom: 10px;
}
#content div.quote p.orangetext {
	color: #fcb647;
	font-size: 1.2em;	
}

#primary {
	float: left;
	width: 560px;
}
#primary-wide {
	width: 800px;
}
#primary h1,
#primary-wide h1 {
	font: bold 1.25em/2em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-decoration: underline;
	color: #89c0ff;
}
#primary h2,
#primary-wide h2 {
	font: bold 1.05em/1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	color: #1d7be5;
}
#primary h3,
#primary-wide h3 {
	font: bold 1em/1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	color: #fcb647;
	margin-bottom: 10px;	
}

#secondary {
	margin-left: 575px;
	width: 200px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 10px;
	background-color: #0d396c;
}
#secondary p {
	color: #fff;
	margin-bottom: 10px;
	font: 0.85em/1.4em "Helvetica", Arial, sans-serif;	
}
#secondary h1 {
	font: bold 1em/1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 10px;
	color: #fff;
}
#secondary h2 {
	font: bold 0.90em/1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 10px;
}



#footer {
	padding: 20px 0;
	width: 800px;
	background: #00234b url(../images/footer-bg.gif) repeat-x;	
}

#footer p {
	margin: 0px auto;
	margin-bottom: 10px;
	padding: 0 20px;
	font: 0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #fff;
}

/* cycle */
.slideshow { width: 800px; min-height: 280px; overflow: hidden; background: #FFF url('../postcard-gravel-bg.jpg');}
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
.slideshow h2 { width: 250px; margin-left: 500px; margin-top: 30px; text-align: right; color: #fff;
		font: bold 80% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
	}
.slideshow h2 span.quoter {	
		font: normal 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}