body{
  font-family:arial,sans-serif;
  padding:0px;
  margin:0px;
  background-color:#000040;
  text-align:center;
}

div {
  text-align:left;
}

#main{
  margin: 0px auto 0px auto;
  width:750px;
  background:#FFFFDD;
}

#header{
  font-size:150%;
  padding:15px 20px;
  color:#000000;
  font-family:serif;
  font-style:italic;
  font-weight:bold;
}

#navbar{
  background:#DDDDDD;
  padding:5px 0px;
}

.navbutton{
  padding:0px 20px;
}
.navbutton a{
  text-decoration:none;
  color:#444444;
}
.navbutton a:hover{
  text-decoration:underline;
}

.active {
  font-weight:bold;
}

#navbar .active a {
  color:#222222;
}

#maintable {
  margin:0px;
}

#left {
  background:#FFFFDD;
  width:500px;
  color:#444444;
  padding:10px;
}

#right {
  background:#DDDDDD;
  width:250px;
  text-align:center;
}

#right #contact {
  font-size:100%;
  color:#222222;
  margin-left:15px;
}

#email, #map, #phone {
  text-decoration:none;
  color:#444444;
}

#email:hover, #map:hover {
  text-decoration:underline;
  color:blue;
}

#susanphoto {
  margin:0px 0px 20px 0px;
  width:220px;
  height:320px;
}


.heading {
  font-weight:bold;
  color:#222222;
  margin-bottom:0.5em;
  margin-top:0;
}

.space {
  margin-top: 1.5em;
}


#video {
  margin: 0 auto;
  padding: 0px;
  width: 400px;
  text-align: center;
}