/***************************************/
/* BACKGROUND */
/***************************************/
form {
}

img {
  border: 0px;
  vertical-align: bottom;
}


/***************************************/
/* HEADER */
/***************************************/
#headerArea .menu {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  position: absolute;
  top: 40px;
}
#headerArea .menu li {
  display: inline;
  padding-right: 7px;
}
#headerArea .menu li a {
  color: #333333;
}
#headerArea .menu li a:hover, #headerArea .menu li.selected a {
  color: #003366;
}
#headerArea .logo {
  position: absolute;
  left: 500px;
  top: 30px;
}

/***************************************/
/* CONTENT */
/***************************************/
#content h1 {
  height: 50px;
}

#content h2 {
  margin-top: 15px;
}

#content p {
  margin-bottom: 5px;  
}

#content .contentImage {
  border: 0;
  margin-bottom: 20px;
}

#content .inlineImage {
  border: 0;
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
}


#content .personList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#content .personList .item {
  clear: both;
  height: 140px;
}

#content .personList img {
  float: left;
  padding-right: 10px;
}

#content .personList .name {
  font-weight: bold;
  color: #003366;
}

#content .personList .text {
  padding-top: 10px;
}

#content .calendarList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#content .calendarList .item {
  padding-bottom: 20px;
}
#content .calendarList .date {
  font-weight: bold;
  color: #666666;
  padding-bottom: 5px;
}
#content .calendarList .title {
  font-weight: bold;
  color: #003366;
  padding-bottom: 5px;
}
#content .calendarList .text {
  padding-top: 10px;
}
#content .calendarList .link {
  padding-top: 10px;
}
#content .calendarList ul {
  list-style-type: disc;
}

/***************************************/
/* SPOT */
/***************************************/
#spots .spot {
  padding-bottom: 10px;
}

#spots .spot .header {
  background-color: #003366;
  color: White;
  font-weight: bold;
  height: 18px;
  overflow: hidden;
  padding-left: 4px;
  padding-top: 3px;
  margin-bottom: 3px;
}

#spots .spot .content {
  height: 200px;
  background-image: url(../images/spotBackground.gif);
  background-repeat: repeat-x;
  padding: 4px;
}

#spots .spot .content .date {
  font-weight: bold;
  padding-bottom: 2px;
  color: #003366;
  margin-top: 6px;
}

#spots .spot .content .more {
  padding-top: 5px;
  padding-bottom: 10px;
}

/***************************************/
/* FOOTER */
/***************************************/
#footerArea {
  margin-top: 50px;
  margin-bottom: 25px;
  padding-top: 10px;
  border-top: 1px solid #666666;
}
#footerArea .contact, #footerArea .contact a {
  text-align: center;
  font-size: 10px;
}

#footerArea .copyright {
  text-align: center;
  padding-top: 5px;
  font-size: 10px;
  color: #999999;
}