/* blocks & positioning */

body {
    margin: 10px 10px 0px 10px;
    padding: 0px;
    font-size: 13px;
    font-face: Arial, Helvetica, sans-serif;
}

#left {
    float: left;
    width: 19%;
    background: #ffffff;
}

#center {
    float: left;
    width: 60%;
    padding-left: 4px;
    background: #ffffff;
}

#centerright {
    float: right;
    width: 80%;
    padding-left: 4px;
    background: #ffffff;
}

#right {
    float: right;
    width: 19%;
    padding-left: 4px;
    background: #ffffff;
}

#banner {
    background-image: url(../images/bannerbg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: #ffffff;
    margin-bottom: 5px;
}

#footer {
    clear: all;
    background: #ffffff;
    height: 50px;
}

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

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

h2 { font: normal bold small-caps 110% Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
    color: #000000;
    border-bottom: 1px solid #000099;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    clear: both;
}

h3 { font: italic 90% Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    margin: -10px 0px 5px 0px;
    padding: 0px;
}

h4 { font: normal bold 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

h5 { font: normal normal 140% Times New Roman, Times, serif;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

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

ul { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px; list-style-image: url(../images/bullet.png); }
li { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }

table { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; padding: 0px; }
th { font: normal bold 100% Arial, Helvetica, sans-serif; text-align: center; padding: 0px; }
tr { padding: 0px; }
td { padding: 0px 4px 0px 0px; }

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

p.nopadding { padding: 0px; }
p.link { padding-bottom: 0px; margin-top: -10px; font-size: 90%; }
p.copyright { font-size: 80%; text-align: center; }
p.citation { color: #666666; text-align: right; font-size: 80%; }
.update { color: #660000; font-weight: bold; }

ul.menu { list-style: none; padding-left: 0px; cursor: pointer; list-style-image: none; }
ul.nomargin { margin: 0px; }

li.menu { background-color: #bbbbc9; padding: 0px 3px 2px 3px; margin: 0px 5px 2px 0px }
a.menu { color: #000066; font: normal small-caps 85% Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
li.menu:hover { background-color: #c99999; }
a.menu:hover { color: #660000; }
li.menu1 { background-color: #bbbbc9; padding: 0px 3px 2px 3px; margin: 0px 5px 2px 12px; list-style: none; }
a.menu1 { color: #000066; font: normal small-caps 85% Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
li.menu1:hover { background-color: #c99999; }
a.menu1:hover { color: #660000; }

table.blog { font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-size: 85%; margin: 0px 0px 10px 0px; padding: 7px; border: 1px solid black; }

.large { font-size: 150%; }
.medium { font-size: 120%; }
.normal { font-size: 100%; }
.small { font-size: 80%; }
.tiny { font-size: 60%; }

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