@charset "utf-8";
/*============================================================================*/
/*general tags definition*/
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Trebuchet MS", Trebouchet, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  direction: ltr;
  background-color: #ba0eb8;
  color: #0D007F;/* #49EDE0 */
}
h1, h2 {
  font-size: 1.4em;
  margin: 0 0 25px 0;
  padding: 0;
  text-transform: lowercase;
}
p, address {
  margin: 0 0 15px 140px;
  padding: 0;
}
address {
  font-style: normal;
}
ul {
  margin: 0 0 15px 140px;
  padding: 0;
  list-style: none;
}
a {
  color: #00778F;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #00D4FF;
}
em, strong {
  color: #9CC;
}
/*============================================================================*/
/*page structure*/
#top-out, #h-nav, #s-nav {
  width: 920px;
  margin: 4% auto;
}
#top-right {
  float: right;
  width: 400px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
#top-right p {
  margin-left: 0;
}
#top-left {
  width: 500px;
}
#center-img {
  clear: both;
  width: 100%;
  height: 120px;
  background-image: url(../media/center-image.png);
  background-position: center;
  background-repeat: no-repeat;
}
/*============================================================================*/
/*Navigation*/
#h-nav, #s-nav {
  margin-top: 0 !important;
  margin-bottom: 1% !important;
  clear: both;
}
#h-nav ul, #s-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#h-nav li, #s-nav li {
  float: left;
}
#s-nav li {
  padding-top: 1%;
}
/*Main Navigation*/
#h-nav a {
  font-size: 1.2em;
  font-weight: bold;
  text-transform: lowercase;
  margin-right: 8px;
}
#h-nav a:hover, #s-nav a:hover, .current {
  color: #CCFF33 !important;
  text-decoration: none;
}
/*Sub Navigation*/
#s-nav a {
  font-size: 1em;
  text-transform: lowercase;
  margin-right: 8px;
}
.first-subnav {
  border-left: 1px solid #096;
  padding-left: 4px;
}
/*============================================================================*/
/*Class Calendar*/
.calendar, .calendar2 {
  width: 100%;
  border-collapse: collapse;
}
.calendar td, .calendar2 td {
  padding: 2px 4px 2px 0;
  vertical-align: top;
}
.calendar td {
  border-bottom: 1px solid #0D007F;
}
/*.calendar tr:hover {
  background-color: #336633;
}*/
/*============================================================================*/
/*homepage*/
#h1-home {
  text-align: right;
  padding-top: 100px;
  color: #CCFF99;
  font-size: 2.6em;
}
#h2-home {
  text-align: right;
}
#p-home {
  font-style: italic;
  text-align: right;
}
/*============================================================================*/
/*logical links*/
#logic-previous {
  position: fixed;
  left: 0;
  top: 0;
  font-size: 3em;
}
#logic-next {
  text-align: right;
  font-size: 1.2em;
}