/* CSS Document - Media="all" 

This CSS document may see somewhat unorganized to CSS experts but there
is a reason (unfortunately) for this. The XHTML pages origionally had
the same div id's for each box on each page with a class selector named
after each page. This was to allow each page to have a different
background, header, etc.. While doing things this way seemed the most
logical way to go about it; IE6 didn't agree. IE6 doesn't allow
you to use both id and class in the same div tag. This caused odd
rendering issues and a big headache trying to figure out why. I found
the following article about this issue and changed my code accordingly:

http://sonspring.com/index.php?id=102

I kept the class for the body tag (as it has no id), but added the page
name to each id attribute. Sorry if this causes some confusion, but
it's far less than what I had trying to figure out this IE issue.

-J. Gordon

P.S. Ditch IE (if you haven't already) and start using Firefox!
*/

body.index{
	background-image: url(images/backgrounds/index.jpg);
	background-repeat: repeat;
}

body.about {
	background-image: url(images/backgrounds/about.jpg);
	background-repeat: repeat;
}

body.gallery {
	background-image: url(images/backgrounds/gallery.jpg);
	background-repeat: repeat;
}

body.contact {
	background-image: url(images/backgrounds/index.jpg);
	background-repeat: repeat;
}

body.news {
	background-image: url(images/backgrounds/gallery.jpg);
	background-repeat: repeat;
}

#containerindex {
	width: 800px;
	height: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #D3C888;
}

#containerabout {
	width: 800px;
	height: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F6E8CB;
}

#containergallery {
	width: 800px;
	height: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #BBBC7A;
}

#containercontact {
	width: 800px;
	height: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #d0cb85;
}

#containernews {
	width: 800px;
	height: 90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #B9BC6D;
}

#headerindex {
	width: 100%;
	height: 175px;
	border: thin solid #000000;
	background-image: url(images/headers/header_index.jpg);
}

#headerabout {
	width: 100%;
	height: 175px;
	border: thin solid #000000;
	background-image: url(images/headers/header_about.jpg);
}

#headergallery {
	width: 100%;
	height: 175px;
	border: thin solid #000000;
	background-image: url(images/headers/header_gallery.jpg);
}

#headercontact {
	width: 100%;
	height: 175px;
	border: thin solid #000000;
	background-image: url(images/headers/header_contact.jpg);
}

#headernews {
	width: 100%;
	height: 175px;
	border: thin solid #000000;
	background-image: url(images/headers/header_news.jpg);
}

#navigationindex {
	width: 100%;
	height: 50px;
	border: thin solid #000000;
	text-align: center;
	background-image: url(images/navigation/index_background.jpg);
}

#navigationabout {
	width: 100%;
	height: 50px;
	border: thin solid #000000;
	text-align: center;
	background-image: url(images/navigation/about_background.jpg);
}

#navigationgallery {
	width: 100%;
	height: 50px;
	border: thin solid #000000;
	text-align: center;
	background-image: url(images/navigation/gallery_background.jpg);
}

#navigationcontact {
	width: 100%;
	height: 50px;
	border: thin solid #000000;
	text-align: center;
	background-image: url(images/navigation/contact_background.jpg);
}

#navigationnews {
	width: 100%;
	height: 50px;
	border: thin solid #000000;
	text-align: center;
	background-image: url(images/navigation/news_background.jpg);
}

#descriptionindex {
	width: 100%;
	height: 100px;
	border: thin solid #000000;
	background-image: url(images/descriptions/index.jpg);
}

#descriptionabout {
	width: 100%;
	height: 100px;
	border: thin solid #000000;
	background-image: url(images/descriptions/about.jpg);
}

#descriptiongallery {
	width: 100%;
	height: 100px;
	border: thin solid #000000;
	background-image: url(images/descriptions/gallery.jpg);
}

#descriptioncontact {
	width: 100%;
	height: 100px;
	border: thin solid #000000;
	background-image: url(images/descriptions/contact.jpg);
}

#descriptionnews {
	width: 100%;
	height: 100px;
	border: thin solid #000000;
	background-image: url(images/descriptions/news.jpg);
}

#contentcontainerindex {
	width: 100%;
	height: 100%;
	border: thin solid #000000;
	background-color: #757154;
}

#contentcontainerabout {
	width: 100%;
	height: 100%;
	border: thin solid #000000;
	background-color: #D0C18A;
}

#contentcontainergallery {
	width: 100%;
	height: 100%;
	border: thin solid #000000;
	background-color: #D7D7A3;
}

#contentcontainercontact {
	width: 100%;
	height: 100%;
	border: thin solid #000000;
	background-color: #746F52;
}

#contentcontainernews {
	width: 100%;
	height: 100%;
	border: thin solid #000000;
	background-color: #767350;
}

#contentindex {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #D2C785;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 10px;
}

#contentabout {
	background-color: #F6E8CB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin: 10px;
}

#contentgallery {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #BBBC7A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 10px;
}

#contentcontact {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #D0CC85;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 10px;
}

#contentnews {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	background-color: #B9BC6D;
	margin: 10px;
}

#footer {
	width: 100%;
	height: 25px;
	position: relative;
	bottom: 0%;
	padding-top: 5px;
	border: thin solid #000000;
	font-size: small;
	text-align: center;
	color: #666666;
}

#author {
	width: 800px;
	height: 20px;
	position: relative;
	padding-top: 5px;
	font-size: small;
	text-align: center;
	color: #999999;
	bottom: 0%;
	margin-right: auto;
	margin-left: auto;
}

#author a:hover {
	text-decoration: underline;
	color: #999999;
}

#author a {
	text-decoration: none;
	color: #999999;
}

span.gallery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

span.gallery_wide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

#gallery_wide {
	height: 280px;
}

p.gallery_wide2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 16px;
}

span.gallery_wide2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
	text-align: center;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}

#contact {
	margin-left: 40px;

}

#photo {
	background-image: url(images/carolyn_photo.jpg);
	background-repeat: no-repeat;
	height: 310px;
	width: 270px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	margin-top: 40px;
}