﻿body { margin: 0; padding: 0; font-size: 85%; font-family: Times New Roman; background: #e2e2e4 url(images/pageBG.jpg) repeat-x left top; }
h1 { font-size: 140%; color: #21333D; }
h2 { font-size: 120%; color: #21333D; margin-bottom: 5px; position: relative; }
h3 { font-size: 120%; color: #2B2920; margin: 0 0 5px 30px; border-bottom: solid 1px #21333D; }
h2 img { position: absolute; top: -7px; left: 305px; }
dt { font-weight: bold; padding-left: 30px; }
table {  }
table a {  }
.hoursTable { width: 100%; font-family: Arial; }
.hoursTable td { width: 33%; border-bottom: solid 1px #BDC1C4; font-size: 85%; }
.tableBold { font-weight: bold; }
.clearer { height: 1%; clear: both; }
#headerBG { position: absolute; top: 94px; left: 0; }
#logo { position: absolute; top: 0; left: 0; }
#leftColumnEdge { position: absolute; left: 280px; top: 310px; }
#rightColumnEdge { position: absolute; left: 839px; top: 310px; }
.nav { position: absolute; left: 80px; margin: 0; padding: 0; width: 200px; list-style-type: none; text-align: right; }
.nav li { margin-bottom: 4px; }
.nav a { text-decoration: none; font-size: 16px; font-weight: bold; }
#servicesNav { top: 200px; }
#servicesNav a { color: #ffffff; }
#servicesNav a:hover { color: #7799aa; }
#infoNav { top: 316px; }
#infoNav a { color: #192a33; }
#infoNav a:hover { color: #7799aa; }
#supportButton { position: absolute; left: 113px; top: 465px; border-width: 0; }
#mainDiv { position: absolute; top: 106px; left: 291px; width: 548px; padding: 34px 0; background: url(images/columnHeaderBar.jpg) repeat-x left top; }
#header { width: 548px; height: 173px; margin-bottom: 4px; _background-color: #2B2920; }
#content { padding: 0 10px 30px 10px; }
.wideColumn { width: 320px; }
.narrowColumn { width: 190px; float: right; }
.peepsBox { position: relative; width: 186px; height: 155px; background: url(images/peepsBoxBG.jpg) repeat-x left top; border: solid 1px #2b2920; }
.peepsBox h1 { color: White; font-size: 110%; margin: 4px 0 0 10px; }
.peepsBox img { position: absolute; bottom: 0; left: 0; }
.peepsBox p { margin: 20px 0 0 80px; font-size: 11px; font-family: Arial; }
.peepsBox b { color: #20323C; display: block; font-size: 12px; }
.peepsBox span { position: absolute; right: 2px; bottom: 2px; }
.peepsBox input { background-color: #7A1200; border: solid 1px white; color: White; font-size: 10px; padding: 1 2px 1px 2px; }
.peepsBox a { background-color: #7A1200; border: solid 1px white; color: White; font-size: 10px; padding: 1px 2px 2px 2px; text-decoration: none; font-family: Arial; }
.peepsBox a.signupLink { position: absolute; right: 0; bottom: 0; }
.peepsBoxInHeader { float: right; width: 189px; _width: 186px; height: 171px; background: #726B58 url(images/peepsBoxBG.jpg) repeat-x left top; }
.peepsBoxInHeader img { position: absolute; bottom: 16px; _bottom: 15px; left: 0; }
.peepsBoxInHeader input { margin-bottom: 6px; }
.peepsBoxInHeader a { margin-bottom: 6px; }
#flashBox { border: solid 1px #2b2920; margin-top: 10px; }
.weatherBox { margin-top: 10px; text-align: right; }
.weatherBox b { font-size: 85%; }
#footer { clear: both; font-size: 75%; font-family: Arial; text-align: right; color: #335060; padding: 20px; }
#footer a { color: #335060; }
#footer img { float: right; margin-left: 40px; border-width: 0; }
#footer .thinLine { border-bottom: solid 1px #335060; height: 4px; margin-bottom: 4px; }

.userForm {  }
.row { clear: both; }
.label { float: left; width: 140px; text-align: right; font-family: Arial; font-size: 90%; }
.field { float: left; padding-left: 10px; }
.errorLabel { color: Maroon; font-weight: bold; }
.textbox { width: 370px; }
.button {}
.buttonRow { text-align: right; padding: 6px 0; }
.formLegend { font-size: 11px; text-align: right; }
p.contactInfo { padding-left: 10px; }
p.contactInfo span { float: left; margin-right: 30px; }

.blockIndent { display: block; margin-left: 30px; }
.grid { margin-left: 30px; width: 500px; }
.gridHeader { font-weight: normal; font-size: 90%; color: #2B2920; }
.gridRow {}
.gridAltRow {}
.embeddedLabel { float: left; width: 120px; }

.caption { float: right; font-size: 85%; font-family: Arial; }
.rightImg { float: right; }

.noBulletList { list-style-type: none; margin: 0; padding: 0; }
.noBulletList li { font-weight: bold; margin-bottom: 12px; }
.noBulletList table { font-weight: normal; }

.noBulletList table td { width: 8%; border-bottom-width: 0; padding: 0 2px 0 2px; /*border-top: solid 1px #89AAB9; border-right: solid 1px #89AAB9;*/ }
.noBulletList table tr { background-color: #A2B6BF; font-weight: bold; }
.noBulletList table tr.altRow { background-color: #ffffff; font-weight: normal; }
.noBulletList table tr.altRow td { border-top-width: 0; }
.noBulletList table td.wideTableColumn { width: 11%; }

.controsFrame { width: 535px; height: 300px; }
#newsFrame { height: 550px; }

.archiveLink { float: right; }

.rateSmallTextBox { width: 42px; }
.rateTextBox { width: 115px; }
