#wrapper { background: #FFF; border: 1px solid #333; border-width: 0 1px; }

/* ================ @ HEADER ================ */
#redbanner, #grayline { margin-bottom: 0; }
#redbanner ul,
#grayline ul,
#whitebanner ul { list-style-type: none; }

#redbanner li,
#grayline li,
#whitebanner li { float: left; }

#redbanner a,
#grayline a,
#whitebanner a { text-decoration: none; }

#redbanner a:visited,
#grayline a:visited,
#whitebanner a:visited { color: inherit; }

/*-----\\\\\ RED HEADER /////-----*/
#redbanner { background: #A70B0B url("/images/redbannerbg.png") repeat-x left bottom; }
#redbanner .row, #redbanner .row-fluid { margin-bottom: 0; }
#search { float: right; margin: 10px 15px 0 0; }
#linkstop { float: right; margin: 10px 15px 10px 0; color: #FFF; }
#linkstop li { margin: 0 3px 0 0; }
#linkstop a { font-weight: bold; color: #FFF; }

.form-search .input-append .search-query,
.form-search .input-append .btn { border-radius: 0; }

/*----- GRAYBAR -----*/
#grayline { height: 65px; }
#grayline {
    height: 45px;
    background: #D7D7D7;
}
#grayline ul { float: right; margin-top: 3px; }
#grayline li { padding: 0 0 0 10px; white-space: nowrap; height: 20px; }
#grayline ul li.textPlusLink { padding: 0 }
#grayline ul img {
    margin: 0 3px 0 0;
    vertical-align: top;
}

#grayleft a { margin-top: 4px; display: block; font-size: 130%; font-weight: bold; color: #333; }

#grayInterior { 
    margin: 7px 5px 5px 5px; 
    padding: 5px 5px 0 5px; 
    height: 27px;
    background: #FFF; 
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*----- WHITEBANNER -----*/
#whitebanner { /*margin-bottom: -18px;*/ position: relative; border-bottom: 3px solid #900; }
#whitebanner .row-fluid { margin-bottom: 0; }
#whitebanner .row-fluid [class*="span"] { min-height: 0; }
#oshaTitle {
    margin: 0 0 0 15px;
    padding: 0;
    color: #333;
    font-size: 20px;
}
    #oshaTitle span {
        padding: 0 0 0 35px;
        color: #900;
    }
#linksWhatsNew { float: right; padding: 10px 20px 0 0; }
#linksWhatsNew a { font-weight: bold; color: #333; }
#linksWhatsNew a:hover { color: #000; }
#whiteBnrLogo { float: right; margin-right: 15px; }

/*----- MAIN TAB STYLES -----*/
#linksMainTabs {
    margin: 0 0 0 10px;
    padding: 0;
    left: 10px;
    list-style-type: none;
}
    #linksMainTabs li {
        float: left;
        margin: 0;
    }
    #linksMainTabs a {
        margin: 0 5px 0 0;
        padding: 5px 7px 4px 7px;
        display: block;
        color: #000;
        background: #DFDFDF;
        border: 1px solid #C6C6C6;
        border-width: 1px 1px 0 1px;
        border-radius: 3px 3px 0 0;
        - moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
    }
    #linksMainTabs a:hover {
        text-decoration: none;
        background: #AAA;
    }

/* ================ @ Footer ================ */
/*-----\\\\\ RED FOOTER /////-----*/
#redfooter {
    height: auto;
    overflow: hidden;
    clear: both;
    text-align: center;
    color: #FFF;
    background: #900;
}
    #redfooter ul {
        margin: 10px auto;
        width: 95%;
        text-align: center;
        list-style-type: none;
    }
        #redfooter ul li { display: inline }
    #redfooter a {
        padding: 0 3px;
        text-decoration: none;
        color: #FFF;
    }
/*-----\\\\\ GRAY FOOTER /////-----*/
#dolinfofooter {
    padding: 5px 0 15px 0;
    font-size: 85%;
    text-align: center;
    background: #A5A5A5;
}

/*-----\\\\\ SEARCH AUTOCOMPLETE /////-----*/
#usasearch_sayt .ui-menu a { color: #900; }


/* ================ END Footer ================ */

/*=============== Responsive Header ===============*/
@media (min-width: 768px) and (max-width: 979px) {
#redbanner { height: auto; }
#linksMainTabs { margin-left: 5px; }
#linksMainTabs li a { margin: 0 5px 0 0; padding: 4px 5px 3px 5px; font-size: 11px; }
#bannerTop h1 { margin-top: 10px; }
.whiteBnrLogo { display: none; }
}

@media (max-width: 768px) {
#redbanner { height: auto; text-align: center; }
#linkstop, #search { float: none; }
#linkstop { margin: 0 auto; width: 55%; }
#linkstop li { margin: 0; font-size: 11px; }
#linksMainTabs { margin-left: 5px; }
#linksMainTabs li a { margin: 0 5px 0 0; padding: 4px 5px 3px 5px; font-size: 11px; }
#whiteBnrLogo { margin-right: 5px; }
#linksWhatsNew { margin-right: 5px; }
/*---NAVBAR STYLES ---*/
#whitebanner { height: auto; }
#mainTabsNav.navbar { position: absolute; top: 0; z-index: 100; }
#mainTabsNav.navbar .navbar-inner { background: #CCC; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 0 0 0 0; }
#whitebanner #mainTabsNav a { color: #333; }
#toggleClpsdMenu { float: right; margin: 3px -10px 3px 0; }
.navbar .nav > li > a:hover,
.navbar .dropdown-menu a:hover { background-color: #AAA; }
#oshaTitle { margin-top: 50px; font-size: 110%; }
#linksWhatsNew { font-size: 85%; }

#bannerTop h1 {top: 5px;}
}

@media (max-width: 480px) {
#wrapper { width: 100%; }
#redbanner { height: auto; }
#redbanner h1 { text-align: center; }
#redbanner h1 img { margin: 0 auto; }
#search { float: none; text-align: center; }
#search #query-field { width: 60%; }
#search .searchbutton { margin: 0 0 8px 0; }
#linkstop { width: 70%; }
#grayline img { display: none; }
#oshaTitle { font-size: 100%; line-height: 1.1em;}
#linksWhatsNew { margin: 0 auto; width: 90%; }
#linksMainTabs { display: none; }
#bannerTop h1 { font-size: 110%; }
.row, h1, h2, h3, h4, h5, h6, .navbar {  }
#newsReleaseTitle .title { font-size: 100%; }
#newsReleaseTitle h2 { font-size: 90%; width: 45%; }
/*---NAVBAR STYLES ---*/
#whitebanner { height: auto; text-align: center; }
#mainTabsNav.navbar { position: absolute; top: 0; z-index: 100; }
#mainTabsNav.navbar .navbar-inner { background: #CCC; box-shadow: 0 0 0 rgba(0, 0, 0, 0); border-radius: 0 0 0 0; }
#whitebanner #mainTabsNav a { color: #333; }
#toggleClpsdMenu { float: right; margin: 3px -10px 3px 0; }
.navbar .nav > li > a:hover,
.navbar .dropdown-menu a:hover { background-color: #AAA; }
.nr_list li { padding: 4px 0; }
#oshaTitle { margin-top: 50px; }
}

@media (max-width: 320px) {
#whitebanner { height: auto; }
#linkstop { width: 98%; }
.row, .row-fluid, h1, h2, h3, h4, h5, h6, .navbar {  }
#newsReleaseTitle .title { margin-bottom: 2px; font-size: 100%; }
#newsReleaseTitle h2 { font-size: 50%; width: 45%; }
}