body{
      margin: 0px;
      padding: 0px;
      background-color: #0073aa;
      font-family: Verdana, Helvetica, Arial, sans-serif;
      font-size: 0.9em;
      color: #111;
}

/* IE 6 (7?) centre hack */
/* any element not specifically overwritten has text-align: left; */
body{ text-align: center; }
body *{ text-align: left; }

#main{
       margin: 0px auto;
       width: 950px;
}

#header{
         margin: 1em 2em 2.5em 2em;
}
#header.first{
         text-align: center;
}

#menu{
       padding: 2em;
       background-color: white;
       color: #0073aa;
       border-bottom: solid 1px #0073aa;
}

#content{
          background-color: white;
          padding: 2em;
}

#content p{
            text-align: justify;
}

#footer{
         margin-top: 2em;
         font-size: 0.8em;
         padding: 0em 2em;
         color: white;
         text-align: center;
}
#footer.entry{
  font-size: 1em
}
#footer.entry a{
  margin: 0em 1em;
  color: white;
}

h1{
    font-size: 1.3em;
}

/* menu design */
#menu ul{
          list-style: none;
          margin: 0; padding: 0;
}
#menu ul li{
  display: inline;
  padding: 0 1em 0 0;
}
#menu ul li a{
  text-decoration: none;
  color: black;
}
#menu ul li a:before{
  content: "• ";
}
#menu ul li a:hover{
  color: #0073aa;
}
#menu ul li.current a{
  color: #0073aa;
}

/* content designs */
#content .portrait{
  margin: 0 1.5em 0 3em;
  float: right;
}

#content li{
  margin: .5em 0em;
}

#content table{
  width: 100%;
}

#content .smaller{
  margin-top: 4em;
  font-size: 0.9em;
}