/* Global Style */
body{
margin:0;
padding:0;
font:95% "Georgia","Times New Roman",times,serif;
background:#CCBBAA;
color:#030303;
}

p {
margin:0;
padding:5px;
font-size:95%;
line-height:1.5em;
text-align:left;
}

blockquote {
margin:30;
padding:5px;
font-size:95%;
line-height:1.3em;
text-align:left;
}

ul {
margin-top:0;
color:#000;
}
li {
line-height:1.4em;
}

a:link {color: #0000ff; text-decoration: none}
a:visited {color: #0000ff; text-decoration: none}
a:hover {color: #8fbc8f;text-decoration: none}

/* Structure and minor style */
#wrap{
position:relative;
margin:0 auto;
padding:0;
width:765px;
border:0;
background:#f2ebc8;
color:#333;
}
#top {
margin:0;
padding:0;
width:100%;
height:120px;
background:#f2ebc8;
border-bottom:1px dashed #808080;
color:#000;
}

#logo {
margin:0;
padding:0;
background:transparent url(your_logo.jpg) no-repeat top left;
width:270px;
height:100px;
color:inherit;
}
#top h1 {
margin:-50px 0 0 290px;
padding:0;
font-size:120%;
}
#main {
margin:0;
padding:0 15px;
width:500px;
float:left;
border-right:1px dashed #808080;
background:#f2ebc8;
color:#333;
}

#main h1{
font-family: Arial, Sans-serif;
font-size: 150%;
font-weight: 700;
color: #008000;
padding-left: 3px;

}

#main h2{
font-family: Arial, Sans-serif;
font-size: 100%;
font-weight: 600;
color: #db7093;
padding-left: 3px;
}

#references {
font-size:75%;
line-height:1.0em;
text-align:left;
}

#references ul {
margin-left:10px;
padding:0;
}

#references li {
list-style-type:decimal;
}

#right {
margin:0;
padding:0 15px;
width:200px;
float:right;
background:#f2ebc8;
color:inherit;
}

#right p{
font-family: Arial, Sans-serif;
font-size: 100%;
font-weight: 600;
color: #db7093;
padding-left: 3px;
}

#right ul {
margin-left:10px;
padding:0;
}

#right li {
list-style-type:none;
font-size: 85%;
}

#rightphotos p {
font-family: "Georgia","Times New Roman",times,serif;
font-size: 75%;
font-weight: 100;
color: #030303;
padding-left: 3px;
}


#bot {
margin:0;
padding:20px 0 10px 20px;
clear:both;
height:50px;
font-size: 60%;
background:#8fbc8f;
text-align:left;
}

.divider {
padding:10px;
text-align:center;
}

.birthdeath{
font-family: Arial, Sans-serif;
font-size: 90%;
font-weight: 500;
color: #008000;
padding-left: 3px;
}

.dropcap
{
padding:0 10px 2px 0;
float: left;
width: .7em;
font-size: 4em;
line-height: 83%;
}

.photocaption
{
font-size: 70%;
color: #000000;
}

.floatleft
{
float: left;
margin: 0 10px 5px 0;
}


<!-- Code for navigation bar    
--> 
ul#navlist
{
padding: 10px 10px;
margin: 5px 5px;
list-style-type: none;
float: center;
width: 90%;
background-color: #f2ebc8;
}

ul#navlist li { display: inline; }

ul#navlist li a
{
font-family: "Georgia","Times New Roman",times,serif;
font-size: 18px;
font-weight: 200;
font-style: normal;
text-decoration: none;
font-variant: normal;
float: center;
color: #0000ff;
background-color: #f2ebc8;
text-decoration: none;
text-align: center;

}

ul#navlist li a:hover
{
background-color: #f2ebc8;
color: #8fbc8f;
}
<!-- End of code for navigation bar  -->
</style>

<!--[if lte IE 6]>
use for an alternate style sheet geared for IE fixes
<![endif]-->