Copy the following CSS code (between the lines) and insert into your HTML document immediately preceding the closing HEAD tag. </HEAD>

<style type="text/css">
#banner_container {
    background-color:#236192;padding:5px;
}

#uaf_logo {
    float:left; width:71%;
}

.logo {
    float:left; margin-right:10px; width:auto;
}

.uaf-name {
    margin:10px 10px 0; width:auto;
}

#tabs {
    float:right; text-align:right; width:29%;
}

#tabs form {
    margin:0;
}

#tabs form input[type="text"], #tabs form input[type="password"], #tabs form input[type="email"], #tabs form textarea {
    display:inline; margin:0; font: 90% arial; width: 11em; padding: 4px 6px;
}

#custom-banner {
    padding: 8px 20px 0; text-align: right;
}

#custom-banner a {
    color: #FFCC66;
    font-family: Times New Roman;
    font-size: 2em;
    line-height: 1em;
    text-shadow: 1px 1px 1px #000000;
    text-decoration: none;
}

.clear {
    clear:both;
}

/* #Mobile

================================================== */

    @media only screen and (max-width: 587px) {
                #tabs form input[type="image"] {display:none !important;}
    }


    @media only screen and (max-width: 584px) {
                                #uaf_logo {width:40%;}
                                #tabs {width:59%;}
                      .uaf-name {display:none !important;}
                #tabs form input[type="image"] {display:none !important;}
                                #custom-banner a { font-size: 1.7em; }
                                #custom-banner { padding: 8px 0px 0;}
    }


</style>