/* See http://ryanfait.com/resources/footer-stick-to-bottom-of-page */
/* The negative value for the margin in .wrapper is the same number as the height of .footer and .push. 
The negative margin should always equal to the full height of the footer (including any padding or borders you may add). */

html { height: 100%;  /* For footer */ }
body {  /* Entire browser window */
	height: 100%;
	margin: 0;  padding: 0;
}
@media screen {
	body {background: #EDE6C9; }
	/* body {background: #EDE6C9 url(images/xxxxx.jpg) repeat-x left top; } */
}
@media print {
	#navbar {display:none; }
}
#entire_page {
	position: relative; top:0px; left:0px;   /* Made this DIV relative so we can position against it. */
	margin: 16px auto 5px auto; /* auto, in conjunction with the width, centers the page */
	width:870px;
	color: brown;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 135%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;  
	border: 0px dashed black;
}
#wrapper {
	position: relative; top:0px; left:0px; /* Made this DIV relative so we can position against it. */
	min-height: 100%;
	height: auto !important;	height: 100%; /* Both needed to work on IE6 */
	margin: 0 auto -42px auto;   /* Heights in "footer" and "push" must be the same as margin in "wrapper". */
}
#entire_top {
	width:100%; 
	height:120px;
	margin:0 auto 0 auto; 
	border:1px solid #aaaaaa; 
	background-color: #D7D3B0;
	background-image:url(images/banner.jpg); background-repeat:repeat;  	
}
#logo_area {
	float:left; 
	margin:10px 0 0 10px;
	/* background:url(images/logo.gif); background-repeat:no-repeat; width:400px; height:67px;  */
}
#banner {  /* The area above the nav bar - not used yet */
	width:450px;
	margin:0px 0 10px 400px;
	height: 67px;
	border: 0px solid green; 
}
#navbar {
	width:450px;
	margin:0px 0 0px 400px;
	height: 27px;
	border:1px solid #aaaaaa; 
}
#content {
	position: relative; top:0px; left:0px; /* Made this DIV relative so we can position against it. */
	clear:both;
	padding: 20px;
  border: 0px dashed red;
}
.indented_page { 
	position:relative; top:0; left: 0;
	margin:0px auto 0px auto; 
	padding: 20px 40px 20px 30px;
	background-color:#F1EBD5;
	border:1px solid #D8D3B0; 
	overflow:auto;  
}

#footer {
	width:828px;
	padding: 4px 0 0 0;  /* Had to add padding to get text vertically centered. */
	margin:0px auto 0px auto; 
	background-color:#F1EBD5;
	border:1px solid #D8D3B0; 
	color: brown;
	text-align:center;
	clear: both;  /* for multi-columns */
	font-size: 0.7em;
	height: 42px;  /* Heights in "footer" and "push" must be the same as margin in "wrapper". */
}
.push {
	height: 42px;   /* Heights in "footer" and "push" must be the same as margin in "wrapper". */
	clear: both;  /* for multi-columns */
}

.homepage_photo {
	width:250px; 	height: 300px;    
	margin:0 15px 0px 0px; 					
	border:1px solid white;
}	

#pagetitle {
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0 1em 0;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0 1em 0;
}

.oddrowcolor {
	background-color: #DDDDFF;
}
.evenrowcolor {background-color: #FFFFFF;}
.tableborder { border: 1px solid black; }

a:link, a:visited {
	color: #663300;
	text-decoration: none;  /* Remove default link underline */
	
	border-bottom-color: #B1B1B1;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a:link:hover, a:visited:hover {
	color: #FF0000;
	/* background-color: transparent; */
}

a:visited .link_on_img {
	border-bottom-style: none;
}

.link_on_img a {
	border-style: none;

}
.link_on_img a:link:hover {
	border-bottom-style: none;

}
.link_on_img a:visited:hover {
	border-bottom-style: none;
}
.link_on_img a:visited {
	border-bottom-style: none;
}

@media print {
#navbar {display:none; }
}