body
{
background-color: white;
}

/*          Banner             */

#top {
  height:170px;
  width: 850px;
}

#top .sam {
  width:130px;
  padding-left:45px;
}

#top .ban {
  position:absolute;
  top:40px;
  left:250px;
}

#top .ban1{
  position: absolute;
  top: 40px;
  left: 325px;
  }

/*            Navigation bar        */
#nav{
  margin: 0 auto;
  display: inline;
  position: absolute;
  left: -20px;
  font-family: arial;
  font-weight: bold;
  width:950px;
}

#nav ul li a
{
padding: 0.3em 1em;
}

#nav li{
  display: inline;
  list-style-type: none;
  color: #00A0AD;
  text-align:center;
}

#nav a:visited{
  color: #00A0AD;
  text-decoration: none;
}

#nav a:link{
  color: #00A0AD;
  text-decoration: none;
}

#nav a:hover{
  color: white;
  background-color: #00A0AD;
}

#nav .active{
  color: white;
  background-color: #00A0AD;
  padding: 0.3em 1em;
}

/*               Logo          */
#logo{
  position: relative;
  top: 40px;
  padding:10px;
}

#logo .logo{
  width:200px;
}

/*          Center text           */
#middle{
  position: absolute;
  left: 250px;
  top: 230px;
  width: 300px;
}

#middle .bluetext{
  color: #00A0AD;
  font-family: arial;
}

#middle .bluetitle{
  color: #00A0AD;
  font-family: arial;
  font-weight: bold;
  font-size: 120%;
}

#middle .purpletext{
  color: #93005D;
  font-family: arial;
}

#middle .purpletitle{
  color: #93005D;
  font-family: arial;
  font-weight: bold;
}

#middle .bluetitle2{
  color: #00A0AD;
  font-family: arial;
  font-weight: bold;
}

#middle .purpletext2{
  color: #93005D;
  font-family: arial;
  font-size: 80%
}


/*              Photos right         */
#right{
  position:absolute;
  left: 600px;
  top: 230px;
  width: 400px;
  color: #00A0AD;
  font-family: arial;
  margin-left: auto;
  margin-right: auto;
}

#right .pic{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none;
}

#caption{
  font-weight: bold;
  text-align: center;
}

/*              Main text          */

#main{
  position: absolute;
  left: 250px;
  top: 230px;
  width: 650px;
  font-family: arial;
}

#main .bluetext{
  color: #00A0AD;
  font-family: arial;
}

#main .bluetitle{
  color: #00A0AD;
  font-family: arial;
  font-weight: bold;
  font-size: 120%;
}

#main .purpletext{
  color: #93005D;
  font-family: arial;
}

#main .purpletitle{
  color: #93005D;
  font-family: arial;
  font-weight: bold;
}

#main .headline{
  color: #FFFFFF;
  background: #00A0AD;
  font-family: arial;
  font-weight: bold;
  text-align: center;
}

#main img.cent{
  border: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#main ul.none{
  list-style-type: none;
  border-style: none;
}
/*            Sponsor gallery       */

#spons img{
  border: 0;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding: 20px;
}

/*           image gallery        */
#gal img{
  border: 0;
  margin-left: auto;
}  
/*                 Footer          */
#foot{
  position: absolute;
  color: #00A0AD;
  font-family: arial;
  width: 300px;
}