body {
font-family: garamond, Arial, Helvetica, sans-serif;
font-size:medium;
margin:0;
padding:0;
}

a {
color:navy;
}

#container {
width:100%;
background-color:#fff;
color:#333;
line-height:130%;
}

#top {
height:150px;
}

#top img {
float:left;
padding:5px;
}

#top h1 {
position:absolute;
left:160px;
top:100px;
font-family:Garamond;
font-style:italic;
font-weight:400;
font-size:xx-large;
color:navy;
margin:0;
padding:0;
}

#leftnav {
float:left;
width:160px;
padding-left:5px;
margin:0;
}

#content {
margin-left:165px;
max-width:45em;
padding:1em;
}

#footer {
clear:both;
color:#333;
background-color:#ddd;
border-top:1px solid gray;
margin:0;
padding:.5em;
}

#leftnav p {
margin:0 0 1em;
}

#content h2 {
font-family:Garamond;
font-style:italic;
font-weight:400;
font-size:x-large;
color:navy;
margin:0 0 .5em;
}

#navcontainer ul {
margin-left:0;
padding-left:0;
list-style-type:none;
}

#navcontainer a {
display:block;
width:136px;
background-color:navy;
border-bottom:1px solid #eee;
text-align:center;
font-size:14px;
font-weight: 700;
padding:3px;
}

#navcontainer a:link,#navlist a:visited {
color:#EEE;
text-decoration:none;
}

#navcontainer a:hover {
background-color:#369;
color:#fff;
}