.inner-logo
{
    width: 11%;
    height: 160px;
    position: relative;
    top: 6%;
    left: 2%;
    float: left;
}
#main, #logo, #menubar, #site_content, #footer
{
    margin-left: auto;
    margin-right: auto; /*background: rgb(100, 149, 237);*/
    background-color:rgb(90, 133, 80);
/*    background-image: radial-gradient( circle 610px at 5.2% 51.6%,  rgba(5,8,114,1) 0%, rgba(7,3,53,1) 97.5% );*/
}

#up-header
{
    width: 100%;
}

#up-header span h1
{
    /*width: 80%;*/
    font-size: 24px;
}

#help
{
    width: auto;
    height: 29px;
    padding-left: 40px;
    text-align: right;
    position: static;
    top: 10px;
    right: 20px;
    font-weight: bold;
    font-size: 14px;
}

#header
{
    background: rgb(205,227,200);
    height: 205px;
    top: 40%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#logo
{
    width: 100%;
    height: 160px; /*background: #8088EE;*/
}

#logo #logo_text
{
    top: 20px; /*left: 0;*/
}

#logo h1, #logo h2
{
    font: bold 50% 'century gothic' , arial, sans-serif;
    border-bottom: 0;
    text-transform: none;
    margin: 0;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover
{
    padding: 20px 0 0 180px;
    color: #FFF; /*width: 80%;*/
    letter-spacing: 0.05em;
    text-decoration: none;
}

#logo_text h1 a .logo_colour
{
    color: #993333;
}

#logo_text h2
{
    font-size: 100%;
    padding: 10px 0 0 180px;
    color: #FFF;
}
#site_content
{
    width: 95%;
    overflow: hidden;
    margin: 0 auto 0 auto;
    padding: 0px 0px 0px 0px;
    background: #FFF url(content_new.png) repeat-y;
}

.dropdown-submenu
{
    position: relative;
    color: #0000ff;
}

.dropdown-submenu > a:after
{
    content: "\f0da";
    float: right;
    border: none;
    font-family: 'FontAwesome';
}

.dropdown-submenu > .dropdown-menu
{
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}

.topnav
{
    overflow: hidden;
    /*background: #10243e url(menunew.png) repeat-x;*/
    background:rgb(90, 133, 80);
}

.topnav a
{
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
}

.topnav a:hover
{
    background-color: #ddd;
    color: black;
}

.topnav .icon
{
    display: none;
}

a.activeMenuItem
{
    background-color: #5B2660;
}


/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/

body
{
    min-height: 100vh;
}

code
{
    color: #B06AB3;
    background: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 0.2rem;
}

/*@media (min-width: 991px)
        {
            .dropdown-menu
            {
                box-shadow: 0 0 10px rgba(0, 0,255, 1);
            }
        }*/

@media screen and (max-width: 900px)
{
    .topnav a:not(:first-child)
    {
        display: none;
    }
    .topnav a.icon
    {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 900px)
{
    .topnav.responsive
    {
        position: relative;
    }
    .topnav.responsive .icon
    {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a
    {
        float: none;
        display: block;
        text-align: left;
    }
}
@media screen and (max-width: 1268px) and (min-width: 901px)
{

    .topnav a
    {
        font-size: 12px;
    }


}

@media screen and (max-width: 1023px)
{
    #up-header span h1
    {
        /*width: 55% !important;*/
        font-size: 10px;
    }

    ul li
    {
        list-style-type: circle; /*margin: 0 0 6px 0;  padding: 0 0 4px 5px;*/
    }

    .leftsidebar li
    {
        list-style: none;
        padding: 0 0 7px 0px;
        margin-top: 0px;
    }

    #header
    {
        /*background: #8088EE;*/
        top: 20%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: auto;
        padding: 10px;
    }

    #logo
    {
        width: 100% !important;
        position: relative; /*height: 230px !important;*/
        font-size: 12px;
    }

    .inner-logo img
    {
        margin-top: 10px;
    }

    #logo #logo_text
    {
        position: absolute;
        top: 20px;
        left: 0;
    }

    #logo h1, #logo h2
    {
        font: bold 200% 'century gothic' , arial, sans-serif;
        border-bottom: 0;
        text-transform: none;
        font-size: 10px !important;
        color: #000;
        margin: 0;
    }

    #logo_text h1, #logo_text h1 a, #logo_text h1 a:hover
    {
        padding: 2px 0 0 160px;
        color: #FFF;
        width: 100%;
        letter-spacing: 0.02em;
        text-decoration: none;
    }

    #logo_text h1 a .logo_colour
    {
        color: #993333;
    }

    #logo_text h2
    {
        font-size: 12px;
        padding: 15px 5px 0 160px; /*width: 55% !important;*/
        color: #FFF;
    }

    #help
    {
        width: 100%;
        color: #fff;
        padding: 5px 2px;
        font-weight: bold;
        font-size: 10px;
        text-align: left;
        line-height: 1.5;
    }

    .text
    {
        font-size: 12px;
    }

    table, th, td
    {
        font-size: 12px;
    }
    .leftsidebar
    {
        width: 100%;
        height: auto;
        padding: 20px 0px 0px 0px;
        /*background-color: rgb(100, 149, 237);*/
    }

    .leftsidebar ul
    {
        padding: 4px 0 0 0;
        margin: 4px 0 10px 5px;
    }

    .leftsidebar li
    {
        list-style: none;
        padding: 0 0 7px 0px;
        margin-top: 0px;
    }

    .leftsidebar li a
    {
        padding: 0 0 0 40px;
        background: transparent url(link.png) no-repeat left center;
        color: brown;
    }

    .leftsidebar li a:hover
    {
        color: #10243e;
    }

    .leftsidebar li a.selected
    {
        color: #444;
        text-decoration: none;
    }

    #content
    {
        text-align: left;
        width: 100%;
        padding-bottom: 0px;
    }

    #content ul
    {
        margin: 2px 0 22px 0px;
    }

    #content ul li
    {
        list-style-type: none;
        background: url(bullet.png) no-repeat;
        margin: 0 0 6px 0;
        padding: 0 0 4px 25px;
        line-height: 1.5em;
    }

    td h2
    {
        font-size: 16px;
    }

    .rightsidebar
    {
        float: left;
        width: 100%;
        height: 500px;
        padding: 20px 0px 0px 0px;
        
    }

    .rightsidebar ul
    {
        padding: 4px 0 0 0;
        margin: 4px 0 4px 0;
    }

    .rightsidebar li
    {
        list-style: none;
        padding: 0 0 7px 0;
    }

    .rightsidebar li a, .rightsidebar li a:hover
    {
        padding: 0 0 0 24px;
        display: block;
        background: transparent url(link.png) no-repeat left center;
        color: brown;
    }

    .rightsidebar li a.selected
    {
        color: #444;
        text-decoration: none;
    }
    .left-heading
    {
        color: #10243e;
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
    }

    #footer
    {
        width: 100%;
        height: auto;
        padding: 20px 0 20px 0;
        text-align: center;
        font-size: 10px;
        background: #10243e;
        color: #FFF;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }

    .text
    {
        font-size: 14px;
    }
    .leftsidebar
    {
        width: 100%;
        height: auto;
    }

    #content
    {
        width: 100%;
    }

    td h2
    {
        font-size: 16px;
    }

    .rightsidebar
    {
        float: left;
        width: 100%;
        height: auto;
    }

    .left-heading
    {
        color: #10243e;
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
    }

    #footer
    {
        font-size: 10px;
    }

}