#top_imagery
{
    display: none;
}

#global_header
{
    display: block;
    width: 100%;
    text-align: center;
    background-color: #660000;
    background: -webkit-gradient(linear, 0% 25%, 0% 65%, from(#A62E2E), to(#660000));
    margin: 0;
}

#global_header a
{
    color: white;
    font-weight: normal;
    padding: 10px;
    display: table;
    text-decoration: none;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#sidebar
{
    display: none;
}

#mainnav a
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

#mainnav > li > a::before
{
    content: "\25b8"; /*right-arrow*/
    display: inline;
    padding-right: 10px;
}

#mainnav > li > ul
{
    display: none;
    margin-left: 80px;
    background-color: rgba(100,0,0,0.9);
}

#mainnav > li > a:focus, #mainnav > li > a:hover
{
    outline: 0;
    background-color: #990000;
}

.expanded
{
    /*background-color: green;*/
}

.expanded > a::before
{
    content: "\25be"!important; /*right-arrow*/
    display: inline;
    padding-right: 10px;
}

#mainnav, #mainnav > li > ul
{
    list-style-type: none;
}

#mainnav a
{
    display: block;
    text-align: left;
}

#mobile_gh_container
{
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    z-index: 9998;
    background-color: rgba(50,0,0,0.9);
}

#mainnav
{
    margin: 0;
    padding: 0;
}

#global_menu_close
{
    position: absolute;
    top: 46px;
    right: 0;
    z-index: 9999;
    font-size: 70%;
}

#top-images li img, #top_imagery a img, img
{
    width: 100%;
    height: auto;
}

#top_imagery, #top_imagery .title_banner
{
    z-index: 999;
}

#top_imagery .title_banner
{
    top: 0;
}

#weather_contents
{
    float: right;
    width: 90px;
    height: 100%;
    color: white;
    margin-top: -42px;
    
    background-repeat: no-repeat;
    background-position: 30px -5px;
    
    -moz-background-size: 110% auto;
    -webkit-background-size: 110% auto;
    background-size: 110% auto;
    text-shadow:#000 0 1px 0;
}

#current_temperature
{
    float: left;
    width: 100%;
    text-align: left;
    
}

#today_high, #today_low
{
    font-size: 58%;
    float: left;
    
}

#today_high
{
    color: #DD6666;
}

#today_low
{
    color: #6666DD;
    margin-left: 5px;
}

input[type="submit"]
{
    font-size: 120%;
}

    body
    {
        background-color: #e5e5e5;
    }
    
    .directory
    {
        background: url('http://www.conorbritain.com/elonmobile/web_slices/nav_directoryImage.png') 50% 70%;
    }
    
    .calendar
    {
        background: url('http://www.conorbritain.com/elonmobile/web_slices/nav_calendarImage.png') 50% 50%;
    }
    
    .enet
    {
        background: url('http://www.conorbritain.com/elonmobile/web_slices/nav_enetImage.png') 50% 50%;
    }
    
    .athletics
    {
        background: url('http://www.conorbritain.com/elonmobile/web_slices/nav_athleticsImage.png') 50% 50%;
    }
    
    .about
    {
        background: url('http://www.conorbritain.com/elonmobile/web_slices/nav_campusImage.png') 50% 50%;
    }
    
    .tour
    {
        background: url('http://www.conorbritain.com/elonmobile/web_slices/nav_mapImage.png') 50% 50%;
    }
    
    #nav li
    {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-image: -webkit-gradient(
            radial,
            center -50%,
            20,
            center top,
            451,
            color-stop(0, rgb(151,89,89)),
            color-stop(0.1, rgb(109,13,13)),
            color-stop(0.105, rgb(85,0,0))
        );
        
        background-color: #250000;
        border: 5px solid #250000;
        border-bottom-width: 30px; /* set here for default */
        float: left;
        margin: 0 5px 10px 5px;
    }
    
    #nav li:hover, .hover
    {
        -webkit-box-shadow:0 0 10px rgb(139,13,13);
        box-shadow:0 0 10px rgb(139,13,13);
    }
    
    #nav li, #nav li a
    {
        display: block;
        background-repeat: no-repeat;
        border-bottom-color: #250000;
        
        width: 83px; /* set here for default */
        height: 53px; /* set here for default */
    }
    
    #nav li a
    {
        line-height: 135px; /* set here for default */
        margin: 0px;
        color: white;
        text-align: center;
        font-family: verdana;
        text-decoration: none;
    }

    .container
    {
        margin: 0 5px 0 5px;
    }
    
/* Portrait */
@media screen and (max-width: 320px) {
    .container
    {
        width: 310px;
    }
}
/* Landscape */
@media screen and (min-width: 321px) and (max-width: 480px) {
    .container
    {
        width: 470px;
    }
    
    #nav li, #nav li a
    {
        width: 74px;
        height: 54px;
    }
    
    #nav li
    {
        border-bottom-width: 20px;
    }
    
    #nav li a
    {
        line-height: 128px;
    }
}

/* global_menu */

#global_menu
{
    border: 1px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    float: left;
    padding: 7px!important;
    display: block;
    margin: 5px;
    font-size: 70%;
    
}

/* end global_menu */

#global_footer
{
    margin-top: 20px;
}