@charset "UTF-8";

/*
-----------------------------------------------
Screen Stylesheet

Author: Delwin Holeman delwin@idwebandprint.com
Version: 2008.08
----------------------------------------------- */

* {
	margin: 0; /* it's good practice to zero the margin and padding of all the elements to account for differing browser defaults */
	padding: 0;
	}

body  {
	margin: 0 auto;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
	}
	
#wrapper {
	background: #695a41 url(/images/bg.jpg) top center no-repeat;
	}
	
#guestbook #wrapper, #book #wrapper, #gallery #wrapper {
	background: #fff url(/images/bg_book.jpg) top center no-repeat;
	}

#header {                                                                                             
	margin: 0 auto;
	width: 890px;
	}
	
#header #logo {
	float: left;
	}
	
#header #logo a {
	float: left;
	text-indent:-9999px;
	display: block;
	margin: 45px 0 0 30px;
	width: 395px;
	height: 95px;
	overflow: hidden;
	}

	
/*
LINKS --------------------- */


a img {
	border: none;
	}
	
a {
	color: #3753fc;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}
	
	
/* 
NAVIGATION --------------------- */

.skiplink {
	display: none;
	}

#navMain {
	float: left;
	width: 890px;
	height: 25px;
	margin: 180px 0 0 0;
	}

#navMain ul {
	float: left;
	padding: 9px 0 0 40px;
	list-style: none;
	height: 30px;
	font: bold 15px courier, 'Times New Roman', serif;
	text-transform: uppercase;
	}
	
#navMain ul li {
	float: left;
	display: inline;
	margin: 0;
	}
	
#home 	   			li#n-home a:link, 				#home li#n-home a:active, 							#home li#n-home a:visited,
#maps   			li#n-maps a:link,				#maps li#n-maps a:active,							#maps li#n-maps a:visited,
#photos   			li#n-photos a:link,				#photos li#n-photos a:active,						#photos li#n-photos a:visited,
#book   				li#n-book a:link,					#book li#n-book a:active,							#book li#n-book a:visited,
#about   			li#n-about a:link,				#about li#n-about a:active,							#about li#n-about a:visited,
#organizations   	li#n-organizations a:link,		#organizations li#n-organizations a:active,	#organizations li#n-organizations a:visited,
#guestbook   		li#n-guestbook a:link,			#guestbook li#n-guestbook a:active,				#guestbook li#n-guestbook a:visited
	{
	color: #000;
	}

#navMain a:link, #navMain a:active, #navMain a:visited {
	display: block;
	float: left;
	padding: 4px 15px 4px 15px;
	color: #52542a;
	text-decoration: none;
	}
	
#navMain a:hover {
	color: #000;
	}
	
#navMain li#n-home a {
	padding-left: 0;
	}
	
/*
CONTENT AND COLUMNS --------------------- */

#content { 
	width: 890px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	} 
	
body.ms #mainContent, 
body.sm #mainContent {
	width: 500px;
	}
	
body#guestbook #mainContent {
	width: 810px;
	}
	
body.ms #sidebar,
body.sm #sidebar {
	display: block;
	width: 310px;
	}
	
body.ms #mainContent,
body.sm #sidebar {
	float: left;
	}
	
body.sm #mainContent,
body.ms #sidebar {
	float: right;
	}
	
#mainContent {
	text-align: left;
	margin: 49px 0 0 40px;
	}
	
div#sidebar {
	display: none;
	padding: 65px 0 0 0;
	}	
	
p {	
	margin: 0 35px 15px 0;
	font-size: 13px;
	line-height: 1.7em;
	color: #000;
	}
	
#mainContent p.largeText {
	padding: 15px 25px 15px 0;
	margin: 0;
	font-size: 16px;
	line-height: 1.5em;
	color: #52542a;
	}
	
p.center {
	text-align: center;
	}
	
p.subnav {
	margin: 0 0 25px 0;
	}
	
p.adminlink {
	font-size: 10px;
	}
	
#sidebar p {	
	line-height: 1.5em;
	}
	
.caption {
	font-size: 10px;
	text-align: center;
	}
	
sup {
	font-size: 45%;
	}
	
blockquote {
	margin: 0 35px 15px 20px;
	font-size: 13px;
	font-style: italic;
	line-height: 1.7em;
	color: #000;
	}
	
#flashcontent {
	float: left;
	height: 620px;
	width: 850px;
	}
	
	
/*
HEADING TAGS --------------------- */
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: courier, 'Times New Roman', serif;
	color: #52542a;
	}

h1 {
	margin: 0 35px 0 0;
	padding: 0;
	width: 450px;
	font-weight: bold;
	font-size: 1.7em;
	}
	
h2 {
	clear: left;
	margin: 23px 25px 15px 0;
	padding: 23px 0 0 0;
	font-size: 1.4em;
	border-top: 1px dotted #000;
	}
	
h3 {
	padding: 15px 0 12px 0;
	margin: 0 0 0 0;
	font-size: 1.6em;
	}
	
#sidebar h3 {
	padding: 5px 20px 12px 0;
	margin: 0 0 0 0;
	font-size: 1.6em;
	}

h4 {
	margin: 17px 0 5px 0;
	font-size: 1.2em;
	text-transform: uppercase;
	}
	
#sidebar h4 {
	margin: 0;
	font-size: 1.0em;
	text-transform: uppercase;
	}
	
h5 {
	margin: 15px 30px 15px 0;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	line-height: 1.4em;
	}
		
h6 {
	font-family: verdana, arial, sans-serif;
	margin: -8px 0 15px 0;
	font-size: .65em;
	color: #777;
	text-transform: uppercase;
	}
	
.subheading {
	margin: 3px 0 0 0;
	font-size: 12px;
	font-family: Georgia, Times, serif;
	text-transform: uppercase;
	}
	
hr {
	margin: 30px 0 30px 0;
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #333; 
	border-style: none none dotted; 
	}
	
ul {
	padding: 16px 0 20px 20px;
	font-size: .80em;
	list-style: none;
	}
	
ul li {
	padding: 0 0 18px 0;
	}
	
ul.bullet {
	margin: 0 15px 15px 20px;
	list-style: none;
	font-size: .85em;
	}
	
ul.bullet li {
	padding: 0 0 6px 15px;
	background: url(/images/bullet.gif) no-repeat 0 5px;
	}
	
ul.twoColumn {
  	float: left;
	margin: 0 0 15px 20px;
  	width: 480px;
	list-style: disc;
	}
	
ul li.twoColumn {
  	float: left;
	list-style: disc;
	width: 230px;
	}

ol {
	margin: 0 30px 15px 70px;
	font-size: .9em;
	line-height: 1.6em;
	}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 5px 35px 18px 15px;
	}

.fltlt { /* this class can be used to float an element left in your page */
	float: left;
	margin: 5px 25px 18px 15px;
	}
	
#sidebar .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 5px 35px 18px 0;
	}
	

/*
TABLES--------------------- */


/* sortable table alternating row colors. styles below are for td's that have another class applied which makes the automatic class application not work. See the body onload for the automatic colors */
	

 .even {
 	background-color: #efefef;
	}
	
.odd {
	background-color: #fff;
	} 

/*
FOOTER --------------------- */

	
#footer { 
	clear: both;
	margin: 0 auto;
	height: 156px;
	background: #fff url(/images/bg_footer.jpg) top center no-repeat;
	} 
	
#copyright {
	width: 860px; 
	margin: 0 auto;
	}

#copyright p {
	margin: 130px 0 0 0; 
	padding: 5px 25px 5px 25px; 
	font-size: 9px;
	color: #52542a;
	background: #fff;
	text-transform: uppercase;
	}
	
#copyright a {
	color: #52542a;
	text-decoration: none;
	}
	
#copyright a:hover {
	text-decoration: underline;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}