body {
  margin: 0 auto ;
  padding: 0 ;
  font: Verdana,Tahoma,Arial,Helvetica,sans-serif;
  background-color: #8da0a7 ;
}

a {
  text-decoration: none ;
}
a:hover {
  color:#587ec5 ;
  background-color: #ffffff ;
}

dt {
  font-weight: bold;
}


#main {
  background: #ffffff ;
  color: #303030 ;
  width: 80%;
  margin: 0 auto ;
  padding: 0 ;
}

#photo {
  margin: 0;
  text-align: center;
}
#photo img {
  border: 0;
}
    

#title {
  background: white ;
  margin: 0;
  padding: 5px 0px 5px 30px ;
  border-top: solid 1px black ;
  border-bottom: solid 1px black ;
}
#title h1 {
  font-size: 2.0em ;
  background: none ;
  margin: 0 0 0 0 ;
  padding: 0;
}
#title h2 {
  float: right ;
  text-align: right ;
  color: #a0a0a0 ;
  margin: 5px 10px 0 0 ;
  line-height: 1.2em ;
}

#navigation {
  float: left ;
  clear: left ;
  width: 150px ;
  margin: 0 0 0 0 ;
  padding: 5px ;			
}
#navigation ul {
  margin: 0 ;
  padding: 0 ;
  list-style: none ;
  line-height: 2em ;
  z-index: 999 ;
}
#navigation li {
  float: left ;
  width: 11em ;
  border-bottom: 1px solid white ;
}
#navigation a {
  color: #3300FF;
  display: block ;
  width: 11em ;
}
#navigation a:hover {
  color: #587ec5;
  background-color: white;
}



#content {
  margin:  0px 0px 0px 150px ;
  padding: 5px 0px 10px 20px ;
  background: white;
  border-left: solid 1px black ;
}

#footer {
  text-align: center;
  clear: both;   
  font-size: 0.8em ;
}