body { background-color: #74a4cc; margin: 0px; padding: 0px; font-family: Arial; font-size: 0.9em; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul { list-style-type: none; margin: 0px; padding: 0px; }
hr { border: none; background-color: #aecae2; }
h1 { color: #fff; font-weight: bold; font-size: 1.4em; }

#headercontainer { background-color: #181818; border-bottom: solid 4px #fce7ae; height: 112px; margin-bottom: 16px; }
#header { width: 980px; margin: 0 auto; height: 112px; }
#logo { line-height: 112px; float: left; vertical-align: middle; margin-right: 40px; }
#logo img { border: none; vertical-align: middle; }
#topmenu { height: 57px; text-align: right; padding-top: 8px; }
#topmenu ul { font-size: 0.95em; }
#topmenu ul li { display: inline; padding: 0 10px 0 7px; border-right: solid 1px #fff; }
#topmenu ul li:last-child { border-right: solid 1px #181818; }
#topmenu ul li a { color: #fff; text-decoration: none; }
#topmenu ul li a:hover { text-decoration: underline; }
#mainmenu { height: 47px; text-align: center; vertical-align: bottom; }
#mainmenu ul { line-height: 47px; margin: 0 auto; }
#mainmenu ul li { float: left; margin: 0 5px; width: 125px; height: 59px; }
#mainmenu ul li.active { background-image: url(images/interface/mainmenu-active.gif); background-repeat: no-repeat; background-position: center bottom; }
#mainmenu ul li a { font-weight: bold; color: #fff; line-height: 59px; font-size: 1em; text-decoration: none; }

#page { width: 952px; margin: 0 auto; padding: 0 12px; }
#sidebar { width: 234px; padding: 0px 9px; float: left; }
#sidebar h3 { margin: 0px; padding: 0px; font-size: 0.95em; color: #fff; }
.logoimg { width: 234px; padding-bottom: 12px; }

.bucket-double { width: 328px; height: 50px; float: left; background-image: url(images/interface/double-fill.gif); background-repeat: repeat-x; margin-bottom: 20px; }
.bucket-double .left { background-image: url(images/interface/double-left.gif); width: 16px; height: 50px; float: left; }
.bucket-double .content-left, .bucket-double .content-right { padding: 10px; height: 50px; line-height: 30px; vertical-align: middle; text-align: center; }
.bucket-double .content-left { color: #fff; }
.bucket-double .content-right { color: #fff; font-size: 1.4em; font-weight: bold; }
.bucket-double .upcoming-count { color: #fae278; }
.bucket-double .right { background-image: url(images/interface/double-right.gif); width: 16px; height: 50px; top: -70px; position: relative; float: right; }

.bucket-purple, .bucket-blue, .bucket-green { width: 202px; border-width: 16px; border-style: solid; padding-top: 0px; }
.bucket-purple h3, .bucket-blue h3, .bucket-green h3 { padding-top: 0px; margin-top: 0px; }
.bucket-purple { background-color: #5d8eb7; border-color: #5d8eb7; margin-bottom: 15px; }
.bucket-blue { background-color: #8cb7d7; border-color: #8cb7d7; margin-bottom: 15px; }
.bucket-green { background-color: #7ebbb6; border-color: #7ebbb6; }

.bucket-purple .tl { background-image: url(images/interface/purple-topleft.gif); width: 16px; height: 16px; left: -16px; top: -16px; position: relative; }
.bucket-purple .tr { background-image: url(images/interface/purple-topright.gif); width: 16px; height: 16px; right: -16px; top: -32px; position: relative; float: right; }
.bucket-purple .bl { background-image: url(images/interface/purple-bottomleft.gif); width: 16px; height: 16px; left: -16px; bottom: -16px; position: relative; }
.bucket-purple .br { background-image: url(images/interface/purple-bottomright.gif); width: 16px; height: 16px; right: -16px; bottom: 0px; position: relative; float: right; }
.bucket-purple { color: #fff; }

.bucket-blue .tl { background-image: url(images/interface/blue-topleft.gif); width: 16px; height: 16px; left: -16px; top: -16px; position: relative; }
.bucket-blue .tr { background-image: url(images/interface/blue-topright.gif); width: 16px; height: 16px; right: -16px; top: -32px; position: relative; float: right; }
.bucket-blue .bl { background-image: url(images/interface/blue-bottomleft.gif); width: 16px; height: 16px; left: -16px; bottom: -16px; position: relative; }
.bucket-blue .br { background-image: url(images/interface/blue-bottomright.gif); width: 16px; height: 16px; right: -16px; bottom: 0px; position: relative; float: right; }

.bucket-green .tl { background-image: url(images/interface/green-topleft.gif); width: 16px; height: 16px; left: -16px; top: -16px; position: relative; }
.bucket-green .tr { background-image: url(images/interface/green-topright.gif); width: 16px; height: 16px; right: -16px; top: -32px; position: relative; float: right; }
.bucket-green .bl { background-image: url(images/interface/green-bottomleft.gif); width: 16px; height: 16px; left: -16px; bottom: -16px; position: relative; }
.bucket-green .br { background-image: url(images/interface/green-bottomright.gif); width: 16px; height: 16px; right: -16px; bottom: 0px; position: relative; float: right; }

.bucket-line { width: 334px; border: solid 1px #8bb9dd; float: left; }
.bucket-line h3 { margin: 0px; padding: 0px; font-size: 0.95em; color: #fff; }
.bucket-line .tl { background-image: url(images/interface/line-topleft.gif); width: 16px; height: 16px; left: -1px; top: -1px; position: relative; }
.bucket-line .tr { background-image: url(images/interface/line-topright.gif); width: 16px; height: 16px; right: -1px; top: -17px; position: relative; float: right; }
.bucket-line .bl { background-image: url(images/interface/line-bottomleft.gif); width: 16px; height: 16px; left: -1px; bottom: -17px; position: relative; }
.bucket-line .br { background-image: url(images/interface/line-bottomright.gif); width: 16px; height: 16px; right: -1px; bottom: -1px; position: relative; float: right; }
.bucket-line .body { padding: 0 16px; }

#sidebarbody { width: 600; padding: 0px 9px; float: left; }
#homecontent { margin-bottom: 20px; text-align: center; }
#footercontainer { border-top: solid 4px #fce7ae; background-color: #2d4358; height: 124px; margin-top: 16px; }
#footer { width: 980px; margin: 0 auto; height: 124px; }

#mapContainer { float: left; width: 674px; margin-bottom: 20px; border: solid 2px #bbd1ec; padding: 1px; }
#theMap { position: relative; width: 674px; height: 405px; }

table { border-collapse: collapse; }
table td, table th { padding: 6px 10px 6px 2px; }
table th { text-align: left; color: #fff; }
table th { background-color: #333; }
table td { background-color: #8cc5f5; border-bottom: solid 1px #91ceff; border-top: solid 1px #b2ddff; }