.clearAll { clear:both; display: block; font-size: 1px; height: 0; line-height: 0px; }
.left { float: left; }
.right { float: right; } 
IMG { border: none; vertical-align: text-bottom; }  
  
BODY { width: 100%; padding: 0 0 40px 0; text-align: center; font-family: Arial, Verdana, Sans-serif; font-size: 62.5%; background: #ffffff; }
#masterContainer { width: 986px; margin: 0 auto; text-align: left; }

#header { position: relative; height: 163px; }
#header #homepageLink { position: absolute; top: 0; left: 0; display: block; width: 230px; height: 145px; }

#mainNav { display: inline-block; position: absolute; right: 23px; bottom: 10px; }
#mainNav LI { float: left; margin: 0 0 0 10px; font-size: 1.4em; font-weight: bold; }
#mainNav LI A { padding: 3px 7px; display: block; color: #ffffff; text-decoration: none; background: #3076b4; }
#mainNav LI A:hover { color: #cecece; text-decoration: none; }

#main { display: inline-block; padding: 22px 0 15px 0; background: url(../i/bg_main.gif) repeat-y; }
#main .mainCol1 { float: left; width: 260px; padding: 0 35px 0 23px; }
#main .mainCol1 IMG { margin: 6px 0; }
#main .mainCol2 { float: left; width: 620px; padding: 0 47px 0 0; }

#emailLink A { display: block; height: 21px; padding: 0 0 0 60px; font-size: 1.6em; color: #3076b4; font-weight: bold; text-decoration: none; background: url(../i/email.gif) no-repeat 0 0; }
#emailLink A:hover { background-position: 0 -22px; color: #5588b4; }

H1 { padding: 0.2em 0 0.2em 1.5em; margin: 0 0 1em 0;font-size: 1.8em; color: #ffffff; border-bottom: 5px #1a952e solid; background: #1d5eb1 url(../i/bg_h1_tl.gif) no-repeat top left; }
H2 { margin: 2em 0 0.5em 0; color: #1d5eb1; font-size: 1.5em; font-weight: bold; } 
H3 { color: #6b6b6b; font-size: 1.3em; font-weight: bold; margin: 2em 0 0em 0; }
P { color: #868686; font-size: 1.4em; line-height: 1.5em; margin: 10px 0; }
TABLE { color: #868686; font-size: 1.4em; margin: 4px 0 12px 0; }
TD { border: 1px solid #999999; padding: 6px; }
TH { font-weight: bold; border: 1px solid #999999; padding: 6px; }
#main .mainCol2 UL { color: #868686; font-size: 1.5em; margin: 0 0 6px 20px; vertical-align: middle; }
#main .mainCol2 LI { list-style: url(../i/bg_li.gif); }
#main .mainCol2 A { color: #1D5EB1; text-decoration: underline; }
#main .mainCol2 A:hover { text-decoration: none; }
#main .mainCol2 IMG.right { float: right; margin: 0 0 0 0; }

.highlight { color: #1d5eb1; font-weight: bold; } 

#footer { position: relative; top: -3px; margin: 0 0 1em 0; padding: 15px 0 0 0; color: #1d5eb1; font-size: 1.1em; text-align: center; background: url(../i/bg_footer.gif) no-repeat 0 0; }
#footer LI { display: inline; margin: 0 0.2em; }
#footer A { color: #1d5eb1; font-weight: bold; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

.pdf { background: transparent url(../i/pdf.gif) no-repeat 0 50%; padding-left: 20px; }

/* --- Summer --- */
.summer #header { background: url(../i/summer_header.jpg); }

.summer #winterLink A { display: block; height: 42px; margin: 10px 0 9px 0; padding: 0 0 0 80px; font-size: 1.6em; color: #3076b4; font-weight: bold; text-decoration: none; }
.summer #winterLink A { background: url(../i/winter_link.gif) no-repeat 0 0; }
.summer #winterLink A:hover { background-position: 0 -46px; color: #5588b4; }

/* --- winter --- */
.winter #header { background: url(../i/winter_header.jpg); }

.winter #summerLink A { display: block; height: 42px; margin: 10px 0 9px 0; padding: 0 0 0 80px; font-size: 1.6em; color: #3076b4; font-weight: bold; text-decoration: none; }
.winter #summerLink A { background: url(../i/summer_link.gif) no-repeat 0 0; }
.winter #summerLink A:hover { background-position: 0 -46px; color: #5588b4; }

/* --- homepage --- */
.homepage { padding-top: 50px; }

.homepage .bottom { height: 7px; line-height: 0; overflow: hidden; background: url(../i/homepageBottom.gif); }
.homepage .middle { width: 410px; padding-bottom: 20px; text-align: center; background: url(../i/homepageMiddle.gif); }
.homepage IMG { padding: 10px 13px 40px; border: none; }
.homepage A { text-decoration: none; font: 2.8em arial, verdana, sans-serif; color: #1d60a7; }

.homepage .summerEntry { float: left; width: 410px; margin: 0 70px 0 0; }
.homepage .summerEntry .top { height: 150px; background: url(../i/homepageBikeTop.gif); }

.homepage .winterEntry { float: left; width: 410px; }
.homepage .winterEntry .top { height: 150px; background: url(../i/homepageWinterTop.gif); }
