@media only screen and (max-width: 768px) {
#wrapperBG {
background: #ffffff !important;
}
#wrapper {
margin-bottom: -30px !important;
}
#fileTrailContainer {
float: none !important;
}
.leftNav{
float:none;
width: 100%;
height: auto;
margin: 0 auto;
}
#subMenu {
    background-color: #F4F4F4 !important;
    border-top: 1px solid #D7D7D7 !important;
    overflow: hidden;
    padding: 0;
    z-index: 28;
}
#subMenu li {
    padding-bottom: 0;
    padding-top: 0;
    z-index: 50;
}
#subMenu ul {
    display: inline;
    float: left !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    z-index: 50;
}
#subMenu ul li {
    width: 100%;
}
#subMenu ul li a {
    border-color: #FFFFFF #D7D7D7 #D7D7D7 !important;
    border-style: solid;
    border-width: 1px;
    font: bold 12px bold Verdana, arial, sans-serif;
    margin: 0;
    padding-left: 7px;
    text-align: left;
padding-top:6px !important;
padding-bottom:6px !important;
    z-index: 50;
width: 100% !important;
border-top: 1px solid #D7D7D7 !important;
border-bottom: 1px solid #D7D7D7 !important;
}
#subMenu a {
    color: #000000 !important;
    display: block;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    z-index: 50;
}
#subMenu .subMenuHighlight li {
    border-bottom: 0 none;
    color: #FFFFFF;
    margin: 0;
    z-index: 50;
}
#subMenu .subMenuHighlight a {
    background: none repeat scroll 0 0 #005490;
    border-bottom: 1px solid #005490;
    border-top: 1px solid #888888;
    color: #FFFFFF;
   /* cursor: default; */
   margin-bottom: 10px;
}
#bg
{
background-image: none !important;
visibility: hidden;
display: none;
}

.container
{
width: 100% !important;
overflow: hidden;
}

.sixteen.columns, .twelve.columns, .four.columns, three columns
{
width: 100% !important;
margin: auto;
}

#wrapper
{
width: 97% !important;
margin-left: 50px;
background-color: #FFFFFF;
}

#body
{
width: 97% !important;
padding-left: 0px;
background-image: none !important;
}

.header
{
margin-left: -1px;
width: 100% !important;
background-image: none !important;
}

.logo
{
float: none !important;
margin: auto !important;
text-align: center;
}

.logo a img
{
float: none !important;
margin: auto !important;
}

.nav
{
width: 97% !important;
background-image: none !important;
}

#topMenu
{
height: 205px !important;
background-image: none !important;
}

#topMenu ul
{
width: 100%;
height: 27px;
background-image: none !important;
border: none !important;
overflow: hidden;
padding-bottom: 2px !important;
}

#topMenu ul li
{
width: 100%;
background-image: none !important;
}

#topMenu ul li a
{
color: #000000;
padding: 0px;
margin: auto;
text-align: left !important;
}

#topMenu ul li a.topMenuHighlight
{
background-image: none !important;
color; #000000;
}

#topMenu ul li a:hover
{
background-image: none !important;
color: #000000;
text-decoration: underline !important;
}

#topMenu ul li ul
{
display: none;
visibility: hidden;
}

.topMenuHighlight
{
color: #000000 !important;
}

.rightColumn 
{
float: none !important;
margin-right: 0px !important;
margin-top: 0px  !important;
width: 220px  !important;
margin: auto  !important;
padding-top: 10px;
}

.content
{
background: none !important;
float: none !important;
width: auto !important;
height: 840px !important;
overflow: hidden !important;
margin-left: 0px !important;
padding-top: 0px !important;
}

.topStories, .whatsHappening
{
float: none !important;
height: 410px !important;
padding: 0px !important;
padding-left: 0px !important;
width: 97% !important;
margin-top: 0px !important;
background-color: #FFFFFF !important;
overflow: hidden !important;
margin: 15px;
border-radius: 7px;
}

.topStories h2, .whatsHappening h2
{
padding-left: 10px;
}

.topStories a, .whatsHappening a
{
padding-right: 10px;
}

.descriptionColumn
{
float: none !important;
overflow: hidden !important;
padding: 10px !important;
}

.description1
{
float: none !important;
width: 97% !important;
padding-bottom: 125px !important;
}

.description1 img, .description2 img, .description3 img, .description4 img
{
/*display: none;
height: 0px;
width: 0px;*/
}

.topStories img, .whatsHappening img
{
padding-bottom: 0px !important;
width: 95% !important;
}

.blogImage1, .blogImage2, .blogImage3, .blogImage4
{
float: left !important;
padding-right: 10px !important;
width: 80px !important;
}

.search, .slider
{
display: none;
height: 0px !important;
width: 0px !important;
}

.buttons {
float: none !important;
/*margin: auto !important;*/
width: 97% !important;
margin-bottom: 20px;
margin-left: 12px !important;
}

.button4 
{
float: left !important;
}

.button1, .button2, .button3, .button4
{
background-image: none !important;
/*margin-right: 30px;*/
/*width: 50% !important;*/
height: 97px !important;
width: 45% !important;
}

.greenTab1, .greenTab2, .greenTab3, .greenTab4
{
margin-top: 0px !important;
/*background-color: rgba(134, 170, 64, 0.75);*/
background-color: rgba(8, 91, 9, 0.75);
padding-top: 37px;
padding-bottom: 50px;
border-radius: 7px !important;
}

.greenTab1 img, .greenTab2 img, .greenTab3 img, .greenTab4 img
{
display: none;
}

.greenTab1 h4, .greenTab2 h4, .greenTab3 h4, .greenTab4 h4
{
height: 20px;
}

.greenTab1 h4 a, .greenTab2 h4 a, .greenTab3 h4 a, .greenTab4 h4 a
{
font-size: 12px;
}

.blueButtons 
{
width: 215px;
margin: auto;
}

.ad
{
}

.socialIcons 
{
margin-left: 25 !important%
}

.footer
{
width: 100% !important;

}

.footer div
{
width: 97% !important;
display: none;
height: 0px !important;
}

.footer p {
width: 97% !important;
float: none !important;
padding: 5px;
font-size: 9px !important;
text-align: center !important;
}

#floatingBar 
{
z-index: 10000 !important;
}


.contentPage
{
width: 93% !important;
padding-left: 23px !important;
float: none !important;
}

.bodyContent
{
width: 100% !important;
float: none !important;
}

.leftNav
{
width: 88% !important;
}

#mainContentPane
{
width: 93% !important;
}

#rightContentPane
{
float: none !important;
margin: auto !important;
padding-right: 10px !important;
}

#box-table-a
{
width: 97% !important;
}

#box-table-a td
{
-webkit-text-size-adjust:none;
font-size: 9px !important;
}

#box-table-a td a
{
-webkit-text-size-adjust:none;
font-size: 9px !important;
}

#box-table-a th
{
-webkit-text-size-adjust:none;
font-size: 10px !important;
}

.outer-table-div
{
padding: 0px !important;
margin: 0px !important;
padding-left: 24px !important;
}



.logo
{
display: none;
visibility: hidden;
}

.logo-mobile
{
display: inline-block !important;
visibility: visible !important;
width: 100% !important;
text-align: center !important;
}
}