html,body{margin:0;padding:0}

body{font: 76% arial,sans-serif;text-align:center}

p{margin:0 10px 10px}

a{padding:5px; text-decoration:none; color:#000000;}

div#header{background-color:#F3F2ED;}

div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}

div#container{
text-align:left;
width:700px;
margin:0 auto;
}


div#content p{line-height:14px}

div#content {
height: auto;
width: 550px;
float: left;
}

.nav ul {
  list-style: none;
  background-color: #444;
  text-align: center;
  padding: 0 0 -100px 0;
  margin: 0 0 20px 0;
}

.nav li {
    display: inline-block;
    margin-right: -4px;
    width: 120px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }
 
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
}
 
.nav a:hover {
  background-color: #005f5f;
}
 
.nav a.active {
  background-color: #fff;
  color: #444;
}

div#sidebar{
background:#CCC8B3;
float:left;
width:150px;
}

div#footer{
background:#BFBD93;
clear:left;
width:100%
}

div#footer p{margin:0;padding:5px 335px}