@charset "utf-8";
/* CSS Document */

html {margin: 0; padding: 0}
body {margin: 0; padding: 0; background-image: url(images/banner_bg.gif); background-repeat: repeat-x; background-position: top; font-family: verdana}

/*header*/

#header {text-align: right; width: 441px}
.header {font-size: 12px; color: #007d5d; margin-right: 10px}

/*left column*/
#title {width: 200px; background-color: #007d5d; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; color: #ffffff; text-align: center}
.h01 {font-size: 30px; font-family: arial}
.h02 {font-size: 26px; font-family: arial}

#nav {background-color: #ececec; border-right: 2px solid #ffffff; vertical-align: top; padding-bottom: 20px}

#navcontainer ul {margin: 0; padding: 0; list-style-type: none}
#navcontainer li {margin: 0 0 2px 0; font-size: 13px; border-bottom: 1px solid #ffffff}
#navcontainer a {display: block; color: #007d5d; background-color: #ececec; width: 168px; padding: 5px 2px 5px 30px; text-decoration: none; font-weight: normal}
#navcontainer a:hover {background-color: #363c92; color: #ffffff}

/*content*/

#content {background-color: #; vertical-align: top; font-size: 12px; color: #555555}
.block {border-bottom: 3px solid #dddddd; padding-left: 20px; padding-bottom: 5px}
.divider {border-left: 3px solid #dddddd; vertical-align: top; width: 50%}
.textpadding {padding: 5px}
.smaller {font-size: 10px; font-family: verdana; padding: 5px}

h2 {font-size: 22px; font-style: italic; color: #363c92; font-family: arial}
h3 {font-size: 14px; font-weight: bold; color: #007d5d; margin-bottom: -10px; font-family: arial}
h4 {font-size: 14px; font-weight: bold; font-sytle: italic; color: #333333; margin-bottom: -10px; font-family: arial; text-align: center; margin-bottom: 10px}

li {margin-bottom: 8px; font-size: 11px; color: #000000}

.leften {float: left; margin-right: 10px}
.righten {float: right; margin-left: 10px}

.sponsors {margin-bottom: 3px}

.chart {padding: 7px 0 7px 0; font-family: verdana; font-size: 11px; vertical-align:top}
.chartsml {padding: 7px; background-color: #eeeeee; font-family: verdana; font-size: 9px; vertical-align:top}
.gallery {width: 175px; border: 1px solid #cccccc; text-align: center; vertical-align: top; background-color: #eeeeee; padding: 2px}
.gallerynopic {width: 175px; border: 1px solid #ffffff; text-align: center; background-color: #ffffff}
.greytable {width: 33.33%; border: 1px solid #cccccc; vertical-align: top; background-color: #eeeeee; padding-top: 5px}

#breadcrumbs {color: #cccccc; font-size: 11px; margin-top: 5px; margin-left: 5px}
#breadcrumbs a {color: #cccccc}
#breadcrumbs a:hover {color: #007d5d}

.jumpto {font-size: 9px; color:#aaaaaa; font-weight: bold}

.layer {background-color: #eeeeee; font-family: verdana; color: #333333; text-align: center; font-size: 11px; border: 1px solid #000000}

a:link {color: #007d5d; font-weight: bold}
a:visited {color: #007d5d; font-weight: bold}
a:hover {color: #363c92; font-weight: bold}
a:active {color: #007d5d; font-weight: bold}

/*footer*/
#footer {background-color: #363c92; padding: 5px; text-align: center; color: #ffffff; font-size: 10px; font-family: verdana; border-top: 2px solid #ffffff}
a.footer:link {color: #ffffff; font-weight: normal}
a.footer:visited {color: #ffffff; font-weight: normal}
a.footer:hover {color: #ffffff; font-weight: normal}
a.footer:active {color: #ffffff; font-weight: normal}