﻿@charset "UTF-8";
/* CSS Document */


body{font-family:arial, verdana;
font-size:15px;
color:#323232;}

* {
    max-width: 100%;
}

.topnavwrap {
    height: 40px;
    width: 100%;
    background-color: rgba(29, 83, 107, 0.9);
}


a.brand {
    line-height: 120px;
    padding-right: 20px;
    display: block;
}

.brand {
    z-index: 9000;
    position: relative;
}

.yelwrap .head {text-transform:uppercase;
  font-size:34px;
  font-weight:bold;
}

p{margin-top:10px;}

.date {font-size:15px; font-weight:bold;}

.text {font-size:19px; color:#323232;}


.mainmenwrap {
    height: 125px;
    width: 100%;
    background-color: #FFF;
    border-bottom: 5px solid rgba(29, 83, 107, 0.15);
}

footer {
    min-height: 220px;
    width: 100%;
    display: block;
    margin-top: 0px;
    margin-bottom: 25px;
    border-bottom: 5px solid #FADC00;
    background-color: rgba(29, 83, 107, 0.1);
  margin-top:30px;
}
footer .head {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: Verdana;
    color: #1D536B;
}
footer a {
    color: #1D536B;
}

a {color:#1D536B;}

.text-right a {text-decoration:underline;}


.nowpadding {padding-left:0px; padding-right:0pz;}

.yelwrap {
  background-color: rgba(250,220,0,0.45);
  padding-top:30px;
  padding-bottom:30px;
}

.hbgr {background-color:#eee;
  padding:10px 30px; 30px; 30px;
}

.nolpadding {padding-left:0px;}

.headyelunderl {color:#1D536B; font-size:18px; text-transform:uppercase; position:relative;}

.headyelunderl::after {
    background-color: rgba(29,83,107,0.1);
    clear: both;
    content: " ";
    display: block;
    float: left;
    height: 5px;
    left: 0;
    position: absolute;
    top: 34px;
    width: 38px;
}

.stodanhead {font-size:18px; text-transform:uppercase; margin-top:17px; margin-bottom:10px; font-weight:bold;}

.black {color:#323232;}

.black:after {top:58px;}

.statelement p {margin:0px !important;}

footer .head {
font-weight:bold;}

.statuswrap .even {
background-color: rgba(29,83,107,0.05);
padding-top:10px;
padding-bottom:10px;
border-top:solid 4px rgba(29,83,107,0.1);
border-bottom:solid 2px rgba(29,83,107,0.1);}

.statuswrap .uneven {
padding-top:10px;
padding-bottom:10px;
}

.text-right {text-align:right; padding-top:55px;}

.norpadding {padding-right:0px;}

.normargin {margin-right:0px; width:100%;}

.statuswrap .datecol {
color:#1D536B;
font-size:14px;
font-weight:bold;}

.statuswrap .textcol {
color:#323232;
font-size:15px;
}

/* ################################################### screen different styles ################################ */

}
@media (max-width: 991px) {
  

 .yelwrap .head {font-size:15px;
  }
  
    .mainmenwrap {
        height: 85px;
    }
    .hidmd {
        display: none !important;
    }
    .brand img {
        width: 80%;
        min-width: 175px;
    }
    .brand {
        text-align: center;
        line-height: 60px !important;
        top: -10px;
    }
    
    
    .mobile-top .textright {
        padding-top: 5px;
    }
    .mobile-top .textleft {
        padding-top: 4px;
    }
    .mobile-top {
        border-bottom: 5px solid rgba(29, 83, 107, 0.15);
    }
    .mobile-top .row {
        padding-bottom: 10px;
    }
    
    a.brand {
        padding-right: 0px !important;
    }


.nolpadding {padding-left:15px;}

    
   
}


