/*
 * Browser hacks
 */
:root {
    overflow-y: scroll;     /* Firefox vertical scrollbar */
}

/*
 * Global layout
 */
body {
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;     /* IE center */
}
div.body {
    width: 950px;
    text-align: left; margin: 0 auto;   /* default left */
}

/*
 * Title layout
 */
div.title {
    text-align: center;
    margin: 1em;
}

div.title h1 {
    font-size: X-large;
    font-weight: bold;
}

/*
 * Navigation layout
 */
div.navigation {
    height: 1.6em;
    position: relative;
    top: 1px;
}

div.navigation a:link, a:visited, a:hover, a:active, a:focus {
    color: black;
}

div.navigation ul {
    margin: 0; padding: 0;
}
div.navigation li {
    list-style-type: none;
    margin: 0; padding: 0;
    float: left;
    background-color: white;        /* ie-zoom, chrom */
}
div.navigation li.on {
    background-color: #aeaeff;      /* ie-zoom, chrom */
}

div.navigation li img {
    display: block;
}

div.navigation a.tab, div.tabStart, div.tabEnd {
    float: left;
    height: 1em;
    margin: 0; padding: 0;
    background-color: white;
}
div.navigation a.tab {
    background-image: url(../layout/tabTop.gif);
    background-repeat: repeat-x;
    width: 6em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.3em;
    text-decoration: none;
    display: block;
}
div.navigation a.tabOn {
    background-image: url(../layout/tabTopOn.gif);
    background-color: #aeaeff;
}
div.navigation div.tabStart {
    width: 3px;
    background-image: url(../layout/tabLeft.gif);
    background-repeat: repeat-y;
    background-position: left;
    padding-top: 0em;
    padding-bottom: 0.6em;
}
div.navigation div.tabStartOn {
    background-image: url(../layout/tabLeftOn.gif);
    background-color: #aeaeff;
}
div.navigation div.tabEnd {
    width: 19px;
    background-image: url(../layout/tabRight.gif);
    background-repeat: repeat-y;
    background-position: right;
    padding-top: 0em;
    padding-bottom: 0.6em;
}
div.navigation div.tabEndOn {
    background-image: url(../layout/tabRightOn.gif);
    background-color: #aeaeff;
}

/*
 * Content layout
 */
div.contentTop {
    margin: 0; padding: 0;
    height: 30px;
    background-image: url(../layout/backgroundTop.gif);
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
}
div.contentBottom {
    margin: 0; padding: 0;
    height: 30px;
    background-image: url(../layout/backgroundBottom.gif);
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}
div.content {
    margin: 0;
    padding-top: 10px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 10px;
    background-color: white;
    background-image: url(../layout/background.gif);
    background-repeat: repeat-y;
    border-left: 1px solid black;
    border-right: 1px solid black;
    min-height:400px;
    height:auto !important;
    height:400px;
}

div.content h1 {
    font-size: large;
}