* {
   margin: 0;
}
html, body {
   background-color: #bfbebe;
   color: #ffffff;
   height: 100%;
   text-align: center;
   font-family: Calibri, Verdana, Arial;
   font-size: 10pt;
}
p {
   margin-top: 0px;
   margin-bottom: 0px;
}
a {
   color: #ffffff;
   text-decoration: none;
}
a:visited {
   color: #ffffff;
   text-decoration: none;
}
a:hover {
   color: #ffffff;
   text-decoration: underline;
}
.content {
   padding: 10px 10px 10px 10px;
   text-align: left;
}
.contentBlock {
   margin-bottom: 0px;
}
.featuredCommunity {
   margin-top: 10px;
}
.featuredCommunity img {
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}
.featuredCommunity a {
   color: #aaaaaa;
}
.featuredCommunity a:visited {
   color: #aaaaaa;
}
.fontOrange {
   color: #ffbe00;
}
.fontOrange a {
   color: #ffbe00;
   text-decoration: none;
}
.fontOrange a:visited {
   color: #ffbe00;
   text-decoration: none;
}
.fontOrange a:hover {
   color: #ffbe00;
   text-decoration: underline;
}
.header {
   height: 65px;
   overflow: hidden;
   position: relative;
}
.footerBlock {
   height: 19px;
   background-color: #aaaaaa;
   text-align: right;
   width: 700px;
}
.footerContent {
   color: #000000;
   padding-top: 2px;
   padding-right: 5px;
}
.footerLine {
   height: 1px;
   background-color: #ffffff;
   width: 700px;
}
.line1Orange {
   height: 2px;
   background-color: #ffbe00;
}
.line1White {
   height: 5px;
   background-color: #ffffff;
}
.line2White {
   height: 6px;
   background-color: #ffffff;
}
.lineDashed {
   clear: both;
   line-height: 0px;
   margin-top: 10px;
   margin-bottom: 10px;
}
.logo {
   position: absolute;
   left: 10px;
   top: 20px;
}
.menu {
   position: absolute;
   height: 16px;
   top: 43px;
   left: 292px;
}
.menuSpacer {
   text-align: center;
   height: 16px;
   padding-left: 10px;
   padding-right: 10px;
}
.news {

}
.newsLine {
   line-height: 0px;
   margin-top: 1px;
   margin-bottom: 1px;
}
.sectionHeader {
   font-size: 18pt;
   margin-top: 0px;
   margin-bottom: 0px;
}
.splash {
   height: 215px;
   background-color: #000000;
   overflow: hidden;
}
.subMenu {
   float: left;
   width: 140px;
}
.subMenuLine {
   height: 1px;
   background-color: #ffbe00;
   margin-top: 5px;
   margin-bottom: 4px;
   width: 120px;
}
.subContent {
   float: left;
   width: 540px;
}
.upcomingEventsBlock {
   margin-top: 10px;
   height: 60px;
}
.upcomingEvent {
   float: left;
   width: 170px;
}
.upcomingEventDate {
   color: #ffbe00;
   float: left;
   width: 75px;
   text-align: center;
}
.upcomingEventDateMonth {
   font-size: 14pt;
   line-height: 12pt;
}
.upcomingEventDateDay {
   font-size: 38pt;
   line-height: 28pt;
}
.upcomingEventTitle {
   float: left;
   width: 90px;
}
.welcome {
   margin: 0px;
}
.wrapper {
   border-left: 6px solid #ffffff;
   border-right: 6px solid #ffffff;
   background-color: #3b3b3b;
   width: 700px;

   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -20px; /* Match footer */
}
.footer, .push {
   clear: both;
   height: 20px;
}