body {
	background-color: #4A4237;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
* {
	margin: 0px;
	padding: 0px;
}
html {height:100%; margin-bottom:1px;} /* Forces vertical scroll bar to be visible */

/* This adds the drop shadow background effect for the page */
#container 
{
	background-position:center;
	background-repeat: repeat-y;
	background-image:url(images/bg.gif);
}

/* This adds the background for the page content makign it look like 2 columns */
#wrapper {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/column.jpg);
	background-repeat: repeat-y;
	text-align: left;
	background-color: #FFFFFF;
}

/* This is the wrapper div to be used with 1 column pages */
#wrapper_1col{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	text-align: left;
	background-color: #FFFFFF;
}

/* This is for the header which appears above the JPG header - usually containign he company name or logo
I opted to leave this out of this design. */
#logo 
{
	background-image: url(images/logo.jpg);
	background-repeat: repeat-x;
	height: 130px;
	width: 700px;
}

/* This is the big JPG header at the top of the page */
#mainphoto
{
	background-image: url(images/main_photo.jpg);
	height: 248px;
	width: 700px;
}

/* This is the style for the nav bar */
#nav
{
	background-color: #775d42;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	text-transform: capitalize;
}
#navlist a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bolder;
}
#navlist a:hover {
	color: #AF9981;
}

/* Sets padding for the table cells of a table usign the gallery class */
.gallery td
{
	padding: 5px 15px 5px 15px;
}

/* this adds the drop shadow under the nav bar for the 2 Column Pages*/
#shadow {
	height: 17px;
	width: 700px;
	background-image: url(images/shadow.png);
	background-repeat: no-repeat;
}

/* this adds the drop shadow under the nav bar for the 1 Column Pages*/
#shadow_1col {
	height: 17px;
	width: 700px;
	background-image: url(images/shadow_1col.png);
	background-repeat:repeat-x;
}

/* Style for column 1 of the content in a 2 column page */
#col1
{
	float: left;
	width: 500px;
}

/* Style for the content in column 1 in a 2 column page */
#col1content {
	padding: 0px 15px 15px;
	
}

/* Style for a <P> in column 1 of the content in a 2 column page */
#col1content p {
	margin-bottom: 10px;
	color: #666666;
	font-size: 12px;
	line-height: 140%;
	text-align: justify;
}

#col1content li {
	margin-bottom: 10px;
	margin-left: 15px;
	color: #444444;
	font-size: 12px;
	line-height: 140%;
}

#col1content blockquote
{
	color: #666666;
	font-size: 12px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:15px;
	font-style: italic;
}
/* Style for the container for body content in a 1 column page */
#body_1col {
	float: left;
	width: 700px;
}

/* Style for the actual body content in a 1 column page */
#bodycontent_1col {
	padding: 0px 15px 15px;
	
}

/* Style for a <P> tag in the actual body content in a 1 column page */
#bodycontent_1col p {
	margin-bottom: 10px;
	color: #666666;
	font-size: 12px;
	line-height: 140%;
	text-align: justify;
}


#col2 {
	float: left;
	width: 200px;
}

#footer {
	clear: both;
	height: 20px;
	width: 700px;
	background-image: url(images/footer.jpg);
}
#col2content {
	padding: 5px 15px 15px 15px;
	text-align: center;
}

#col2content p
{
	padding-bottom: 10px;
}

#col2content h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #78442C;
	margin-bottom: 15px;
	margin-top: 5px;
}

.imageborder /* This puts the "snapshot" border around images using the imageborder class */
{
	padding: 5px;
	border: 1px solid #3A4A14;
	background-color:#FEEDC7;
}

.imageborder_1px /* This puts the "snapshot" border around images using the imageborder class */
{
	border: 1px solid #3A4A14;
}

td a:hover .imageborder  /* This adds a rollover effect to any photo using the imageborder inside a td */
{
	background-color: #660000;
	border: 1px solid #775d42;
}

.subhead {
	font-size: 11px;
	color: #78442C;
	margin-top: 5px;
	margin-bottom: 5px;
}
.sidebar {
	margin-bottom: 10px;
	color: #666666;
	font-size: 10px;
	line-height: 140%;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #DAD6CF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #B4AA9E;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#666666;
	padding-bottom: 10px;
	padding-top: 5px;	
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	padding-bottom: 10px;
	padding-top: 5px;	
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-bottom: 10px;
	padding-top: 5px;	
}
#footer p {
	color: #EEEBE8;
	font-size: 9px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 15px;
}
a:link {
	color:#0059b4;
	text-decoration: none;
}
a:visited {
	color:#0059b4;
	text-decoration: none;
}
a:hover {
	color:#0059b4;
	text-decoration: underline;
}
a:active { color:#0059b4;}

fieldset 
{
	padding: 10px;
	border: 1px solid #660000;

}

legend
{
	padding: 2px 6px;
	background-color: #FEEDC7;
	border: 1px solid #660000;
	font-weight:bold;
}

input.submit
{
	float:right;
	background-color: #FEEDC7;
	border: 1px solid #660000;
	margin-top:10px;
}

label {
	font-size: 12px;
	font-weight:bold;
}