/* blocks & positioning */

body {
    margin: 2px;
}

#header {
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 775px;
    height: 202px;
}

#middle {
    background-image: url(../images/middle.jpg);
    background-repeat: repeat-y;
    background-position: right top;
    width: 775px;
}

#content {
    background-color: #ffffff;
    color: #000000;
    margin: 0px 0px 0px 80px;
    padding: 0px;
    width: 605px;
    font-size: 11px;
}

#footer {
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 775px;
    height: 73px;
    padding: 30px 0px 0px 0px;
    text-align: center;
}

#topnav-block {
    position: absolute;
    top: 12px; left: 550px;
}

#menubar {
    position: absolute;
    top: 168px; left: 82px;
}

/* Page components */

.menu {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #325374;
    vertical-align: middle;
    text-decoration: none;
    word-spacing: 3px;
}
a.menu:hover { color: #829069; }
.topnav { font: normal 10px Arial, Helvetica, sans-serif; color: #829069; }
a.topnav:hover { color: #ffffff; }
.bottomnav { font: bold x-small Arial, Helvetica, sans-serif; color: #cfdffa; }
a.bottomnav:hover { color: #ffffff; }

.copyright { font: normal x-small Arial, Helvetica, sans-serif; color: #829069; }

/*---------------------------------------------------------------------------*/
/* Main elements */

h1 { font: normal small-caps bold 20px Arial, Helvetica, sans-serif;
    border-bottom: 1px solid black;
    margin: 0px; margin-bottom: 3px;
}

h2 { font: normal bold 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

h3 { font: normal bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #000066;
    color: #ffffff;
    margin: 0px;
    padding: 0px 4px 2px 4px;
}

h4 { font: normal bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px dotted #999999;
}

p { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding-bottom: 10px }

table { margin: 0px; padding: 0px; }
th { font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 80%;
    border-bottom: 1px solid #000000;
    text-align: left;
}
tr { margin: 0px; vertical-align: top }
td { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 2px 0px 2px; text-align: left }

ul { margin: 0px 0px 10px 0px; }

/*---------------------------------------------------------------------------*/
/* Subclasses */

p.leader { font-size: 12px; border-bottom: 1px dotted #999999; padding-bottom: 2px; margin-bottom: 5px }
p.footer { font-size: 9px; border-top: 1px dotted #999999; padding-top: 2px; margin-top: 5px;}
p.nopadding { padding: 0px }
p.box { font-size: 11px; text-align: center; border: 1px solid #444444; padding: 10px; margin-bottom: 5px }

.news-banner { clear: both; border: 1px solid black; background-color: #cccccc; padding: 2px; }

a.stronglink { color: #000000; text-decoration: none; }
a.stronglink:hover { color: #325374; }

a.h3link { color: #ffffff; text-decoration: none; }
a.h3link:hover { color: #cfdffa; }

a.h4link { color: #000000; text-decoration: none; }
a.h4link:hover { color: #325374; }

.alt1 { background-color: #cccccc; }
.alt2 { background-color: #ffffff; }

.navline { margin: 0px; padding: 3px 0px 3px 0px; text-align: center; border-top: 1px dotted black; border-bottom: 1px dotted black; }

.large { font-size: 15px; }
.medium { font-size: 12px; }
.normal { font-size: 11px; }
.small { font-size: 9px; }
.tiny { font-size: 8px; }

.error { font-weight: bold; color: red }