body {
background-color: #406080;
margin: 0;
}

#frame {
  width: 653px;
  height: 45em;
  background-color: #336699;
  margin: 0 auto;
  border: 1px solid #3e3e3e;
  position:relative;
  top: 30px;
}


/*STUFF FOR THE HEADER FOLLOWS*/
#headercontainer {
position: relative;
left: 0;
height: 216px;
background-image: url('images/banner3.jpg');
}

#motto {
padding:0;
margin:0;
font-family:Georgia;
font-style:italic;
font-size:1.2em;
color:#F3F3F3;
position:relative;
left:380px;
top: 100px;
}

#motto span {
position:relative;
left:50px;
}


/*STUFF FOR THE NAVIGATION FOLLOWS*/
#nav{
  border:1px solid #E8E8E8;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 0.7em;
  position:relative;
  left:0px;
 
}

#nav ul{
  width: 653px;
  background-color:#6699cc;
  padding-left:0;
  margin-left: -1px;
  float:left;
  position:relative;
  top:-11px;
  
}

#nav ul li{
  display:inline;
  
  
}

#nav ul li a{
  float:left;
  color:#FFFFFF;
  padding:6px 15px 6px 12px;
  border-right:1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  text-decoration: none;
    
}

#traveltext {
position:relative;
left:7px;
}

#nav ul li a:hover{
  background-color:#336699;
  border-bottom: 1px solid #336699;
  color: #CCCCCC;
}


/*STUFF FOR THE MIDDLE BOX FOLLOWS*/
.pic {
border: 4px solid #DDDDDD;
}

#square {
width: 450px;
margin: 0 auto;
font-family: Verdana, Tahoma, sans-serif;
background-color: #bbcde1;
font-size: 0.71em;
margin-top: 50px;
border: 1px solid #CACACA;
line-height: 1.65em;
}

#square p {
margin-left:10px;
margin-right:15px;
margin-bottom:20px;
}

h2 {
font-family: Tahoma, Verdana;
font-size: 1.3em;
padding-top: 10px;
text-align: center;
}


/*STUFF FOR THE MOUSE FOLLOWS*/
a:link {
color:#333333;
text-decoration: none;
}

a:hover {
color: black;
text-decoration: underline;
}

a:visited {
color: #CCCCCC;
text-decoration: none;
}