body, 
html { 
   height: 100%; 
}

body {
   margin: 0px;
   font-size: 12px;
   font-family: Arial, Helvetica, Sans-Serif;
   color: #494949;
}

a { color: #494949; text-decoration: underline; }
a:hover { color: #B32017; }

img { border: 0px; }

p:first-child { margin-top: 0px; }
p:last-child { margin-bottom: 0px; }

h1 {
   color: white;
   font-size: 24px;
   font-family: 'Patua One', Georgia, Arial;
   font-style: italic;
   text-shadow: #666666 1px 1px 1px;
}
h2 {
   color: white;
   font-size: 18px;
   font-family: 'Patua One', Georgia, Arial;
   font-weight: normal;
   font-style: italic;
   text-shadow: #666666 1px 1px 1px;
}

hr {
   border: 0px;
   border-bottom: 1px solid #d9ca62;
}

#Wrapper {
   min-height: 100%;
   position: relative;
}


#Header {
   max-width: 1120px;
   margin: 0px auto;
   padding: 28px 0px;
   display: flex;
   align-items: center;
}

#Header .Right {
   flex-grow: 1;
   text-align: right;
}


#Header > div > a {
   color: #252525;
   font-size: 20px;
   line-height: 24px;
   font-weight: bold;
   text-transform: none;
   letter-spacing: 1px;
   font-family: Roboto, ariel, sans-serif;
   text-decoration: none;
   padding: 0px 20px;
   display: inline-block;
}

#Header > div > a:hover {

   color: #b32017;
   text-decoration: underline;
}


#Content {
   max-width: 1120px;
   margin: 0px auto;
   padding: 10px 15px 10px 15px;
   min-height: 600px;
   background-color: #ffffff;
}


#Footer {
   width: 100%;
   max-height: 450px;
   bottom: 0px;
   font-family: Roboto;
   background-color: #b32017;
   padding: 70px 0px 30px 0px;
}
#Footer div {
   padding-top: 3px;
}
#Footer > div {
   padding: 18px 0px;
   margin: 0px auto;
   max-width: 1120px;
   color: #FFF;
   line-height: 18px;
   font-size: 12px;
   text-align: center;
}


#Footer a {
   /*color: #B5B5B5;*/
   color: white;
   font-size: 12px;
}

#Footer a:hover {
   color: #B5B5B5;
}


.ContentBox {
   /*
   background: url(../Images/TransBg.png);
   padding: 8px 8px;
   */
   background: white;
   border: 1px solid black;
   padding: 10px;
}

.ContentBox {
   font-size: 11px;
   font-family: Verdana;
   line-height: normal;
}


.Spacer {
   width: 12px;
   height: 12px;
}

.ProgramButtons {
   padding-bottom: 5px;
}
.ProgramButtons a {
   padding-left: 7px;
}
.ProgramButtons img:hover {
   box-shadow: Black 0px 0px 10px;
   -moz-box-shadow: Black 0px 0px 10px;
   -webkit-box-shadow: Black 0px 0px 10px;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}


@media (max-width: 910px) {
   #Header {
      text-align: center;
   }
   #Header > div {
      display: none;
   }
}

@media (max-width: 690px) {

   #Content {
      min-height: 0px;
   }
   #Footer > div > div {
      width: 100%;
      display: block;
      padding: 15px;
   }

   #FooterBand {
      display: flex !important;
      flex-direction: column !important;
   }
}

#Navigation {
   background-color: #eaeaea !important;  
}

#Navigation a {
   color: #494949 !important;
   text-shadow: #b7b7b7 1px 1px !important;
}
#Navigation a:hover {
   color: #ffffff !important;
   text-shadow: #666666 1px 1px !important;
}
#FooterBand {
   padding: 0px 0px 35px 0px !important;
}

#FooterBand a{
   text-decoration: none;
   padding: 4px;
   margin: 0px 15px;
   font-size: 18px;
   font-weight: 700;
   line-height: 24px;
   font-family: Roboto;
}