body {
background-color: #420F0C;
    color: Black;
	font-family: Arial, Verdana, Times, sans-serif;
	font-size: 1em;
	  	}

#wrapper  {
background-color: #fff;
width:800px;
margin-left: auto;
margin-right: auto;
 }

#header {
    margin-bottom:0px;
	height: 196px;
    background-image: url(herron.jpg);
     background-position: right;
      background-repeat: no-repeat;
    border-bottom: 3px solid #420F0C;
    clear: both;
}

a {color: #75461C; text-decoration: none;}

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

#navigation {
width:170px;
font: Verdana;
float: left;
margin-left: -12px;
color: #420F0C;

}

#navigation ul{
list-style:none;
text-decoration: none;
font-size: .8em;
}

#navigation a {
padding-top:2px;
padding-bottom:2px;
}

#leftcol {
 width: 170px;
 float: left;
 }

#rightcol {
  width: 629px;
  float: left;
}

h1 {
color: #24201F;
font-size:1.2em;
margin-bottom: 18px;
margin-left: 20px;
margin-top: 28px;
}

h2 {
color: #24201F;
font-size:1em;
margin-bottom: 14px;
margin-left: 14px;
margin-top: 18px;
}

p {
  font-size: .9em;
  margin-bottom: 10px;
margin-left: 20px;
margin-top: 10px;
}

.photoleft {float:left; margin: 16px;}

.photoright {float:right; margin: 16px;}

.separator {clear: both;height: 3px;}

.clearleft { clear: left;}

.clearright { clear: right;}

#albumlist {list-style-type: none; text-align: center;   }

#albumlist li {
float: left;
margin-bottom: 10px;
 margin-right: 8px;
font: 0.8em Arial, Helvetica, sans-serif;
 }

#footer {
clear: both;
margin-top: 10px;
border-top: 1px solid #88652F ;
font-size: .75em;
color: #88652F;
text-align: center;
}
