@charset "UTF-8";


html
{
        height: 100%;
        overflow-y: scroll;
}

body
{
        height: 100%;
        font-family: 'Georgia', Times, Serif, serif;
        font-size: 10px;
        text-align: center;
        color: #050505;
        background-color: #FCFCFC;
        background-image: url( bg-global.gif );
        margin: 0;
        padding: 0;
}

span.nobr
{
        white-space: nowrap;
}

div#nonFooter
{
        position: relative;
        min-height: 100%;
        background-image: url( ./bg-page.png );
        background-repeat: repeat-y;
        background-position: top center;
}

* html div#nonFooter
{
        height: 100%;
}

div#header,
div#frame
{
        width: 836px;
        margin: 0px auto;
        padding: 0px;
        padding-left: 2px;
        text-align: left;
        font-size: 13px;

}

div#header
{
        height: 130px;
}

div#frame
{
        margin-top: -7px;
}


div#page
{
        width: 792px;
        min-height: 400px;
        margin: 0px;
        padding: 20px;
        padding-top: 40px;
        padding-bottom: 110px;
        background-image: url( ./banner2.png );
        background-repeat: no-repeat;
        background-position: top center;
}


div#menu
{
        margin-top: -1px;
        height: 55px;
        background-image: url( ./bg-nav.png );
        background-repeat: repeat-x;
        background-position: 0px 1px;
        z-index: 3;
}

div#menu > ul
{
        width: 850px;
        display: block;
        margin: 0px auto;
        padding: 0px;
        padding-top: 8px;
        padding-left: 12px;
        list-style-type: none;
}

div#menu > ul > li
{
        float: left;
}

div#menu > ul > li > a
{
        display: block;
        width: 100px;
        margin-left: 2px;
        margin-right: 2px;
        padding: 5px;
        padding-left: 7px;
        padding-right: 7px;
        font-size: 17px;
        font-style: italic;
        text-align: center;
        color: #F0F0F0;
}



div#content
{
        clear: both;
        margin: 5px;
        margin-left: 180px;
}

div.singlecol
{
        float: left;
        width: 750px;
}

div.leftcol
{
        float: left;
        width: 250px;
}

div.bigleftcol
{
        float: left;
        width: 525px;
}

div.bigrightcol
{
        float: right;
        width: 525px;
}

div.middlecol
{
        /* HACK: This fixes a nasty firefox bug */
        width: 247px;
        border-style: solid;
        border-width: 1px;
        border-color: #FFFFFF;

        margin-left: 270px;
}

div.rightcol
{
        float: right;
        width: 250px;
        margin: 0px;
        padding: 0px;
}

.clearer
{
        text-align: center;
        clear: both;
}

div.lastclearer
{
        clear: both;
        text-align: center;
}

div#footer
{
        position: relative;
        clear: both;
        height: 90px;
        font-size: 8pt;
        margin: 0px;
        margin-left: -1px;
        margin-top: -92px;
        padding: 0px;
        background-image: url( ./bg-footer.png );
        background-repeat: repeat-x;
        background-position: top left;
}

div#footer-content
{
        padding: 20px;
        padding-top: 50px;
        text-align: center;
        margin-left: 4px;
        color: #ECE7C3;
        background-image: url( ./bg-fcontent.png );
        background-repeat: no-repeat;
        background-position: top center;
}

div#footer-content a
{
        color: #ECE7FF;
}

div.caption
{
        font-size: 10px;
        font-weight: bold;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px;
}


a
{
        text-decoration: none;
        color: #1111FF;
}

a:hover, a:active, a.selected
{
        text-decoration: underline;
}

a:visited
{
        color: #6622FF;
}



h1
{
        margin: 0px;
        padding: 0px;
}

h2
{
        margin-top: 0px;
        margin-bottom: 12px;
        font-style: italic;
        font-weight: normal;
        font-size: 18pt;
}

h3
{
        margin-top: 15px;
        margin-bottom: 8px;
        font-size: 15px;
        font-weight: bold;
}

h3.first
{
        margin-top: 0px;
}

ul
{
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0px;
        padding-left: 20px;
}


.shaded
{
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        background-color: #F7F5D7;
        background-image: url( ./bg-inset.gif );
        border-color: #E7E1BE;
        border-style: solid;
        border-width: 1px;
        color: #444444;
}

.rot
{      color: red;
}
ul > li
{
        margin-bottom: 5px;
}

p
{
        margin-top: 1px;
        margin-bottom: 10px;
        text-align: justify;
        line-height: 150%;
}


th
{
        font-style: italic;
}

td, th
{
        font-size: 14px;
        font-weight: normal;
}

img
{
        margin: 0px;
        padding: 0px;
        border-style: none;
}

/***********************/
.more {
        text-align: right;
        font-size: 11px;
        margin: 0px;
}
.imgBorderPreview {
        float: left;
        border: solid 1px #9A601C;
        background:url(./bg-inset.gif) top left repeat;
}
.imgBorderLBot {
        padding-left: 7px;
        padding-bottom: 7px;
        background:url(./bg-inset.gif) bottom left repeat;
}
.imgCol3, .imgPortrait{
        padding: 7px;
}
.textDivider {
        background:url(./bgr_line_dot_grey.gif) bottom left repeat-x;
        padding-bottom:0.8em;
}
p.captionPreview {
         font-size: smaller;
         margin: 0px;
         padding-bottom: 6px;
}