html,body {
  font-family: courier new, monospace;
  height:100%;
  min-width:1024px;
  font-size:small;
  background-color:#E9E7E0; 
  margin: 0;
  padding: 0;
  border: 0;
  color:#000;
  text-align:center;
}

#container 
{
  position:relative; /* needed for footer positioning*/
/*  margin-right:2%;
  margin-left:2%;*/
  margin:auto;
  width:96%;
  max-width:1150px;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
}

#header 
{
  width:100%;
  padding: 0;
  margin: 0;
  padding-top: 0.3em;
}

#title
{
  min-width:900px;
  font-family: Times new,serif;
  font-family: garamond,Times new, serif;
  font-size:210%;
  color:#555;
  text-align:left;
}

#title a
{
  text-decoration:none; 
  color:#444;
}

#h-menu
{
  margin-top: 0.5em;
  font-size:110%;
}

#h-menu ul
{
  margin: 0em;
  padding: 0em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  border-top: 2px solid #888;
  border-bottom: 2px solid #888;
  color: #555;
  text-align:left;
}

#h-menu ul li
{
  margin: 0em;
  list-style-type:none;
  padding-right:0.1em;
  padding-left:0.1em;
  display:inline;
}

#h-menu ul li a:visited, ul li a:link
{
  text-decoration:none; 
  color:#C79163;
  color:#B78150;
}

#h-menu li a:hover {background-color:#E5DDBB;}

#content 
{
  position:relative;
  padding-bottom:4em; /* bottom padding for footer */
  padding-top:3%;
  margin:0 auto;    /* center, not in IE5 */
  width:100%;
  height:100%;
  text-align:center;
}

#legend
{
  width:90%;
  margin-left:5%;
  margin-right:5%;
  padding-top:0.5em;
  color:#000;
  text-align:left;
  font-weight:bold;
}

.bold
{
  font-weight:bold;
  font-size:1em;
}

.text
{
  font-size:90%;
  color:#111;
}

.photo 
{
  vertical-align: middle;
  width: 90%;
  margin:auto;
  border:1px solid #333;
}


#footer 
{
  position:absolute;
  width:100%;
  font-size:90%;
  bottom:0; /* stick to bottom */
  left:0;
  padding:0.2em;
  border-top:2px double #888;
  color: #666;
}

#footer a
{
  text-decoration:none; 
  color:#B78150;
}

#footer a:hover {background-color:#E5DDBB;}


.left
{
  text-align:left;
}

.center
{
  text-align:center;
}

.right
{
  text-align:right;
}

#tag_cloud a
{ /* id for tag cloud */
  display:block;
}

#tag_cloud a:link, a:visited
{ 
  text-decoration:none; 
}


#v-menu
{
  position:absolute;
  text-align:left;
  left:-15em;
  width:12em;
  text-height:1.5em;
}


#v-menu a:hover {background-color:#E5DDBB;}

#v-menu a:link, a:visited
{ 
  text-decoration:none; 
  color:#B78150;
}

#v-menu ul
{
  padding:0;
  margin:0;
  margin-top:1em;
}

#v-menu ul li
{
  list-style-type:none;
}

#browse 
{
  position:relative;
  padding:1em; /* bottom padding for footer */
  margin-left:15em;
  margin-top:1em;
  height:100%;
  text-align:left;
  border-left:2px double #888;
}

.separator 
{
  text-align:left;
  padding-bottom:0.5em;
  padding-top:0.5em;
  color:#333;
  font-seize:110%;
  font-weight:bold;
}
.thumbnails  
{
  margin:1em;
  border:1px solid #333;
}

.thumbnails a:link
{
  text-decoration:none; 
  color:#333;
}

.thumbnails a:visited
{
  text-decoration:none; 
  color:#333;
}

.thumbnails a:hover
{
 border:1px solid #E5DDBB;
}

#about 
{
  position:relative;
  padding:1em;
  padding-top:1em;
  height:100%;
  width:auto;
  text-align:justify;
  color:#000;
}

#about a
{ 
  text-decoration:none; 
  font-weight:bold;
  color:#000;
}

#about a:link
{ 
  text-decoration:none; 
  color:#000;
}

#about a:visited
{ 
  text-decoration:none; 
  color:#000;
}

#about a:hover
{ 
  text-decoration:none; 
  background-color:#E5DDBB;
}

.bold
{ 
  text-weight:bold; 
}

.section
{
  font-size:1.1em;
  color:#B78150;
  font-weight:bold;
  text-align:center;
  padding:0;
  margin:0;
  margin-top:1em;
}

.list
{
  line-height:140%;
}
.italic
{
  font-style:italic;
  font-weight:bold;
  text-align:left;
}

.tableleft
{
  vertical-align:top;
  text-align:justify;
  padding-right:2em;
  padding-left:0em;
  width:50%;
}

.tablecenter
{
  vertical-align:top;
  text-align:center;
  padding-right:2em;
  padding-left:0em;
  width:25%;
}

.tableright
{
  vertical-align:top;
  text-align:justify;
  padding-right:2em;
  padding-left:1em;
  width:50%;
}


.quoteleft
{
  vertical-align:top;
  text-align:justify;
  padding-right:1em;
  padding-left:0em;
  width:50%;
}

.quoteleft li
{
  padding-bottom:0.8em;
  font-weight:bold;
}

.quoteright
{
  vertical-align:top;
  text-align:justify;
  padding-right:1em;
  padding-left:0em;
  width:50%;
}

.quoteright li
{
  padding-bottom:0.8em;
  font-weight:bold;
}

#comment-top {
    background-color:#E9E7E0; 
    text-align:left;
	font-weight:bold;
	margin-top:-1em;
    padding-bottom:1em;
	border-bottom:2px solid #888;
	}  

#comment-top a:link, a:visited
{ 
  text-decoration:none; 
  color:#B78150;
}	

#comments {
    margin:0 auto;
	font-weight:bold;
	padding-bottom:1em;
	text-align:left;
    border-bottom:2px solid #888;
	color:#111;
	}
	
#comments ul {
	list-style-type:none;
	margin:0px;
	padding:1.5em;
    padding-bottom:0;
	}
	
#comments li {
	display:block;
	margin:0px;
	margin-bottom:1em;
	text-decoration:none;
	padding:1em;
	border:1px solid #888;
	background:#f5f5f5;
	}
	
#comments li a {
	text-decoration:none;
	}
	
#comment-middle {
    font-weight:bold;
    background:#E9E7E0;
	padding:1em;
	} 

#addcomment {
    font-weight:bold;
    width:95%;
	font-weight:bold;
	text-align:left;
	padding:1em;
	margin:0px auto;
	border:1px solid #eee;
	background:#D9D7D0;
	}

.input {
    width:45%;
	border:1px solid #bbb;
	background-color:#fafafa;
	color:#222;
	padding:5px;
    }
	
#addcomment textarea {
    font-weight:bold;
	width:90%;
	height:50px;
	border:1px solid #bbb;
	background-color:#fafafa;
	color:#222;
	padding:5px;
	}

.comment-button {
    background:#fff;
	border:1px solid #888;
	color:#222;
	border-bottom:2px solid #777;
	border-right:2px solid #777;
	}