body{
    font-size: 0.9rem;
}

a{
    color:#003366;
}
a:hover{
    color:#B12010;
}
    h2{
        Font-Family: Arial,Verdana,Tahoma, Helvetica;
        Font-Size: 1.3rem;
        color: #4378a4;
        word-spacing: 0;
        text-indent: 0;
        font-weight : bold;
        
        line-height: 100%;
        
        }
.menuLeft li{
    list-style:none;
    font-size:0.8rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    font-weight:bold;
}

.menuLeft a{color:#B12010;text-decoration:none;font-weight:bold;font-size:0.8rem;}
.menuLeft a:hover{color:#090968;text-decoration:underline;}


.event{font-size: 15px;}
.eventSmall{font-size: 12px;}
table.event {border: 0px;color:#003366;background-color: #333333;}
table.event td{background-color: #b4cde6;padding: 3px;text-align:center}
table.event th {height:20px;text-align: center;color: #ffffcc;background-color: #990000;}
table.event td  a{text-align: center;text-valign:middle;color: #cc0000;text-decoration:underline}
table.event td  a:hover{color: #ff6600;text-decoration:underline}

.menuLeft 
{
    padding-top:0.3rem;
    padding-bottom: 0.3rem;
}

.president-message-card
{
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-size: 150%;
    opacity: 0.1;
}

.navbar-light .navbar-brand
{
    color:#003366;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
}
.slide-back
{
    color:#ffffff;
    background: rgb(52,201,149); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(52,201,149,1) 1%, rgba(27,104,155,1) 50%, rgba(62,129,201,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(52,201,149,1) 1%,rgba(27,104,155,1) 50%,rgba(62,129,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(52,201,149,1) 1%,rgba(27,104,155,1) 50%,rgba(62,129,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c995', endColorstr='#3e81c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient-blue
{
    color:#ffffcc;
    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.btn-facebook {
    color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3773ab;
  *background-color: #33669a;
  background-image: -moz-linear-gradient(top, #397cb6, #33669a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#397cb6), to(#33669a));
  background-image: -webkit-linear-gradient(top, #397cb6, #33669a);
  background-image: -o-linear-gradient(top, #397cb6, #33669a);
  background-image: linear-gradient(to bottom, #397cb6, #33669a);
  background-repeat: repeat-x;
  border-color: #33669a #33669a #204061;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff397cb6', endColorstr='#ff33669a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  
  .btn-facebook:hover,
  .btn-facebook:focus,
  .btn-facebook:active,
  .btn-facebook.active,
  .btn-facebook.disabled,
  .btn-facebook[disabled] {
    color: #ffffff;
    background-color: #133783;
    *background-color: #102e6d;
  }
  
  .btn-facebook:active,
  .btn-facebook.active {
    background-color: #0d2456 \9;
  }

@media only screen and (max-width: 414px) {
    .navbar-light .navbar-brand {
        font-size: 0.75rem;
    }

    h1{
        font-size: 1.5rem;
    }
    .eventDateFront
    {
        display: block;
        float: left!important;
    }
    .eventDataFrontHr
    {
        margin-top:2rem;
    }
}