body {
	color: #623F38;
	font-family: Arial, Helvetica, sans-serif;
	background: #EDEDD0 url(images/background.jpg) repeat;
	margin:0;
	padding:0;
	text-align:center;
	width: 100%;
}
.head {
	color: #C14129;
	font-size:14pt;
	font-weight: bold;
}
.subhead {
	color: #C14129;
	font-size: 12pt;
}
h1 {
	color: #C14129;
	font-size: x-large;
	font-weight: bold;
}

h2 {
	color: #C14129;
	font-size: medium;
	font-weight: bold;
}

h3 {
	color: #BC6E2C;
	font-size: medium;
	font-weight: bold;
}

h4 {
	color:#BC6E2C;
	font-weight: bold;
}
.fineprint {
	font-size: 9px;
}	
#header{
	position:relative;
	height:139px;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top;
	width:100%;
}
#pagewidth{ 
  	width:750px;  /* When changing this, also change div.content width */
  	text-align:left;  
  	margin-left:auto; 
  	margin-right:auto;
	background-color: #BC6E2C;
}
#maincol{
	float: left;
	display: inline;
	position: relative;
	color: #623F38;
	background-color: #EDEDD0;
	width: 584px; /* This must be changed when div.container width is changed */
	padding: 10px 10px 10px 20px;
 }
a:link { color:#C14129; text-decoration: none; }
a:active { color:#C14129; text-decoration: underline;}
a:hover { color:#C14129; text-decoration: underline;}
a:visited { color:#BC6E2C; text-decoration: none;}
a:visited:hover { color:#C14129; text-decoration: underline;}

div.sidebar {
    background-color: #BC6E2C;
	position: relative;
	float: left;
	width: 136px;
	padding: 10px 0px 10px 0px;
	font-family: "Courier New", Courier, mono;
	font-weight: bold;
}
div.sidebar ul {
	list-style-image: url(images/menubullet.gif);
}
div.sidebar ul li {
	padding: 3px 0px; /*this padding must match div.menu a*/
}
div.menu a {
	color: #EDEDD0;
	text-decoration: none;
	background-color: #BC6E2C;
	display: block;
	padding: 3px 0px;  /*this padding must match div.sidebar ul li*/
	font-weight: bold;
}
div.menu a:hover {
	color: #B9C7AE;
	text-decoration: none;
	background-color: #C14129;
	width: 80px;
}
div.menu a:active {
	color: #B9C7AE;
	text-decoration: none;
	background-color: #623F38;
	width: 80px;
}
#footerNav{
	height:12px;
	padding-top: 3px;
	clear:both;
	color: #EDEDD0;
	letter-spacing: 0.1em;
 } 
#footer{
	height:auto;
	background-color:#623F38;
	color: #EDEDD0;
	clear:both;
	padding-bottom: 3px;
	font-size: x-small;
	font-variant: small-caps;
	font-family: "Courier New", Courier, mono;
 }

a.footerNav:link { color:#EDEDD0; text-decoration: none;}
a.footerNav:active { color:#EDEDD0; text-decoration: none;}
a.footerNav:hover { color:#EDEDD0; text-decoration: none;}
a.footerNav:visited { color:#B9C7AE; text-decoration: none;}

.horiz {
	width: 80%;
	margin: 2px;
	padding: 0;
	left: 98px;
	position: relative;
	text-align: justify;
	text-decoration: none;
}

.horiz ul { margin: 0; padding: 0;}

.horiz li { display: inline; 
	margin: 0;
	padding-top: 0;
	float: left;
	margin-right: 20px;
	text-align: center;
	font-weight: bold;
	list-style: disc;
	font-size: 14px;
}

div.horiz a:hover {
	color: #B9C7AE;
	text-decoration: none;
	background-color: #C14129;
} 
div.height10 p{
	height: 10em; 
}
div.height5 p{
	height: 5em; 
}
p.imageText {
font-size: small;
margin-top: 10px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EDEDD0;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: #623F38;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}