/* Clean - secondaryNav, area menu and in content navigation*/
/**********
    Each Theme should have 5 style sheets, with its own set of styles. (Current has **)

    main.css   -- Main HTML elements and universal classes
    brand.css  -- Brand color classes to add to the variety of text on a page
    collegeNav.css   -- Styling for the top navigation bar
 ** secondaryNav.css -- Styling for navigation other than the top College nav bar
    (color).css -- The specific coloring for the theme (also in theme name)

**********/



@media all and (min-width: 701px) {


    /******************************************** Skin Override for Sitefinity Navigtaion **********************/

        /* Sitefinity Rad horizontal (gray) Menu */
        .RadTabStripTop_Sitefinity {
                border: none;
                color: #252525;
                font: Arial, Verdana, Helvetica, Helve, sans-serif ! important;
                margin-top:10px; margin-bottom: 0;
        }
            .RadTabStripTop_Sitefinity .rtsLevel {
                    background-color: #C9C9C9 ! important;
                    color: #252525 ! important;
            }
            .RadTabStripTop_Sitefinity .rtsLI {
                    border-right: solid 1px #252525;
                    padding-top:2px;
            }
            .RadTabStripTop_Sitefinity .rtsLink, .RadTabStripTop_Sitefinity .rtsOut, .RadTabStripTop_Sitefinity .rtsIn, .RadTabStripBottom_Sitefinity .rtsLink, .RadTabStripBottom_Sitefinity .rtsOut, .RadTabStripBottom_Sitefinity .rtsIn {
                    background-image: none ! important;
                    color: #252525 ! important;
            }
                .RadTabStripTop_Sitefinity a.rtsLink:focus:after { border-right: 1px solid #252525 ! important; }
                .RadTabStripTop_Sitefinity .rtsLink:hover { background-color: #b9b9b9 ! important; }
                .RadTabStripTop_Sitefinity .rtsLink:hover .rtsTxt { text-decoration: none ! important; }
            .RadTabStripTop_Sitefinity .rtsSelected { background-color: #d9d9d9 ! important; }


        /* Sitefinity Rad Vertical (text with > before) Menu */

        .RadTabStripLeft_Sitefinity a:hover { background-color: White; }
        .RadTabStripLeft_Sitefinity a:before, .RadTabStripRight_Sitefinity a:before {
                content:"> ";
                display: inline-block;
                float:left; 
                font-weight:bold;
                margin-top:-2px;
        }
        .RadTabStripLeft_Sitefinity .rtsLink, .RadTabStripRight_Sitefinity .rtsLink {
                font: 12px/26px Arial,Helvetica,sans-serif; font-weight: bold;
                padding: 0 ! important;
                text-align: left !important;
        }
        .RadTabStripLeft_Sitefinity .rtsLast .rtsLink, .RadTabStripRight_Sitefinity .rtsLast .rtsLink { 
                border-bottom: none !important; }
        .RadTabStripVertical .rtsUL { margin-top:10px !important; width:90%; }
        .RadTabStripVertical  .rtsLI { border-right: none !important; }
        .RadTabStripVertical .rtsLevel1 .rtsTxt { margin-right: 15px; }

}



@media all and (max-width: 700px) {


    /******************************************** Skin Override for Sitefinity Navigtaion **********************/

    /* Sitefinity Rad horizontal (gray) Menu */
        .RadTabStripTop_Sitefinity {
            border: none;
            color: #252525;
            font: Arial, Verdana, Helvetica, Helve, sans-serif ! important;
            margin-bottom: 0;
        }
            .RadTabStripTop_Sitefinity a.rtsLink:focus:after { border-right: 1px solid #252525 ! important; }
            .RadTabStripTop_Sitefinity .rtsLevel {
                background-color: #C9C9C9 ! important;
                color: #252525 ! important;
            }
            .RadTabStripTop_Sitefinity .rtsUL { width:100%; } /* Added 12/31/14 to make width btwn 480 and 700 look better. -dmh */ 
            .RadTabStripTop_Sitefinity .rtsLI {
                border-bottom: solid 1px #252525;
                display:block;
                width:100%;
            }
            .RadTabStripTop_Sitefinity .rtsLink, .RadTabStripTop_Sitefinity .rtsOut, .RadTabStripTop_Sitefinity .rtsIn, .RadTabStripBottom_Sitefinity .rtsLink, .RadTabStripBottom_Sitefinity .rtsOut, .RadTabStripBottom_Sitefinity .rtsIn {
                background-image: none ! important;
                color: #252525 ! important; 
                font-size: 1.2em; 
                padding:2px;
            }
                .RadTabStripTop_Sitefinity .rtsLink:hover { background-color: #b9b9b9 ! important; }
                .RadTabStripTop_Sitefinity .rtsLink:hover .rtsTxt { text-decoration: none ! important; }
                .RadTabStripTop_Sitefinity .rtsLink .rtsText { padding: 3px auto; }
                .RadTabStripTop_Sitefinity .rtsSelected { background-color: #d9d9d9 ! important; }


    /* Sitefinity Rad Vertical (text with > before) Menu */

        .RadTabStripLeft_Sitefinity a:hover { background-color: White; }
        .RadTabStripLeft_Sitefinity a:before, .RadTabStripRight_Sitefinity a:before {
                content:"> ";
                display: inline-block;
                float:left; 
                font-weight:bold;
                margin-top:-2px;
        }
        .RadTabStripLeft_Sitefinity .rtsLink, .RadTabStripRight_Sitefinity .rtsLink {
                font: 1.1 em; font-weight: bold;
                padding: 0 ! important;
                text-align: left !important;
        }
        .RadTabStripVertical .rtsLevel1 .rtsTxt {
                font: 1.3em !important; 
                margin-right: 15px; 
        }
        .RadTabStripVertical  .rtsLI { border-right: none !important; }
        .RadTabStripVertical .rtsUL { margin-top:10px !important; width:90%; }
            
}

/***********************End of media queries***********************/