html { height: 100.02%; }

p {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 12px; 
line-height: 16px;
font-weight: normal;
margin-top: 7px;
margin-bottom: 7px;
margin-left: 0px;
margin-right: 0px;
}

.eleven {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 11px; 
line-height: 14px;
font-weight: normal;
margin-top: 7px;
margin-bottom: 7px;
margin-left: 0px;
margin-right: 0px;
}

.twelve {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 12px;
}

.fourteen {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 14px;
}

.notes {
font-weight: bold;
margin-bottom: 9px;
}

.intro {
font-size: 13px;
line-height: 16px;
font-weight: bold;
margin-top: 8px; 
margin-bottom: 12px;
color: #ffffff;
}

.beesknees {
font-size: 16px;
line-height: 20px;
font-weight: normal;
margin-top: 8px; 
margin-bottom: 15px;
color: #fede4f;
}

.beescolor {
color: #fede4f;
}

.john {
font-size: 13px;
line-height: 16px;
font-weight: bold;
margin-top: 8px;
margin-bottom: 26px;
color: #ffffff;
}

.subhead {
margin-top: 14px;
font-weight: bold;
line-height: 11px;
}

.caption {
margin-top: 5px;
margin-bottom: 4px;
font-size: 9px;
line-height: 12px; 
}

.edd1 {
font-size: 12px;
line-height: 16px; 
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}

.edd2 {
font-size: 11px;
line-height: 16px; 
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}

.subheadbiketrips {
font-size: 11px;
margin-top: 14px;
margin-bottom: 14px;
font-weight: bold;
line-height: 14px;
}

.subheadbiketrips2 {
font-size: 11px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
line-height: 14px;
}

.fpdphsub {
font-size: 11px;
margin-top:3px; 
margin-bottom:0px; 
line-height:14px;
font-weight: bold;
}

.fpdphlinks {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 11px; 
line-height: 14px;
font-weight: normal;
margin-top: 3px;
margin-bottom: 0px;
}

.italic {font-style: italic}
.bold {font-weight: bold}
.bolditalic {font-style: italic; font-weight: bold}

td, th {border:none}

.floatleft
{
float: left;
width: 302px;
margin: 10 12 0px 0px;
}

h1 {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 18px; line-height: 22px;
margin-bottom: 0px;
}

h2 {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 14px; line-height: 18px;
margin-bottom: 0px;
}

h3 {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 12px; line-height: 15px;
margin-bottom: 0px;
}

h4 {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 10px; line-height: 12px;
margin-bottom: 0px;
}

ul {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 11px; line-height: 14px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 14px;
}

li {
margin-bottom:2px;
}

dl {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 11px; 
line-height: 14px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 7px;
}

dt {
margin-bottom: 2px;
}

dd {
margin-left: 25px;
}

dd.cv {
margin-left: 15px;
}

span.cvbullet {
margin-left: -10px;
margin-right: 3px;
}

.harp {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 12px; 
line-height: 18px;
font-weight: normal;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0px;
margin-right: 0px;
color: #dddddd;
}

.harplinks {
margin-bottom: 10px;
}

.harpnavlinks {
font-size: 13px;
line-height: 16px;
font-weight: bold;
margin-top: 9px;
margin-bottom: 3px;
color: #000000;
}

.le {
font-size: 12px; 
line-height: 16px;
}

.lemail {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 12px; 
line-height: 18px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

.letitle {
font-size: 13px; 
line-height: 26px;
font-weight: bold;
font-style: italic;
margin-top: 6px;
margin-bottom: 10px;
margin-left: 20px;
}

.lebooktitle {
font-size: 14px; 
line-height: 20px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 14px;
margin-left: 0px;
margin-right: 0px;
}

.mainlinkoff {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: none
}

.cvlinkoff {
font-size: 15px;
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
color: #d86e23;
}

.separator {
font-size: 14px;
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
color: #ffda7b;
}

a:link {color: #c45d31; text-decoration: none}
a:visited {color: #c45d31; text-decoration: none}
a:hover {color: #c45d31; text-decoration: underline}
a:active {color: #c45d31; text-decoration: underline}

a.bike:link {color: #000000; text-decoration: none}
a.bike:visited {color: #000000; text-decoration: none}
a.bike:hover {color: #000000; text-decoration: underline}
a.bike:active {color: #000000; text-decoration: underline}

a.biketrips:link {color: #ffffff; text-decoration: none}
a.biketrips:visited {color: #ffffff; text-decoration: none}
a.biketrips:hover {color: #ffffff; text-decoration: underline}
a.biketrips:active {color: #ffffff; text-decoration: underline}

a.biketrips2:link {color: #666633; text-decoration: none}
a.biketrips2:visited {color: #666633; text-decoration: none}
a.biketrips2:hover {color: #666633; text-decoration: underline}
a.biketrips2:active {color: #666633; text-decoration: underline}

a.biketrips-cc-kl:link {color: #663300; text-decoration: none}
a.biketrips-cc-kl:visited {color: #663300; text-decoration: none}
a.biketrips-cc-kl:hover {color: #663300; text-decoration: underline}
a.biketrips-cc-kl:active {color: #663300; text-decoration: underline}

a.biketrips-lts:link {color: #336699; text-decoration: none}
a.biketrips-lts:visited {color: #336699; text-decoration: none}
a.biketrips-lts:hover {color: #336699; text-decoration: underline}
a.biketrips-lts:active {color: #336699; text-decoration: underline}

a.harp:link {color: #000000; text-decoration: none; font-weight: bold}
a.harp:visited {color: #000000; text-decoration: none; font-weight: bold}
a.harp:hover {color: #000000; text-decoration: underline; font-weight: bold}
a.harp:active {color: #000000; text-decoration: underline; font-weight: bold}

a.cv:link {color: #4D8BC9; text-decoration: none}
a.cv:visited {color: #4D8BC9; text-decoration: none}
a.cv:hover {color: #4D8BC9; text-decoration: underline}
a.cv:active {color: #4D8BC9; text-decoration: underline}

a.kspdf:link {color: #000000; font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
text-decoration: none}
a.kspdf:visited {color: #000000; font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
text-decoration: none}
a.kspdf:hover {color: #000000; font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
text-decoration: underline}
a.kspdf:active {color: #000000; font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
text-decoration: underline}

a.le:link {color: #c5ab31; text-decoration: none}
a.le:visited {color: #c5ab31; text-decoration: none}
a.le:hover {color: #c5ab31; text-decoration: underline}
a.le:active {color: #c5ab31; text-decoration: underline}

a.mainlinks:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #b85628;
text-decoration: none
}

a.mainlinks:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #b85628;
text-decoration: none
}

a.mainlinks:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #b85628;
text-decoration: underline
}

a.mainlinks:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #b85628;
text-decoration: underline
}

a.mainlinksoff:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: none
}

a.mainlinksoff:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: none
}

a.mainlinksoff:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: underline
}

a.mainlinksoff:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: underline
}

a.mainlinksindex:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #000000;
text-decoration: none
}

a.mainlinksindex:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #000000;
text-decoration: none
}

a.mainlinksindex:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #b85628;
text-decoration: underline
}

a.mainlinksindex:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #b85628;
text-decoration: underline
}

a.mainlinksjohn:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: none
}

a.mainlinksjohn:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: none
}

a.mainlinksjohn:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: underline
}

a.mainlinksjohn:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: underline
}

a.writing:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: none
}

a.writing:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: none
}

a.writing:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: underline
}

a.writing:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: underline
}

a.writingmain:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #C5AB31;
text-decoration: none
}

a.writingmain:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #c5ab31;
text-decoration: none
}

a.writingmain:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #c5ab31;
text-decoration: underline
}

a.writingmain:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #c5ab31;
text-decoration: underline
}

a.harpmain:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 15px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffda7b;
text-decoration: none
}

a.harpmain:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 15px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffda7b;
text-decoration: none
}

a.harpmain:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 15px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffda7b;
text-decoration: underline
}

a.harpmain:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 15px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffda7b;
text-decoration: underline
}

a.mainlinksjohnoff:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: none
}

a.mainlinksjohnoff:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: none
}

a.mainlinksjohnoff:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: underline
}

a.mainlinksjohnoff:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #222222;
text-decoration: underline
}


a.mainlinkscv:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #7fa66c;
text-decoration: none
}

a.mainlinkscv:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #7fa66c;
text-decoration: none
}

a.mainlinkscv:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #7fa66c;
text-decoration: underline
}

a.mainlinkscv:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #7fa66c;
text-decoration: underline
}


a.mainlinkscvoff:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #dddddd;
text-decoration: none
}

a.mainlinkscvoff:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #dddddd;
text-decoration: none
}

a.mainlinkscvoff:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #dddddd;
text-decoration: underline
}

a.mainlinkscvoff:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #dddddd;
text-decoration: underline
}

a.mainlinksle:link {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #c5ab31;
text-decoration: none
}

a.mainlinksle:visited {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #c5ab31;
text-decoration: none
}

a.mainlinksle:hover {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #c5ab31;
text-decoration: underline
}

a.mainlinksle:active {
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 13px; 
line-height: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #c5ab31;
text-decoration: underline
}

a.hb:link {
font-family: Helvetica, arial, verdana, sans-serif;
font-size: 14px; 
line-height: 18px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: none
}

a.hb:visited {
font-family: Helvetica, arial, verdana, sans-serif;
font-size: 14px; 
line-height: 18px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: none
}

a.hb:hover {
font-family: Helvetica, arial, verdana, sans-serif;
font-size: 14px; 
line-height: 18px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: underline
}

a.hb:active {
font-family: Helvetica, arial, verdana, sans-serif;
font-size: 14px; 
line-height: 18px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
color: #ffffff;
text-decoration: underline
}