/* General
 * General body styling including font size, color, padding and margin
 */
    body {
        background: #fff none no-repeat;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 78%;
        height: 100%;
        margin: 0;
        min-width: 960px;
        padding: 0; /* 20px;*/
        position: relative;
        /*text-align: center;*/
        z-index: 4000;
    }

    /* Page Width Options */
    body.fullWidth .container{
        width: auto;
    }
    body.fixedWidth .container{
        width: 960px;
    }

    .container{
        margin: auto;
        text-align: left;
    }

    /* Link Styles */
    a{
        color: #0C618D;
    }
    #uberNav a, #mainSearch a, #contextOptions a{
        text-decoration: none;
    }
    #uberNav a:hover, #siteBanner a:hover, #contextOptions a:hover, #breadcrumbs a:hover{
        text-decoration: underline;
    }

    /* header */
    #header{
        background: transparent url(globalNavBackgroundRight.jpg) no-repeat right bottom;
        margin-left: 3px;
        margin-right: 3px;
    }

/* Ubernav
 * Top right of the screen and contains high level links and account details
 */
    #uberNav{
        font-size: 12px;
        height: 20px;
        margin: 0;
        padding-top: 8px;
        text-align: right;
    }
    #uberNav #relatedSites, #uberNav #userInfo{
        float: right;
    }
    #uberNav #userInfo{
        text-transform: capitalize;
    }
    #uberNav #relatedSites ul{
        margin: 0 20px 0 0;
        padding: 0;
    }
    #uberNav #relatedSites ul li{
        display: inline;
        list-style-type: none;
        margin-right: 10px;
    }

/* NavBar
 * Primary Navigation for the site
 */
    #primaryNav{
        background: transparent url(globalNavBackgroundLeft.jpg) no-repeat top left;
        margin: 0 auto;
        width: 100%;
        height: 100%;
    }
    #primaryNav div {
        display: inline-block;
    }
    #primaryNav ul{

        display: inline-block;
        height: 44px;
        margin: 0;
        padding: 0;
    }
    #primaryNav li{
        display: inline-block;
        float:left;
        list-style-type: none;
        height:35px;
        margin-top:1px;
    }
    #primaryNav ul li.first {
        color: #2A530A;
        margin-left: 30px;
        position: relative;
        top:4px;

    }
    #primaryNav ul li a {
        color: #313131;
        display: block;
        font-size: 14px;
        font-weight: bold;
        height: 23px;
        margin-left: 25px;
        padding: 12px 0 7px;
        text-align: center;
        text-decoration: none;
        width: 90px;  /* was 100px makes code gallery fit in IE.. */
    }
    #primaryNav ul li a:hover {
        background:url(../images/globalNavBackgroundActive.jpg) repeat-x scroll 100% 5px transparent;
        color:#FFF;
    }
    #primaryNav ul li.first a, #primaryNav ul li.first a:hover {
        background: none;
        color: #2A530A;
        font-size: 20px;
        padding: 8px 0 0;
        text-align: left;
        width: 270px;
    }
    #primaryNav ul li.selected a{
        background:url(../images/globalNavBackgroundActive.jpg) repeat-x scroll 100% 5px transparent;
        color: #fff;
    }

    /* Search */
    #search{
        float: right;
        margin-top: 0px;
        width: 265px;
    }
    #search fieldset{
        background: transparent url(globalNavSearchBackground.jpg) no-repeat 0px 8px;
        border: 0;
        height: 22px;
        margin: 0;
        padding: 10px 10px 10px 0;
        position: relative;
        z-index: 15;
    }
    #search fieldset #searchKeyWord{
        margin-top: 5px;
        width: 200px;
    }
    #search input{
        background: transparent;
        border: 0;
    }
    #search input#searchButton{
        cursor: pointer;
        height: 20px;
        margin-left: 10px;
        padding: 0;
        text-indent: -1000px;
        width: 30px;
    }
    #search fieldset #searchCollectionType{
        background:none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #ACC6D8;
        margin-top: 2px;
        margin-left: 0;
        padding: 5px;
        position: absolute;
        text-align: left;
        width: 240px;
    }
    #search label{
        cursor: pointer;
    }

/* SiteBanner
 * Colored banner that contains the breadcrumbs and contextual navigation items

    #banner{
        background: #003201 url(../images/resource_center_banner.jpg) top left no-repeat;
        height: 32px;
        position: relative;
        z-index: 10;
    }*/

    /* BreadCrumbs */
    #breadcrumbs{
        color: #fff;
        font-size: 1em;
        font-weight: bold;
        padding: 8px 0 0 10px
    }
    #breadcrumbs a{
        color: #fff;
        text-decoration: none;
    }

    /* Contextual Options */
    #contextOptions{
        color: #fff;
        padding: 0 15px 0 0;
        position: absolute;
        right: 0;
        top: 0px;
        z-index: 11;
    }
    #contextOptions ul{
        margin: 0;
        padding: 8px 0 0 0;
    }
    #contextOptions ul li{
        display: inline;
    }
    #contextOptions ul li a{
        color: #fff;
        font-weight: bold;
        margin-left:5px;
    }