<!--

#instructor_training td {vertical-align: bottom; padding: 3px 5px 3px 5px;}
#instructor_training td.left {text-align: left;}

span.top1 {display: block; width: 13px; height: 143px; text-decoration: none; background: url("graphics/instructor_training/course_duration_1.gif") no-repeat left; font-size: 0%; line-height: 0px; color: #FFF; overflow: hidden;}

a.top2 {display: block; width: 13px; height: 183px; text-decoration: none; background: url("graphics/instructor_training/powerboat_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top2 {display: block; width: 13px; height: 183px; text-decoration: none; background: url("graphics/instructor_training/powerboat_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top3 {display: block; width: 13px; height: 86px; text-decoration: none; background: url("graphics/instructor_training/safetyboat_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top3 {display: block; width: 13px; height: 86px; text-decoration: none; background: url("graphics/instructor_training/safetyboat_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top4 {display: block; width: 13px; height: 144px; text-decoration: none; background: url("graphics/instructor_training/adv_powerboat_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top4 {display: block; width: 13px; height: 144px; text-decoration: none; background: url("graphics/instructor_training/adv_powerboat_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top4-5 {display: block; width: 13px; height: 240px; text-decoration: none; background: url("graphics/instructor_training/powerboat_assessment_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top4-5 {display: block; width: 13px; height: 240px; text-decoration: none; background: url("graphics/instructor_training/powerboat_assessment_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top5 {display: block; width: 13px; height: 119px; text-decoration: none; background: url("graphics/instructor_training/pwc_prof_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top5 {display: block; width: 13px; height: 119px; text-decoration: none; background: url("graphics/instructor_training/pwc_prof_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top6 {display: block; width: 13px; height: 72px; text-decoration: none; background: url("graphics/instructor_training/first_aid_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top6 {display: block; width: 13px; height: 72px; text-decoration: none; background: url("graphics/instructor_training/first_aid_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top7 {display: block; width: 13px; height: 119px; text-decoration: none; background: url("graphics/instructor_training/dinghy_pre_ent_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top7 {display: block; width: 13px; height: 119px; text-decoration: none; background: url("graphics/instructor_training/dinghy_pre_ent_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top8 {display: block; width: 13px; height: 205px; text-decoration: none; background: url("graphics/instructor_training/windsurf_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top8 {display: block; width: 13px; height: 205px; text-decoration: none; background: url("graphics/instructor_training/windsurf_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top9 {display: block; width: 13px; height: 218px; text-decoration: none; background: url("graphics/instructor_training/yachtmaster_power_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top9 {display: block; width: 13px; height: 218px; text-decoration: none; background: url("graphics/instructor_training/yachtmaster_power_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top10 {display: block; width: 13px; height: 204px; text-decoration: none; background: url("graphics/instructor_training/yachtmaster_sail_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top10 {display: block; width: 13px; height: 204px; text-decoration: none; background: url("graphics/instructor_training/yachtmaster_sail_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top11 {display: block; width: 13px; height: 175px; text-decoration: none; background: url("graphics/instructor_training/cruising_inst_power_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top11 {display: block; width: 13px; height: 175px; text-decoration: none; background: url("graphics/instructor_training/cruising_inst_power_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top12 {display: block; width: 13px; height: 161px; text-decoration: none; background: url("graphics/instructor_training/cruising_inst_sail_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top12 {display: block; width: 13px; height: 161px; text-decoration: none; background: url("graphics/instructor_training/cruising_inst_sail_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top13 {display: block; width: 13px; height: 121px; text-decoration: none; background: url("graphics/instructor_training/dinghy_instructor_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top13 {display: block; width: 13px; height: 121px; text-decoration: none; background: url("graphics/instructor_training/dinghy_instructor_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top14 {display: block; width: 13px; height: 132px; text-decoration: none; background: url("graphics/instructor_training/windsurf_instructor_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top14 {display: block; width: 13px; height: 132px; text-decoration: none; background: url("graphics/instructor_training/windsurf_instructor_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top15 {display: block; width: 13px; height: 142px; text-decoration: none; background: url("graphics/instructor_training/powerboat_instructor_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top15 {display: block; width: 13px; height: 142px; text-decoration: none; background: url("graphics/instructor_training/powerboat_instructor_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

a.top16 {display: block; width: 13px; height: 111px; text-decoration: none; background: url("graphics/instructor_training/vhf_src_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}
a:hover.top16 {display: block; width: 13px; height: 111px; text-decoration: none; background: url("graphics/instructor_training/vhf_src_2.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

span.top17 {display: block; width: 13px; height: 77px; text-decoration: none; background: url("graphics/instructor_training/minimum_age_1.gif") no-repeat left; font-size: 0px; line-height: 0px; color: #FFF; overflow: hidden;}

-->