body {
    background-color: #F0F0F0;
    font-family:lucida grande, tahoma, verdana, arial, sans-serif;
    font-weight:normal;
    word-spacing: 2px;
}

/* center webpage */
#Center{
    width:960px; /* divides into 3 easily */
    border:1px solid gray;
    margin:0px auto /* centres page by saying 0px at top and bottom and auto the left and right margins*/

}


/* everything with nav is for the navigation bar */
nav {
  background-color:#DBEAF5;
  height:40px;
}
 
 
nav ul {
  font-size: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
nav ul li {
  display: block;
  position: relative;
  float: left;
 
}
 
nav li ul { 
  display: none; 
}
 
nav ul li a {
  display: block;
  text-decoration: none;
  padding: 7px 15px 3px 15px;
  background: #DBEAF5;
  color: #6E6E6E;  
  margin-left: 15px;
  white-space: nowrap;
  height:30px; /* Width and height of top-level nav items */
  width:90px;
  text-align:center;
 
}
 
nav ul li a:hover { 
  background: #93BEE2; 
}
 
nav li:hover ul {
  display: block;
  position: absolute;
  height:30px;
}
 
nav li:hover li {
  float: none;
  font-size: 11px;
 
}
 
nav li:hover a { 
  background: #93BEE2; 
  height:30px; /* Height of lower-level nav items is shorter than main level */
}
 
nav li:hover li a:hover { 
  background: #95A9B1; 
}
 
nav ul li ul li a {
    text-align:center; /* Top-level items are centered, but nested list items are left-aligned */
}

/* end of Navi bar text (yeah she talks a lot)*/


.image {
    position: relative;
    width: 100%; /* for IE6 */
}

h2 {

    position: absolute;
    top: 220px;
    left: 180px;
    width: 100%;
}

h3 {

    position: absolute;
    top: 1220px;
    left: 180px;
    width: 100%;
}