@import url('layout.css');
body {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url('../images/light grey background.jpg');
	color: #333333;
	text-align: center; /* Centers the container */;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

#wrapper {
	border-right: thin #800000 solid;
	border-left: thin #800000 solid;
	width: 85%; /* 780px is just wide enough to fill and 800px screen 85% is adjustable */;
	margin: 0px auto 0px auto;
/* It's important to set the margin to auto if you want the layout to center */	background: #fff;
	text-align: left;
	max-width: 1080px;
	min-width: 760px;
}



#header {
	background: #FFFFFF url('../images/color%20for%20header.jpg');
	text-align: center;
	margin-top: 15px;
}

				#header h1 {
	font: 40px Calligrapher;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
				#header p {
					font: small Arial, Helvetica, sans-serif;
					color: #FFFFFF;
					margin: 0px 0px 0px 0px;
					padding-bottom: 3px
}


#sidebar {
	/* This is the right column */
	text-align:center;
	margin:0px;
	border-left:silver thin solid;
	background: #FFFFFF;
	width: 160px;
	float: right; /* Sets this column to the right */;
	padding: 10px 2px 10px 2px;   /* This sets a 10px padding on all of our content boxes */
}


#navigation {
	/* This is the left column */

	float: left; /*Sets this column to the left */;
	border-right:silver thin solid;
	background: #FFFFFF;
	width: 150px;
	padding: 10px 0px 10px 2px;   /* This sets a 10px padding on all of our content boxes */
}

				#navigation img {					
					margin-left:3px;
					margin-top:8px;		
					
				}

#navbottom {
	padding: 10px 5px 10px 5px;
	border-top:thin silver solid;
}
#content {
	
	margin-left: 170px; /* Set the margin to width of navigation + some extra margin (20px) to seperate from content */;
	margin-right: 180px; /* Set the margin to width of sidebar + some extra margin (20px) to seperate from content */;
	padding: 10px;/* This sets a 10px padding on all of our content boxes */	
	font-size:100%;
	margin-top: 0px;
	
	
}
	#content_no_sidebar {/* This is for the 2 column template */
		
		margin-left: 170px; /* Set the margin to width of navigation + some extra margin (20px) to seperate from content */;
		padding: 10px;/* This sets a 10px padding on all of our content boxes */	
		font-size:100%;
		margin-top: 0px;
		margin-right:10px;
	}

#bottomclear {
	clear:both;
	
	
}
#footer {
	background: #800000;
	text-align: center;
	clear: both;
	margin-top: 0px;
	padding: 0px;
	color: #800000;
	background-image: url('../images/river rock background.jpg');
}

#footer p {
	margin:0px;
	padding:5px;
	
	}

				#footer	A:link {
	color: #800000;
	text-decoration: none;
}
					
				#footer	A:visited {
	color: #800000;
	text-decoration: none;
}
					
				#footer	A:active {
	color: #800000;
	text-decoration: none;
}
				#footer A:hover {
				color: #FF9966;
				text-decoration: none;
				}
				
	

h1 {
	color:maroon;
	font-size:150%;
}

h2 {
	color:maroon;
	font-size:120%;
}

h3 {
	color:maroon;
	font-size:110%;
}

A:link {
	color: #000080;
	text-decoration: underline;
}

A:visited {
	color: #000080;
	text-decoration: underline;
}

A:active {
	color: #000080;
	text-decoration: none;
}

A:hover {
color: #FF9966;
text-decoration: none;
}