html, body {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: #000000;
}

.top {
  height: 35px;
  border-bottom: 1px solid black;
  margin: 5px 0px 0px 0px;
  padding-top: 5px;
  background-color: #71a5ee;
  min-width: 1005px;
  width: 100%;
}

.top h1 {
  margin: 0px 0px 0px 230px;
  font-family: Serif;
  font-size: 24px;
  font-variant:small-caps;
  font-weight: normal;
  letter-spacing: 1px;
}

.middle {
  background-color: white;
  margin-bottom: 5px;
  min-width: 1005px;
  width: 100%;
}

.left {
  float: left;
  width: 190px;
  margin: -47px;
  font-family: serif;
  font-size: 13px;
  text-transform: uppercase;
  border-right: 3px double #9bc0f5;
  border-bottom: 3px double #9bc0f5;
  border-left: 3px double #9bc0f5;
  margin-left: 5px;
  line-height: 26px;
  background-color: #deeafb;
}

.center {
  float: left;
  width: 550px;
  min-height: 500px;
  border-right: 1px solid #9bc0f5;
  padding: 15px;
  margin-left: 47px;

  font-family: sans-serif;
  font-size: 12px;
  text-align: justify;
  line-height: 24px;
}

.center h2 {
  font-family: Serif;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 20px;
  color: #164a92;
}

.center h3 {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 0px;
  margin-top: 30px;
  padding-left: 5px;
  color: #164a92;
  border-left: 3px solid #9bc0f5;
}

.center .publisher {
  font-family: sans-serif;
  font-size: 11px;
  line-height: 22px;
  text-align: justify;
}

.center .scroller {
  margin-top: 30px;
  clear: both;
}

.center a {
  color: #164a92;
}

.center input, textarea {
  background-color: white;
  border: 1px solid black;
  font-family: sans-serif;
  font-size: 12px;

}


.galleryframe {
  width: 31%;
  margin: 1%;
  float: left;
}

.galleryimage {
  border: 1px dashed black;
  text-align: center;
  padding: 3px;
  background: #dddddd;
}

.gallerytitle {
  text-align: left;
}

.galleryseparator {
  clear: both;
}

.calendar .active{
  border: 1px solid black;
}

.calendar table{
  float: left;
  border: 1px dashed black;
  width: 31%;
  margin: 1%;
}

.calendar .weekend{
  background-color: #deeafb;
}

.calendarseparator {
  clear: both;
}

.photoframe {
  width: 98%;
  margin: 1%;
}

.subjects{
  float: left;
  width: 31%;
  margin: 1%;
}

.subjects li {
  text-align: left;
}

.subjects ul {
  margin-left: 0px;
  padding-left: 20px;
}


.subjectsseparator {
  clear: both;
}

.subjectdetail {
  float: left;
  width: 56%;
  margin-right: 1%;
}

.subjectcontacts {
  float: left;
  width: 40%;
  padding: 1%;
  border: 1px dashed black;
}

.right {
  padding: 15px;
  width: 190px;
  float: left;
  text-align: center;
}

.right h3 {
  font-family: Serif;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 1px;
  border-top: 1px dashed black;
  margin-bottom: 20px;
}

.right h4 {
  font-family: sans-serif;
  font-size: 11px;
  line-height: 22px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.right p {
  font-family: sans-serif;
  font-size: 11px;
  line-height: 22px;
  text-align: justify;
  margin-bottom: 35px;
  margin-top: 0px;
}

.right li {
  font-family: sans-serif;
  font-size: 11px;
  line-height: 22px;
  text-align: left;
}

.right ul {
  margin-left: 0px;
  padding-left: 20px;
}

.right a {
  color: #164a92;
}


.bottom {
  border-top: 1px solid #9bc0f5;
  clear: both;
  font-family: sans-serif;
  font-size: 13px;
  color: #9bc0f5; 
}

.separator {
  text-align: center;
  color: #9bc0f5;
  font-family: sans-serif;
  font-size: 21px;
}


.left ul {
  margin-left: 0px;
  padding-left: 20px;
  width: 170px;
}

.left ul li {
  list-style: square;
}

.left ul ul {
  padding-left: 15px;
  margin-left: 0px;
  width: 155px;
}

.left ul ul li {
  list-style: square;
}

.left ul ul ul {
  padding-left: 15px;
  width: 140px;
}

.left ul ul ul li {
  list-style: square;
}

.left ul ul ul ul {
  padding-left: 15px;
  width:  125px;
}

.left ul ul ul ul li {
  list-style: square;
}

.left ul ul ul ul ul {
  padding-left: 15px;
  width: 110px;
}

.left ul ul ul ul ul li {
  list-style: square;
}


.left a {
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #deeafb;
  color: black;
}

.left a:hover {
  border-bottom: 1px dashed black;
  color: black;
}

.left a:visited {
  color: black;
}