/*  twoColumn.css  */

#all {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#menu {
  clear: both;
}

#menu ul {
  margin-left: -2.5em
} 

#menu li {
  list-style-type: none;
  float: left;
  width: 5em;
  text-align: center;
}

#menu a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  border: 3px #3333cc outset;
  background-color: #003b6f;
}

#menu a:hover {
  border: 3px #000099 inset;
}

#headleft {
  float: left;
  width: 19%;
  border-bottom: 3px double #000000;
  height: 110px;
}

#headcenter {
  float: left;
  width: 60%;
  padding-left: 2%;
  border-bottom: 3px double #000000;
  height: 110px;
  /* text-align: center; */
}

#headright {
  float: left;
  width: 19%;
  border-bottom: 3px double #000000;
  height: 110px; 
}



#left {
  float: left;
  clear: left;
  width: 20%;
  /*  padding-left: 1%;  */
}

#center {
  float: left;
  width: 56%;
  padding-left: 2%;
  padding-right: 2%;
}

#right {
  float: left;
  width: 20%;
  /*  padding-left: 1%;  */
}


h2 {
  color: #003b6f;
}

em {
  font-size: xx-large;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  color: #003b6f;
  font-style: italic;
}

#lighthouse {
  float: left;
}

p:first-letter {
  font-size: 150%;
  font-weight: bold;
  font-style: italic;
}

#footer {
  border-top: 3px double gray;
  font-size: 75%;
  clear: both;
}

#footerleft {
  float: left;
  clear: left;
  width: 18.5%;
  padding-left: 1%;
  text-align: left;
}

#footercenter {
  float: left;
  width: 56%;
  padding-left: 1%;
  padding-right: 2%;
  text-align: center;
}

#footerright {
  float: left;
  width: 18.5%;
  padding-left: 1%;
}