*
    {
        margin: 0;
        padding: 0;
    }

    body
    {
        font-size: 62.5%;
        font-family: arial, helvetica, sans-serif;
        background: #4a4a4a url(../img/bg/body.jpg) repeat-x;
        text-align: center;
    }
    
    input, textarea, select
    {
        font-family: arial, helvetica, sans-serif;
        font-size: 1em;
    }

    #main h3
    {
        color: #555;
        font-family: georgia;
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.4em;
    }
    
    /*
     * H3 links.
     */
    #main h3 a:link, #main h3 a:hover, #main h3 a:active, #main h3 a:visited
    {
        color: #555;
        font-family: georgia;
        font-size: 1em;
        font-weight: bold;
        line-height: 1em;
    }
    
    #main h3 a:link, #main h3 a:visited, #footer a:link, #footer a:visited
    {
        text-decoration: none;
    }
    
    #main h3 a:hover, #main h3 a:active, #footer a:hover, #footer a:active
    {
        text-decoration: underline;
    }

    .h
    {
        display: none;
    }

    img
    {
        border: none;
    }

    #layout
    {
        width: 750px;
        margin: 0 auto;
        text-align: left;
    }

    #header
    {
        height: 295px;
        position: relative;
    }

    #logo h1, #logo h1 a
    {
        display: block;
        width: 265px;
        height: 60px;
    }

    #logo h1
    {
        position: absolute;
        top: 10px;
    }

    #logo h1 a
    {
        text-indent: -2650px;
        overflow: hidden;
        text-decoration: none;
        background: transparent url(../img/bg/logo.gif) no-repeat;
    }

    #logo p
    {
        display: none;
    }

    #navigation
    {
        display: block;
        position: absolute;
        width: 632px;
        padding-left: 118px;
        height: 185px;
        top: 95px;
        list-style: none;
        background: transparent url(../img/bg/navigation.jpg) no-repeat;
    }

    #navigation li, #navigation li a
    {
        display: block;
        height: 30px;
        width: 210px;
    }

    #navigation li
    {
        margin-bottom: 1px;
        float: left;
        clear: left;
    }

    #navigation li.active
    {
        background: #6a6a6a url(../img/bg/navigation-active.jpg) no-repeat;
    }

    #navigation li a
    {
       font-family: georgia, sans-serif;
       font-size: 1.4em;
       color: #fff;
       text-decoration: none;
       line-height: 30px;
       padding-left: 40px;
       width: 170px;
    }

    #navigation li a:hover
    {
        text-decoration: underline;
    }

    #navigation li ol
    {
        list-style: none;
        position: absolute;
        width: 210px;
        top: 0;
        left: 329px;
        background-color: #979797;
        padding-top: 1px;
    }

    #navigation li ol li
    {
        left: 0;
        height: 31px;
        background: transparent url(../img/bg/navigation-bg.jpg) no-repeat;
        background-position: 0px 0px;
        margin-bottom: 0;
    }
    
    #navigation li ol li.active
    {
        background: #6a6a6a url(../img/bg/navigation-bg.jpg) no-repeat -210px 0px;    
    }    

    #navigation li ol li a
    {
        color: #010101;
    }

    #navigation li ol li ol
    {
        left: 210px;
    }

    #ticker
    {
        background: #3a3a3a url(../img/bg/ticker.gif) top no-repeat;
        margin-top: 15px;
        position: relative;
    }

    #ticker h2
    {
        position: absolute;
        left: 17px;
        top: 17px;
        width: 101px;
        font-size: 1.7em;
        font-weight: normal;
    }

    #ticker h2 a
    {
        color: #fff;
        text-decoration: none;
    }

    #ticker h2 a:hover
    {
        text-decoration: underline;
    }

    #ticker ul
    {
        position: relative;
        left: 120px;
        min-height: 5px;
        list-style: none;
        width: 630px;        
    }
    * > #ticker ul
    {
        height: auto;
    }

    #ticker ul li
    {
        position: relative;
        float: left;
        margin: 10px 0px 0px 0px;
        padding-left: 10px;
        width: 199px;
        min-height: 100%;
        color: #555;
        font-size: 1.1em;
        display: inline;
    }
    
    #ticker ul li p.library
    {
        position: absolute;
        bottom: 0px;
        left: 105px;    
    }

    #ticker ul li p span
    {
        color: #ccc;
    }
    
    #ticker ul li p a
    {
        color: #ccc;
        font-weight: bold;
        text-decoration: none;
        padding-right: 8px;
        background: url(../img/ico/btn-forward.gif) no-repeat center right;
    }

    #ticker ul li p a:hover
    {
        text-decoration: underline;
    }
    
    #ticker img
    {
        float: left;
        border: solid #535353 1px;
    }
    
    #ticker div.spacer
    {
        height: 10px;
        background: url(../img/bg/ticker-bottom.gif) bottom no-repeat;
    }

    #content
    {
        background: transparent url(../img/bg/content-top.gif) top no-repeat;
        margin-top: 15px;
        padding-top: 11px;
    }

    #wrapper
    {
        background: transparent url(../img/bg/content.gif) repeat-y;
    }

    #main
    {
        position: relative;
        width: 627px;
        float: right;
        margin-right: 5px;
        display: inline;
    }

    #main .error
    {
        font-weight: bold;
    }

    #main h2
    {
        line-height: 56px;
        height: 3.1em;
        font-family: georgia, sans-serif;
        font-weight: normal;
        font-size: 1.8em;
        padding-left: 26px;
        position: relative;
        left: -1px;
        border-left: 1px solid #3a3a3a;
    }
    
    #main h2 a
    {
        color: #000;
    }
    
    #main h2 a:link, #main h2 a:visited
    {
        text-decoration: none;
    }
    
    #main h2 a:active, #main h2 a:hover
    {
        text-decoration: underline;
    }    

    #main div
    {
        background: #fff url(../img/bg/dots-horizontal.gif) top repeat-x;
        padding: 18px 23px 10px 23px;
    }
    
    /* link to the first page on the left of the navigation */
    #header a.homepage
    {
        position: absolute;
        width: 118px;
        height: 185px;
        top: 95px;
        z-index: 1;
    }

    #main div p, #main div.pager, #main div.pager_footer
    {
        font-size: 1.2em;
        line-height: 1.6em;
        color: #555;
        margin: 1em 0;
    }

    #main div.pager
    {   
        color: #888;    
        position: absolute;
        right: 0px;
        top: 0px;
        background: none;
        font-weight: bold;
    }
    
    #main div.pager_footer
    {
        text-align: right;
        color: #888;    
        position: relative;
        right: 0px;
        background: none;
        font-weight: bold;    
    }

    #main div p a, #main div.pager a, #main div.pager_footer a
    {
        color: #555;
        font-weight: bold;
        text-decoration: none;
    }

    #main div p a:hover, #main div.pager a:hover, #main div.pager_footer a:hover
    {
        text-decoration: underline;
    }
    
    #main div input.s
    {
        border: 0px;
    }
    
    #main span
    {
        font-weight: bold;
    }

    #sidebar
    {
        width: 117px;
        float: right;
        margin: 10px 1px 0 0;
        padding-top: 47px;
    }

    #sidebar img
    {
        display: block;
        margin-bottom: 1px;
    }

    #wrapper div.spacer
    {
        background: #4a4a4a url(../img/bg/content-bottom.gif) top no-repeat;
        height: 12px;
    }

    #main div.spacer
    {
        height: 1px;
        padding: 0;
        background: none;
    }

    /* footer */
    #footer
    {
        text-align: center;
        font-size: 1.1em;
        padding: 10px 0 0 0;
        margin: 0 0 20px 0;
    }
    
    #footer, #footer a
    {
        color: #999;
    }
    
    /* footer image */
    #footer img
    {
        vertical-align: -5%;
        margin-left: 3px;
    }

    a.more
    {
        font-weight: bold;
        color: #555;
        text-decoration: none;
        font-size: 1.1em;
        background: transparent url(../img/ico/btn-forward.gif) right no-repeat;
        padding-right: 7px;
    }

    a.more:hover
    {
        text-decoration: underline;
    }

    p.lightbox
    {
        float: left;
        position: relative;
        margin: 0 15px 0 0;
        padding-right: 10px;
    }

    p.lightbox img
    {
        display: block;
        border: 1px solid #444;
    }

    p.lightbox a
    {
        display: block;
        width: 302px;
        height: 202px;
        background: transparent url(../img/bg/enlarge.gif) right bottom no-repeat;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

/*
    p.lightbox a
    {
        background-color: #555;
        padding: 1px;
        display: block;
        width: 300px;
    }

    p.lightbox a img
    {
        display: block;
        width: auto;
        background: transparent url(../img/bg/enlarge.gif) right bottom no-repeat
    }
*/
    div.spacer
    {
        clear: both;
    }