@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 999px) {
    #menu{display: none;}
}

@media only screen and (max-width: 800px) {
    #banner h1{text-align: center; display: block;}
    #banner {padding-bottom: 10px;display: block;}
    #right_div{display: none;}
    #banner_ad_left{display: block;width:50%;float:left;max-width: 400px;}
    #banner_ad_right{display: block;width:50%;float:left;max-width: 400px;}
    #banner h1{display: none;}
    #banner #banner_logo_mobile, #banner #banner_logo_mobile h1{display: block !important;}
    #banner_middle{display: none;}
    #banner_middle_mobile{
        display: block;
    }
    table#roster_table tr td input{
        max-width:150px;
    }
    
}
@media only screen and (max-width: 700px) {
    .content_wrapper{
        display: block !important;
    }
    #left_div{
        max-width: 100% !important;
        width:100%;
    }
    #main_content{
        padding: 10px;
    }
    
}

@media only screen and (max-width: 500px) {
    table#roster_table tr td input{
        max-width:100px;
    } 
}
@media only screen and (max-width: 360px) {
    table#roster_table tr td input{
        max-width:60px;
    } 
}