*                   { margin: 0; padding: 0; }
body                { background-color: #ECECEC; color: #000; text-align: left;
                      font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 80%; }


h1                  { font-size: 1.7em; color: #83B2D3; margin: 0.8em 0 0.5em 0; }
h2                  { color: #000; font-size: 1.2em; font-weight: bold; margin: 1em 0 0 0; }
h3                  { color: #000; font-size: 1.1em; font-weight: bold; margin: 0; }
p                   { margin: 0.5em 0; line-height: 1.7; }
a                   { color: #83B2D3; font-style: normal; font-weight: bold; text-decoration: none;
                      border-bottom: 1px solid #83B2D3; }
a:hover             { color: #000; border-bottom: 1px dotted #83B2D3; }
a img               { border: none; }
ul                  { margin-left: 2em; }


#page               { margin: 20px auto; width: 800px; text-align: left; }

#topbarpier         { background: #FFF url('./images/hdr-pier-1.jpg') right top no-repeat;
                      height: 154px; padding: 20px 0 0 20px; }
#topbarpavilion     { background: #FFF url('./images/hdr-pavilion-1.jpg') right top no-repeat;
                      height: 154px; padding: 20px 0 0 20px; }
#topbarstation      { background: #FFF url('./images/hdr-station-1.jpg') right top no-repeat;
                      height: 154px; padding: 20px 0 0 20px; }

.navbar             { background: #B9D2E2 url('./images/nav-pier-1.jpg') right top no-repeat;
                      height: 40px; line-height: 40px; text-align: center; }
.navbar ul          { list-style: none; margin: 0; }
.navbar li          { display: inline; padding: 0 1.5em; font-size: 1.2em; text-transform: uppercase;
                      color: #000; font-weight: bold; }
.navbar a           { color: #FFF; border: none; }
.navbar a:hover     { color: #83B2D3; }
#navpier            { background: #B9D2E2 url('./images/nav-pier-1.jpg') right top no-repeat; }
#navpavilion        { background: #B9D2E2 url('./images/nav-pavilion-1.jpg') right top no-repeat; }
#navstation         { background: #B9D2E2 url('./images/nav-station-1.jpg') right top no-repeat; }

#hilibar            { background: #E0E0E0 url('./images/hili-2.jpg') right top repeat-y;
                      padding: 20px 30px; }
#hilibar h1         { margin-top: 0; color: #000; }
.hili1              { float: left; width: 350px; margin-right: 20px; }
.hili2              { float: left; width: 165px; margin-left: 20px; }
.hili2 ul           { margin: 1em 0 0 0; list-style: none; }
.hili2 li           { display: block; font-weight: bold; color: #000; font-size: 1.2em; }
.hili2 a            { color: #83B2D3; border: none; }
.hili2 a:hover      { color: #000; border: none; }

#botbar             { background: #B9D2E2 url('./images/nav-pier-1.jpg') right top no-repeat;
                      clear: both; color: #FFF; text-align: center;
                      font-size: 0.9em; padding: 5px; }
#botbar ul          { list-style: none; margin: 0; }
#botbar li          { display: inline; padding: 0 2em; }
#botbar a           { color: #FFF; font-weight: normal; border: none; }
#botbar a:hover     { color: #83B2D3; }

#cpane              { color: #000; background-color: #FFF; padding: 20px 30px; }
#rpane              { margin-left: 390px; border: 1px solid #FFF; }
#lpane              { width: 350px; float: left; border-right: 1px solid #B9D2E2; padding-right: 20px; }

.close              { line-height: 1.2; }
.phn                { font-weight: bold; color: #83B2D3; }
.nobrd              { border: none; }

.dot ul             { list-style: circle; margin: 0 0 1em 0; }
.dot li             { margin-left: 3em; }
.tspace             { margin-top: 1.5em; }
.testi              { margin-bottom: 1.5em; }

.ind                { margin: 0 2em; }
.brd                { border: 1px solid #999; }
.clr                { padding: 0; margin: 0; height: 1px; clear: both; margin-top: -1px; overflow: hidden; }
.fr                 { float: right; padding-left: 10px; }
.fl                 { float: left; padding-right: 10px; }
.fr img             { margin-top: 15px; }
.fl img             { margin-top: 15px; }
.c                  { text-align: center; margin-left: auto; margin-right: auto; }
.cl                 { clear: left; }

form                { margin: 0 auto 0 auto; padding: 0; }
form h2             { text-align: left; font-size: 1em; border-bottom: 1px solid #999; }
label               { font-weight: bold; }
textarea            { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em;
                      font-weight: normal; border: 1px solid #999; }
select              { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em;
                      font-weight: normal; border: 1px solid #999; }
input               { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em;
                      font-weight: normal; border: 1px solid #999; }
input.btn           { font-size: 0.9em; background-color: #EEE; padding: 2px 0; font-weight: bold; }
input.chk           { border: none; }

#addr               { line-height: 1.2; font-size: 0.9em; color: #000; margin-top: 2em; }
#phn                { font-weight: bold; color: #000; margin-bottom: 2em; }

#comp               { font-size: 0.8em; text-align: center; }
#copy               { color: #000; background-color: #FFF; font-size: 0.85em; text-align: center;
                      padding: 5px; }
#copy a             { font-weight: normal; border: none; }
#copy a:hover       { color: #000; font-weight: normal; }

/* commented backslash hack v2 \*/ 
* html #cpane       { height: 1%; }
* html #hilibar     { height: 1%; }
/* end hack */