/* Template Styles */

body { margin: 0; padding: 0; background-color: #fff; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.jump { width: 179px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.homesponsor { font-size: 11px; color: #999; }
.homeother { font-size: 11px; }
.homeother a { color: #777; text-decoration: none; }
.logos { text-align: center; border: 1px solid #DDD; padding: 7px; color: #999999; font-weight: bold; }
.logos img { margin: 4px 6px; }
#content { padding: 20px; font-size: 11px; }
/* content styles */

h1 { color: #003399; font-size: 18px; font-weight: bold; border-bottom: solid 2px #ccc; }
h2 { color: #cc3300; font-size: 13px; font-weight: bold; border-bottom: solid 1px #e5e5e5; clear: both; }
h3 { color: #006699; font-size: 13px; font-weight: bold; }
p { font-size: 11px; line-height: 16px; }
td { vertical-align: top; }
.back-to-top {float: right; margin-bottom: 18px; font-weight: normal;}
.back-to-top a:link, .back-to-top a:visited {color: #cc3300; text-decoration: none;}
.back-to-top a:hover {color: #cc3300; text-decoration: underline;}
.back-to-top .upArrow {font-size: 25px; }

/*
ul {padding: 20px;}
*/

li { line-height: 16px; }
.blank { padding: 0; margin: 0; background-color: #CC3300; }
th { background-color: #006699; text-align: left; color: #fff; font-weight: bold; font-size: 12px; padding: 5px; }
img { border: none; }
a:link, a:visited, a:active { color: #003399; text-decoration: underline; }
a:hover { color: #CC3300; text-decoration: underline; }
#content p { line-height: 16px; }
#content .error { font-weight: bold; color: #CC0000; }
#content .imgSm { border: solid 1px #ccc; width: 80px; margin-right: 10px; }
.bdDots { line-height: 1px; border-top-width: 1px; border-top-style: dotted; border-top-color: #CCCCCC; }
#redArrows li { list-style-image: url(../images/bullet_orange.gif); font-weight: bold; font-size: 9pt; padding-bottom: 5px; }
/* container styles */

#menu { height: 25px; }
#menu td { font-size: 10px; line-height: 11px; font-weight: bold; color: #EBAD99; border-left: solid 2px #EBAD99; padding-left: 5px; padding-right: 10px; }
#menu a:link, #menu a:visited, #menu a:active { color: #EBAD99; text-decoration: none; }
#menu a:hover { color: #fff; }
#feature { width: 200px; padding-top: 20px; }
#footer { height: 20px; font-size: 11px; border-top: solid 2px #ccc; padding-top: 5px; }
/* random table styles */

#onehundred { height: 100%; }
#topBlue { background-image: url(../images/template/bg_blue.gif); height: 57px; }
#topRed { background-image: url(../images/template/bg_red.gif); height: 25px; }
#topOrange { background-image: url(../images/template/bg_orange.gif); height: 5px; }
#news { width: 180px; border: solid 2px #ccc; }
#news td { font-size: 11px; padding: 5px; }
.recreation { color: #F69800; font-weight: bold; font-size: 14px; padding-bottom: 16px; }
.ecofriendly { color: #68A12A; font-weight: bold; font-size: 14px; padding-bottom: 16px; }
.timetable-table { }
.timetable-table th { background-color: #FFF; vertical-align: top; color: #000; font-weight: bold; font-size: inherit; width: 120px; }
.timetable-table td { vertical-align: top; }
/* Forms and Datagrids */

.datagrid { border-collapse: collapse; width: 100%; }
.datagrid th { background-color: #006699; text-align: left; color: #fff; font-weight: bold; font-size: 12px; padding: 5px; }
.datagrid td { padding: 5px; border-bottom: 1px solid #DDD; font-size: 8pt; }
/* Popup Template Formatting */

#popup .topheader { background-image: url(../images/template/top_popup.jpg); background-repeat: no-repeat; background-color: #0E37AE; height: 55px; }
#popup .content { padding: 0 20px 20px 20px; }
#popup .footer { border-top: 2px solid #CCC; padding: 5px 20px 10px 20px; font-size: 7.5pt; color: #666; }

#feature img {margin-top: 5px;}