@charset "utf-8";
/* CSS Document */

/* new style for BD Menu Start */


#submenu div a {
    color: #2ca8e2;
}

    #submenu div a:hover {
        color: #2ca8e2;
    }

#sub-menu-div span {
    color: #0077aa;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
}

    #sub-menu-div span.no-link {
        color: #0077aa;
    }

#sub-menu-div img {
    float: left;
    margin: 0px 8px 0 0;
}

#icon1 #programs-img {
    background: url(../newuiimages/icon4.png) no-repeat center center transparent;
    width: 37px;
    height: 37px;
    margin: 0 auto;
}

#icon1:hover #programs-img {
    background: url(../newuiimages/icon4_h.png) no-repeat center center transparent;
}

#sub-menu-box {
    background-color: #fefefe;
    background-image: url("../newuiimages/sub-menu-bg.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #e2e2e2;
    position: absolute;
    padding: 10px;
    width: 1178px;
}

#programs-sponsors-bd {
    padding: 0 10px;
}

    #programs-sponsors-bd #sub-menu-div {
        background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
        display: list-item;
        padding-top: 10px;
        padding-bottom: 14px;
    }

        #programs-sponsors-bd #sub-menu-div.last {
            background: none;
        }

        #programs-sponsors-bd #sub-menu-div #first-col {
            width: 480px;
            float: left;
            margin-right: 30px;
        }

        #programs-sponsors-bd #sub-menu-div #second-col {
            width: 305px;
            float: left;
            margin-right: 30px;
        }

        #programs-sponsors-bd #sub-menu-div #third-col {
            width: 325px;
            float: right;
        }

        #programs-sponsors-bd #sub-menu-div #submenu div {
            color: #2f3976;
            float: left;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 13px;
            margin-right: 30px;
            margin-bottom: 10px;
            width: 40%;
        }



#icon1 #education-img {
    background: url(../newuiimages/icon2.png) no-repeat center center transparent;
    width: 37px;
    height: 37px;
    margin: 0 auto;
}

#icon1:hover #education-img {
    background: url(../newuiimages/icon2_h.png) no-repeat center center transparent;
}

#education-bd {
    padding: 0 10px;
}

    #education-bd #sub-menu-div {
        background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
        display: list-item;
        padding-top: 10px;
        padding-bottom: 14px;
    }

        #education-bd #sub-menu-div.last {
            background: none;
        }

        #education-bd #sub-menu-div #first-col {
            width: 190px;
            float: left;
            margin-right: 90px;
        }

        #education-bd #sub-menu-div #second-col {
            width: 420px;
            float: left;
            margin-right: 25px;
        }

            #education-bd #sub-menu-div #second-col #submenu div {
                float: left;
                margin-right: 25px;
                color: #2f3976;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 13px;
                width: 180px;
                margin-bottom: 10px;
            }

        #education-bd #sub-menu-div #third-col {
            width: 430px;
            float: left;
            margin-right: 00px;
        }

            #education-bd #sub-menu-div #third-col #submenu div {
                float: left;
                margin-right: 25px;
                color: #2f3976;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 13px;
                width: 190px;
                margin-bottom: 10px;
            }


#icon1 #newsevent-img {
    background: url(../newuiimages/NewsEvents.png) no-repeat center center transparent;
    width: 37px;
    height: 37px;
    margin: 0 auto;
}

#icon1:hover #newsevent-img {
    background: url(../newuiimages/NewsEvents_h.png) no-repeat center center transparent;
}

#news-event-bd {
    padding: 0 10px;
}

    #news-event-bd #sub-menu-div {
        background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
        display: list-item;
        padding-top: 10px;
        padding-bottom: 14px;
    }

        #news-event-bd #sub-menu-div.last {
            background: none;
        }

        #news-event-bd #sub-menu-div #first-col {
            width: 372px;
            float: left;
            margin-right: 90px;
        }

        #news-event-bd #sub-menu-div #second-col {
            width: auto;
            float: left;
            margin-right: 00px;
        }

        #news-event-bd #sub-menu-div #submenu div {
            float: left;
            margin-right: 30px;
            color: #2f3976;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 13px;
        }


#icon2 #reportslogs-img {
    background: url(../newuiimages/icon3.png) no-repeat center center transparent;
    width: 37px;
    height: 37px;
    margin: 0 auto;
}

#icon2:hover #reportslogs-img {
    background: url(../newuiimages/icon3_h.png) no-repeat center center transparent;
}

#reports-logos-bd {
    padding: 0 10px;
}

    #reports-logos-bd #sub-menu-div {
        background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
        display: list-item;
        padding-top: 10px;
        padding-bottom: 14px;
    }

        #reports-logos-bd #sub-menu-div.last {
            background: none;
        }

            #reports-logos-bd #sub-menu-div.last #first-col {
                float: none;
                width: 100%;
                margin-right: 0;
            }

        #reports-logos-bd #sub-menu-div #first-col {
            width: 360px;
            float: left;
            margin-right: 30px;
        }

        #reports-logos-bd #sub-menu-div #second-col {
            width: 350px;
            float: left;
            margin-right: 0px;
        }

        #reports-logos-bd #sub-menu-div #third-col {
            width: 285px;
            float: left;
            margin-right: 0px;
        }

        #reports-logos-bd #sub-menu-div #submenu {
        }

            #reports-logos-bd #sub-menu-div #submenu div {
                float: left;
                margin-right: 0;
                color: #2CA8E2;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 13px;
                margin-bottom: 10px;
                width: 25%;
            }



#icon2 #support-img {
    background: url(../newuiimages/support.png) no-repeat center center transparent;
    width: 37px;
    height: 37px;
    margin: 0 auto;
}

#icon2:hover #support-img {
    background: url(../newuiimages/support_h.png) no-repeat center center transparent;
}

#support-bd {
    padding: 0 10px;
}

    #support-bd #sub-menu-div {
        background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
        display: list-item;
        padding-top: 10px;
        padding-bottom: 14px;
    }

        #support-bd #sub-menu-div.last {
            background: none;
        }

        #support-bd #sub-menu-div #first-col {
            width: 180px;
            float: left;
            margin-right: 00px;
        }

        #support-bd #sub-menu-div #second-col {
            width: 260px;
            float: left;
            margin-right: 0px;
        }

        #support-bd #sub-menu-div #third-col {
            width: 400px;
            float: left;
        }

        #support-bd #sub-menu-div #submenu {
            width: auto;
        }

            #support-bd #sub-menu-div #submenu div {
                /*float: left;*/
                margin-right: 15px;
                color: #2f3976;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 13px;
                float: left;
            }

            #support-bd #sub-menu-div #submenu #sub-line {
                background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
                padding-top: 10px;
                padding-bottom: 14px;
                float: none;
                margin: 0;
            }

                #support-bd #sub-menu-div #submenu #sub-line.last {
                    background: none;
                }

                #support-bd #sub-menu-div #submenu #sub-line #column {
                    float: left;
                    width: 138px;
                    margin: 0 0 0 00px;
                }

                #support-bd #sub-menu-div #submenu #sub-line #column1 {
                    float: left;
                    width: 182px;
                    margin: 0 0 0 20px;
                }


#icon2 #admin-img {
    background: url(../newuiimages/admin.png) no-repeat center center transparent;
    width: 37px;
    height: 37px;
    margin: 0 auto;
}

#icon2:hover #admin-img {
    background: url(../newuiimages/admin_h.png) no-repeat center center transparent;
}

#admin-bd {
    padding: 0 10px;
}

    #admin-bd #sub-menu-div {
        background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
        display: list-item;
        padding-top: 10px;
        padding-bottom: 14px;
    }

        #admin-bd #sub-menu-div.last {
            background: none;
        }

        #admin-bd #sub-menu-div #first-col {
            width: 394px;
            float: left;
            margin-right: 30px;
        }

        #admin-bd #sub-menu-div #second-col {
            width: 394px;
            float: left;
            margin-right: 30px;
        }

        #admin-bd #sub-menu-div #third-col {
            width: auto;
            float: left;
            margin-right: 00px;
        }

        #admin-bd #sub-menu-div #first-col-1 {
            width: 560px;
            float: left;
            margin-right: 30px;
        }

        #admin-bd #sub-menu-div #second-col-1 {
            width: 580px;
            float: left;
            margin-right: 00px;
        }

        #admin-bd #sub-menu-div #submenu div {
            float: left;
            margin-right: 0px;
            color: #2f3976;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 13px;
            width: 48%;
            margin-bottom: 10px;
        }



#icon2 #favorites-img {
    background: url(../newuiimages/favorite.png) no-repeat center center transparent;
    width: 37px;
    height: 37px;
    margin: 0 auto;
}

#icon2:hover #favorites-img {
    background: url(../newuiimages/favorite_h.png) no-repeat center center transparent;
}


#favorites-bd {
    padding: 0 10px;
}

    #favorites-bd #sub-menu-div {
        background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
        display: list-item;
        padding-top: 10px;
        padding-bottom: 14px;
    }

    #favorites-bd .fa-bg {
        background: none !important;
    }

    #favorites-bd #sub-menu-div.last {
        background: none;
    }

    #favorites-bd #sub-menu-div #first-col {
        float: right;
        margin-right: 0;
        width: 340px;
    }

    #favorites-bd #sub-menu-div #second-col {
        width: 800px;
        float: left;
        margin-right: 0px;
    }

    #favorites-bd #sub-menu-div #submenu {
        width: 800px;
    }

        #favorites-bd #sub-menu-div #submenu div {
            float: left;
            margin-right: 2%;
            color: #2f3976;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 13px;
            width: 30%;
            margin-bottom: 8px;
        }

        #favorites-bd #sub-menu-div #submenu #col-1 {
            width: 345px;
            margin-left: 0px;
            float: left;
        }

            #favorites-bd #sub-menu-div #submenu #col-1 #sub-line {
                background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
                padding-top: 10px;
                padding-bottom: 14px;
                float: none;
                margin: 0;
            }

                #favorites-bd #sub-menu-div #submenu #col-1 #sub-line.last {
                    background: none;
                }

                #favorites-bd #sub-menu-div #submenu #col-1 #sub-line #column {
                    float: left;
                    width: 130px;
                    margin: 0 0 0 00px;
                }

                #favorites-bd #sub-menu-div #submenu #col-1 #sub-line #column1 {
                    float: left;
                    width: 182px;
                    margin: 0 0 0 20px;
                }

        #favorites-bd #sub-menu-div #submenu #col-2 {
            width: 418px;
            float: left;
            margin: 0;
        }

            #favorites-bd #sub-menu-div #submenu #col-2 #sub-line {
                background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
                padding-top: 10px;
                padding-bottom: 14px;
                float: none;
                margin: 0;
            }

                #favorites-bd #sub-menu-div #submenu #col-2 #sub-line.last {
                    background: none;
                }

                #favorites-bd #sub-menu-div #submenu #col-2 #sub-line #column {
                    float: left;
                    width: 175px;
                    margin: 0 0 0 00px;
                }

                #favorites-bd #sub-menu-div #submenu #col-2 #sub-line #column1 {
                    float: left;
                    width: 220px;
                    margin: 0 0 0 20px;
                }




#profile-bd {
    padding: 0 10px;
}

    #profile-bd #sub-menu-div {
        background: url(../newuiimages/submenu-divider.jpg) repeat-x center bottom transparent;
        display: list-item;
        padding-top: 10px;
        padding-bottom: 14px;
    }

        #profile-bd #sub-menu-div.last {
            background: none;
        }

        #profile-bd #sub-menu-div #first-col {
            width: 540px;
            float: left;
            margin-right: 90px;
        }

        #profile-bd #sub-menu-div #second-col {
            width: auto;
            float: left;
            margin-right: 90px;
        }

        #profile-bd #sub-menu-div #submenu div {
            float: left;
            margin-right: 30px;
            color: #2f3976;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 13px;
        }

#icon1 #myprofile-img {
    background: url(../newuiimages/icon-set1.png) no-repeat center center transparent;
    width: 25px;
    height: 25px;
    margin: 0 auto;
}

#icon1:hover #myprofile-img {
    background: url(../newuiimages/icon-set1_h.png) no-repeat center center transparent;
}

#icon1 #alert-img {
    background: url(../newuiimages/icon-set3.png) no-repeat center center transparent;
    width: 25px;
    height: 25px;
    margin: 0 auto;
}

#icon1:hover #alert-img {
    background: url(../newuiimages/icon-set3_h.png) no-repeat center center transparent;
}

#icon1 #logout-img {
    background: url(../newuiimages/icon-set4.png) no-repeat center center transparent;
    width: 25px;
    height: 25px;
    margin: 0 auto;
}

#icon1:hover #logout-img {
    background: url(../newuiimages/icon-set4_h.png) no-repeat center center transparent;
}


/* new style for BD Menu End */




@media only screen and (max-width : 1024px) {
    #sub-menu-div span {
        font-size: 14px;
    }

    #reports-logos-bd #sub-menu-div #submenu div {
        font-size: 12px;
    }

    #sub-menu-div img {
        float: left;
        margin: 0 8px 10px 0;
    }

    .nav-dropdown {
        right: -13px;
        width: 954px;
        margin-top: -5px;
    }

    #reports-logos-bd #sub-menu-div #first-col {
        float: left;
        margin-right: 30px;
        width: 285px;
    }

    #reports-logos-bd #sub-menu-div #submenu div {
        margin-bottom: 10px;
        margin-right: 22px;
        width: 30%;
    }

    #programs-sponsors-bd #sub-menu-div #first-col {
        float: left;
        margin-right: 10px;
        width: 346px;
    }

    #programs-sponsors-bd #sub-menu-div #submenu div {
        color: #2f3976;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        margin-bottom: 10px;
        margin-right: 10px;
        width: 46%;
    }

    #programs-sponsors-bd #sub-menu-div #second-col {
        float: left;
        margin-right: 10px;
        width: 284px;
    }

    #programs-sponsors-bd #sub-menu-div #third-col {
        float: right;
        width: 280px;
    }


    #education-bd #sub-menu-div #first-col {
        float: left;
        margin-right: 50px;
        width: 190px;
    }

    #education-bd #sub-menu-div #second-col {
        float: left;
        margin-right: 15px;
        width: 310px;
    }

    #education-bd #sub-menu-div #third-col {
        float: left;
        margin-right: 0;
        width: 350px;
    }


    #admin-bd #sub-menu-div #first-col {
        float: left;
        margin-right: 30px;
        width: 300px;
    }

    #admin-bd #sub-menu-div #second-col {
        float: left;
        margin-right: 30px;
        width: 300px;
    }

    #admin-bd #sub-menu-div #first-col-1 {
        float: left;
        margin-right: 30px;
        width: 400px;
    }

    #admin-bd #sub-menu-div #second-col-1 {
        float: left;
        margin-right: 0;
        width: 400px;
    }


    #support-bd #sub-menu-div #first-col {
        float: left;
        margin-right: 0;
        width: 155px;
    }

    #support-bd #sub-menu-div #second-col {
        float: left;
        margin-right: 0;
        width: 240px;
    }

    #favorites-bd #sub-menu-div #first-col {
        width: 35%;
    }

    #favorites-bd #sub-menu-div #second-col {
        width: 63%;
    }

    #favorites-bd #sub-menu-div #submenu {
        width: auto;
    }

        #favorites-bd #sub-menu-div #submenu div {
            width: 46%;
        }

    #profile-bd #sub-menu-div #first-col {
        margin-right: 30px;
        width: 440px;
    }

    #profile-bd #sub-menu-div #second-col {
        margin-right: 140px;
    }

    #profile-bd #sub-menu-div #submenu div {
        width: 40%;
    }
}


@media only screen and (max-width : 768px) {
    #admin-bd #sub-menu-div #submenu div {
        font-size: 12px;
    }

    #sub-menu-div span {
        font-size: 14px;
    }

    #right-side {
        float: left;
        max-width: inherit !important;
        width: 791px;
    }

    #programs-sponsors-bd #sub-menu-div #third-col {
        float: left;
        width: 318px;
    }

    #education-bd #sub-menu-div #first-col {
        float: left;
        margin-right: 0;
        width: 200px;
    }

    #education-bd #sub-menu-div #second-col {
        float: left;
        margin-right: 15px;
        width: 230px;
    }

    #education-bd #sub-menu-div #third-col {
        float: left;
        margin-right: 0;
        width: 230px;
    }

    #admin-bd #sub-menu-div #first-col-1 {
        float: left;
        margin-right: 30px;
        width: 43%;
    }

    #admin-bd #sub-menu-div #second-col-1 {
        float: left;
        margin-right: 0;
        width: 43%;
    }

    #admin-bd #sub-menu-div #submenu div {
        width: 100%;
    }

    #profile-bd #sub-menu-div #first-col {
        float: left;
        margin-right: 0;
        width: 340px;
    }

    #profile-bd #sub-menu-div #second-col {
        margin-right: 40px;
    }


    #news-event-bd #sub-menu-div #second-col {
        float: left;
        margin-right: 0;
        width: 386px;
    }

    #news-event-bd #sub-menu-div #first-col {
        float: left;
        margin-right: 20px;
        width: 285px;
    }

    #news-event-bd #sub-menu-div #submenu div {
        margin-right: 10px;
        width: 47%;
    }

    #reports-logos-bd #sub-menu-div #submenu div {
        margin-bottom: 10px;
        margin-right: 22px;
        width: 45%;
    }

    #top-bg {
        height: 182px
    }
}