body {
  margin: 2%;
  padding: 0;

  font-family: sans-serif;
}


hr {
  clear: both;
  border: none;
  margin: 0px 1px 0px 0px;
  padding: 0px;
}

.home_menu {
  color: steelblue;
  border: 2px solid steelblue;
  background-color: white;
}

.home_menu A {
   COLOR: steelblue;
   TEXT-DECORATION: underline;
}

.news_menu {
  color: green;
  background-color: white;
  border: 2px solid green;
}

.news_menu A {
        COLOR: green; TEXT-DECORATION: underline
}

.events_menu {
  color: darkgoldenrod;
  background-color: white;
  border: 2px solid darkgoldenrod;
}

.events_menu A {
        COLOR: darkgoldenrod; TEXT-DECORATION: underline
}

.about_menu {
  color: darkorchid;
  background-color: white;
  border: 2px solid darkorchid;
}

.about_menu A {
        COLOR: darkorchid; TEXT-DECORATION: underline
}

.courses_menu {
  color: firebrick;
  background-color: white;
  border: 2px solid firebrick;
}

.courses_menu A {
        COLOR: firebrick; TEXT-DECORATION: underline
}

.home_hr {
  border-top: thick solid steelblue;
  border-bottom: thick solid steelblue;
}

.news_hr {
  border-top: thick solid green;
  border-bottom: thick solid green;
}

.events_hr {
  border-top: thick solid darkgoldenrod;
  border-bottom: thick solid darkgoldenrod;
}

.about_hr {
  border-top: thick solid darkorchid;
  border-bottom: thick solid darkorchid;
}

.courses_hr {
  border-top: thick solid firebrick;
  border-bottom: thick solid firebrick;
}

.home_news {
  border: 2px solid steelblue;
}

.about_news {
  border: 2px solid darkorchid;
}

.courses_news {
  border: 2px solid firebrick;
}

.newsmenu {
  margin: 0;
  background-color: green;
  padding: 10px;
  color: white;
}

.eventsmenu {
  margin: 0;
  background-color: darkgoldenrod;
  padding: 10px;
  color: white;
}


#header {
  text-align: center;
  padding: 0px;
  margin: 0px;
}

#tabbar {
  margin-left: auto;
  margin-right: auto;
  width: 451px;
}

#tabbar a {
        COLOR: white; TEXT-DECORATION: none
}

#tabbar a:hover {
        COLOR: white; TEXT-DECORATION: underline
}

a.menuitem {
  margin: 0 3em 0 0;
  text-decoration: none;
}

a.menuitem:hover {
  text-decoration: underline;
}

.hometab {
  float: left;
  color: white;
  padding: 5px;
  background-color: steelblue;
}

.newstab {
  float: left;
  margin-left: 5px;
  color: white;
  padding: 5px;
  background-color: green;
}

.eventstab {
  float: left;
  margin-left: 5px;
  color: white;
  padding: 5px;
  background-color: darkgoldenrod;
}

.abouttab {
  float: left;
  margin-left: 5px;
  color: white;
  padding: 5px;
  background-color: darkorchid;
}

.coursestab {
  float: left;
  margin-left: 5px;
  color: white;
  padding: 5px;
  background-color: firebrick;
}

.MenuBarTitle {
  font-size: 110%;
  font-weight: bold;
}

.EventBarTitle {
  color: darkgoldenrod;
  font-size: 110%;
  font-weight: bold;
}

.NewsBarTitle {
  color: green;
  font-size: 110%;
  font-weight: bold;
}



#menubar {
  clear: right;
  float: right;

  padding: 10px;
  margin: 2px 0px 1px 0px;
  font-size: 80%;

  width: 11em;
}

#content {
  padding: 1em;
  margin-right: 12em;
  font-size: 90%;
  text-align: justify;
}

#content.home {
}

.NewsItem {
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.NewsHeader {
  margin-bottom: 0.5em;
  background-color: green;
  color: white;
  font-size: 90%;
  padding: 0.2em;
}

.NewsHeadline {
  float: left;
}

.NewsDate {
  float: right;
  text-weight: bold;
}

.NewsText {
  font-size: 80%;
}

#newsevents {
  clear: right;
  float: right;
  padding: 10px;
  margin: 1px 0px 2px 0px;

  font-size: 80%;

  width: 11em;
}

.EventItem {
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.EventHeader {
  margin-bottom: 0.5em;
  background-color: darkgoldenrod;
  color: white;
  font-size: 90%;
  padding: 0.2em;
}

.EventTitle {
  float: left;
}

.EventDate {
  float: right;
  text-weight: bold;
}

.EventDescription {
  font-size: 80%;
}

#footer {
  font-size: 75%;
  text-align: center;
  padding: 10px;
}

#NewsForm {
  line-height: 200%;
}