body {
  background-color: #ffc;
  font-family: trebuchet ms, arial, verdana, "sans serif";
  text-align: center;

}

div {
  text-align: left;
}

#page
{
  font-size: small;
  border-width: 10px;
  border-style: double;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding-left: 40px;
  padding-right: 40px;
  width: 800px;
  padding-top: 20px;
}

#logo
{
  float: right; 
  margin-left: 20px;
}

#photo
{
  border-width: thin;
  border-style: none;
}

#content
{

  padding: 20px;
  border-width: thin;
  border-style: none;
  margin-left: 300px;
  min-height: 340px;
  padding-bottom: 0px;
  background-color: white;
}

#left-pane
{
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
}

#right-pane
{
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: right;
}

div.message
{ 
  font-size: small;
  font-weight: bold;
  width: 240px;
}

#email
{ 
  margin-top: 0px;
  margin-left: 20px;
  border-style: none;
  font-size: small;
  
}

#address
{
  margin-top: 0px;
  text-align: right;
  float: right;
  border-style: none;
  font-size: small;
}

#nav
{
border-top: 1px solid #bcbeb6;
font-size: medium;
font-variant: small-caps;
height: 26px;
}

#nav ul
{

padding: auto;
display: inline;
}

#nav li
{
font-family: verdana, arial, "sans serif";
display: inline;
list-style-type: none;
}

#nav a {text-decoration:none;}

#nav a
{
float: left;
font-weight: bold;
color:black;
border-right:1px solid #ccc;
padding: 2px 9px 4px 9px;
background-color: white;
}

#nav a:hover
{border-bottom: 2px solid #f00;
background-color:#eee;
color: #000;
}

#youarehere a
{
border-bottom: 2px solid #f00;
}

#footer
{
width: 100%;
font-size: x-small;
padding-top: 30px;
padding-bottom: 4px;
padding-right: 4px;
text-align: right;
}
