@media screen and (min-width:1001px) {

    #main-container {margin-bottom: 90px;}
}


@media screen and (max-width:1000px) {
    .contents {
        width: 92.5% !important;
        overflow:hidden;
    }
    #master-container {
        background: none repeat scroll 0 0 #FFFFFF;
    }
    #main-container {margin-bottom: 90px;}

/* left side fake tabbing navigation */

    #left-side-tabs {margin-bottom: 20px; width: 100%;}

    .dropdown-menu {display: block;}
    #index_dropdown {
        max-width: 95%;
        width: auto;
        }
         #index_dropdown option {max-width: 100%;}

    #left-side-tabs ul {display: none;}
    .dropdown-menu p {margin-bottom: 0.5em;}

    #left-side-tabs.legal .active a, #left-side-tabs.regulatory .active a{
        color:#fff !important;
        background-color: #333 !important;
    }
    #left-side-tabs ul li{
        height: 56px;
        padding: 0 36px 0 0px;
        line-height: 56px;
    }

    #left-side-tabs ul li a:hover{
        background-color:#333;
    }
    #left-side-tabs ul li:hover a{
        color:#fff;
    }
    #left-side-tabs ul li a{
        font-weight: bold;
        color: #333;
        display:block;
        height:56px;
        width:100%;
        background-color: #eee;
        padding-left: 20px;
        margin-top: 1px;
        border-bottom: 1px solid #d7d7d7;
    }

    .left-tabbed .content-rail {
        padding-left: 0;
        width: 100%;
    }
    .left-tabbed .special {
        line-height: 20px !important;
        height:61px !important;
    }
    .left-tabbed .special2 {
        line-height: 20px !important;
        height:91px !important;
    }


    .left-tabbed .special a {
        padding-top: 10px;
        height: 51px !important;
    }
    .left-tabbed .special2 a {
        padding-top: 10px;
        height: 81px !important;
    }
/* if they go with the two buttons and not the drop down
    #left-side-tabs.legal .active, #left-side-tabs.regulatory .active {
        background-image: none;
        background-repeat: no-repeat;
        background-position: right center;
    }

    #left-side-tabs {width: 100%;}

    #left-side-tabs ul li {
        width: 40%;
        float: left;
    }

    */
    .standard-table td {
    padding: 8px 6px;
    }


    .content-area .section {
        margin: 0 0 2em;
    }
}






@media screen and (max-width:800px) {
    .contents {
        width: 92.5% !important;
        overflow:hidden;
    }
    #master-container {
        background: none repeat scroll 0 0 #FFFFFF;
    }
#main-container {margin-bottom: 90px;}



}







@media screen and (max-width:640px) {
    .contents {
        width: 92.5% !important;
        overflow:hidden;
    }
    .accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    .Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    #Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    #left-side-tabs ul li {
        margin-bottom: 10px;
        width: 37%;
    }

    .content-area h1#general-welcome {
        font-size: 2.5em;
    }

}


@media screen and (max-width:480px) {
    .contents {
        width: 92.5% !important;
        overflow:hidden;
    }
    h1#general-welcome, #masthead-subhead .intro h1 {
        font-size: 25px;
    }
    .accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    .accordion li{font-size:12px !important;}
    #Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    #Accordion li{font-size:12px !important;}
   .Accordion a.ui-state-default {
        height: auto !important;
        line-height: 24px;
    }
    .Accordion li{font-size:12px !important;}



}