body
{
	margin: 0px;
	text-align: center;
	background-color: #fff;
	font-family: arial, san-serif;
	font-size: .8em;
}

a:link, a:active, a:visited
{
	font-family: Arial;
	color: #023B67;
	text-decoration: none;
	text-decoration: underline;
}
a:hover
{
	font-family: Arial;
	color: #448DAF;
	text-decoration: underline;
}


#container
{
	width: 850px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	padding: 10px;
}

#header
{
	width: 850px;
	padding-top: 2px;
}

#logoStrip
{
	float: left;
	width: 675px;
	padding-left: 5px;
	margin-top: 10px;
}


#siteFunctions
{
	width: 140px;
	float: right;
	text-align: right;
	font-size: 85%;
	margin-top: 0px;
	margin-bottom: 5px;
}
#siteFunctions a:link, #siteFunctions a:active, #siteFunctions a:visited
{
	color: #023B67;
	font-size: 11px;
	text-decoration: none;
}
#siteFunctions a:hover
{
	color: #023B67;
	text-decoration: underline;
}


#mainContent
{
	width: 850px;
	margin-top: -7px;
}

#mainContentInt
{
	width: 852px;
	margin-top: 10px !important; margin-top: 1px;
}


/*////////// HOME CONTENT //////////*/

#homeLeft
{
	width: 185px;
	float: left;
}

#homeRight
{
	width: 656px;
	margin-top: 10px;
	float: right;
}

#rowOne
{
	width: 656px;
	margin-bottom: 5px;
}







#rowTwo
{
	margin-top: -10px;
	width: 653px;
	color: #787676;
	font-size: 85%;

}



#rowTwoTop
{
	width: 653px;
}

#rowTwoBottom
{
	width: 653px;
}

#rowTwoContent
{
	width: 653px;
	background-image: url(../images/homerowtwo_mdl2.gif) !important;
	background-image: url(../images/homerowtwo_mdl.gif);
	background-repeat: repeat;
}



#rowTwoContent a:link, #rowTwoContent a:active, #rowTwoContent a:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #787676;
}
#rowTwoContent a.hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}






.rowTwoContentCol1
{
	width: 200px;
	float: left;
	margin-left: 10px !important; margin-left: 7px;
	font-size: 12px;
	color: #787676;
}





.rowTwoContentCol2
{
	width: 200px;
	float: left;
	margin-left: 13px;
	font-size: 12px;
	color: #787676;
}

.rowTwoContentCol3
{
	width: 200px;
	float: left;
	margin-left: 12px;
	font-size: 12px;
	color: #787676;
}

#rowThree
{
	width: 656px;
	margin-top: -6px;
	padding: 0px;
}

#rowThreeLeftHolder
{
	float: left;
	width: 426px;
}

#rowThreeRightHolder
{
	width: 218px;
	float: right
}

#rowThreeTop1
{

}

#rowThreeBtm1
{

}

#rowThreeContent1
{
	background-image: url(../images/homerowthree_mdl_1.gif);
	background-repeat: repeat;
	padding-left: 10px;
	_margin-top: -4px;
	_margin-bottom: -1px;
}

#rowThreeTop2
{
	width: 215px;
}

#rowThreeBtm2
{
	width: 215px;
}

#rowThreeContent2
{
	background-image: url(../images/homerowthree_mdl_2.gif);
	background-repeat: repeat;
	padding-left: 10px;
	_margin-top: -6px;
	_margin-bottom: -1px;
	color: #CC0000;
	font-size: 90%;
	font-weight: bold;
	width: 215px;
}

#rowThreeContent2 a:link, #rowThreeContent2 a:active, #rowThreeContent2 a:visited
{
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
}
#rowThreeContent2 a:hover
{
	color: #CC0000;
	text-decoration: underline;
}

.homeshop
{
	font-size: 100%;
	font-weight: bold;
	color: #CC0000;
}
.bluebold
{

	font-size: 100%;
	font-weight: bold;
	color: #023B67;
}
.bluelink
{
	font-size: 100%;
	color: #023B67;
}


.worddoc
{
margin-left: 25px;
margin-top: 0px;

}






















#noticeb
{

}


#noticebText hr
{
	height: 1px;
	color: #81C9E2;
	width: 159px;
	margin-bottom: 4px !important; margin-bottom: -5px;
	margin-top: 4px !important; margin-top: 0px;
}

.noticebTitle
{
	margin-left: 7px;
}

#noticebText
{
	overflow: auto;
	width: 186px;
	height: 190px;
	color: #787676;
	font-size: 0.9em;
	padding-right: 30px; !important; padding-right: 0px;
}


#noticebHolder
{
	float: left;
	width: 217px;
	margin-left: 5px;
	margin-top: 10px;
}

#noticebRightHolder
{
	width: 118px;
	float: right
}

#noticebContent1
{
	background-image: url(images/noticeb_background.gif);
	background-repeat: repeat;
	padding-left: 14px;
	_margin-top: -4px;
}

#noticebTop1
{

}

#noticebBtm1
{

}




































#waterhomepromo
{
	width: 218px;
	float: right;
	margin-left: 100px;
	background-color: Aqua;
}


.homeleftHolder
{
	padding: 1px;
	padding-top: 8px;
}

#homeEventsText
{

	border-left: 1px #DADADA solid;
	border-right: 1px #DADADA solid;
	padding: 8px;
	padding-top: 5px;
	padding-left: 15px;
	margin-top: -7px;
	width: 156px !important; width: 181px;
	background-image: url(../images/bg_eventshome.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}




#homeEventsText li
{
	font-size: 12px;
	color: #787676;
	margin-left: -36px;
	list-style-image: url(../images/grey_arrow.gif)
}





#homeWinText
{
	border-left: 1px #FB8500 solid;
	border-right: 1px #FB8500 solid;
	padding: 8px;
	padding-top: 5px;
	padding-left: 20px;
	margin-top: -7px;
	width: 151px !important; 
	width: 181px;
	background-image: url(../images/bg_winhome.gif);
	background-position: top;
	background-repeat: repeat;
	font-size: 12px;
	color: #787676;
}

#homeWinText a:link, #homeWinText a:active, #homeWinText a:visited
{
	color: #FF8400;
	font-weight: bold;
	text-decoration: none;
}
#homeWinText a:hover
{
	color: #FF8400;
	text-decoration: underline;
}







/*////////// INTERNAL PAGE STYLES //////////*/

#navCol
{
	width: 185px;
	float: left;
}

#mainCol
{
	width: 470px;
	margin-left: 15px;
	float: left;
}

#mainCol1
{
	width: 227px;
	margin-left: 15px;
	float: left;
}

#mainColfac
{
	width: 652px;
	margin-left: 15px;
	float: left;
}


#rightCol
{
	width: 160px;
	padding-top: 23px !important; padding-top: 37px;
	float: right;
}






/*///// STYLES FOR RIGHT PROMO PANELS /////*/

#eventsTop
{
	width: 155px;
}

#eventsContent
{
	width: 155px;
	background-image: url(../images/events_bg.gif);
	margin-top: -10px !important;
	margin-top: -5px;
	padding-top: 5px;
	text-align: left;
}

#eventsContent ul
{
	padding-left: 25px !important;
	padding-left: 0px;
	margin-left: 0px !important;
	margin-left: 28px;
	list-style-image: url(../images/events_bullet.gif)
}

#eventsContent ul li
{
	border-bottom: 1px solid #E0E0E0;
	margin-right: 18px;
	padding-bottom: 4px;
	margin-top: 4px;
	font-size: 12px;
	color: #666666;
}

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



#eventsBtm
{
	width: 155px;
	margin-top: -12px !important;
	margin-top: -8px;
}

#beginnersTop
{
	width: 155px;
	margin-top: -10px;
}

#beginnersContent
{
	padding-right: 10px;
	width: 155px;
	background-image: url(../images/beginners_bg.gif);
	margin-top: -10px !important;
	margin-top: -5px;
	padding-top: 5px;
	padding-left: 0px;
	font-size: 12px;
	color: #666666;

}

#beginnersText
{
	padding-right: 10px;
	padding-left: 17px;
	font-size: 12px;
	color: #666666;
	padding-top: 4px !important;
	padding-top: 0px;
	text-align: left;

}

#beginnersBtm
{
	width: 155px;
	margin-top: -12px !important;
	margin-top: -8px;
}

/*///// END STYLES FOR RIGHT PROMO PANELS /////*/

/*////////// SECOND NAVIGATION //////////*/

#secNav
{
	width: 184px;
	background-image: url(../images/sec_nav_bg.gif);
	background-repeat: repeat;
}

#secNav a,
#secNav a.bottom,
#secNav a.on
{
	width: 165px !important; width: 179px;
	display: block;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: #DADADA 1px dashed;
	color: #013C68;
	text-decoration: none;
	font-size: 90%
}

#secNav a.bottom
{
	border-bottom: #DADADA 1px dashed;
}

#secNav a.on
{
	background-color: #013C68;
	color: #fff;
	font-weight: bold;
}

#secNav a:hover
{
	background-color: #013C68;
	color: #fff;
	font-weight: bold;
}

/*////////// NAVIGATION HOLDER //////////*/

.navHolder1,
.navHolder2,
.navHolder3,
.navHolder4,
.navHolder5,
.navHolder6,
.navHolder7
{
	text-align: center;
	float: left;
	_margin-bottom: -3px;
}


.navLeft,
.navLeftOn
{
	width: 11px;
	height: 24px;
	float: left;
	background-image: url(../images/nav_left.gif);
	margin-right: -3px;
}

.navLeftOn
{
	background-image: url(../images/nav_left_on.gif);
}

.navRight,
.navRightOn
{
	width: 11px;
	height: 24px;
	float: right;
	margin-top: -24px;
	background-image: url(../images/nav_right.gif);
}

.navRightOn
{
	background-image: url(../images/nav_right_on.gif);
}

.navItem,
.navItemOn
{
	height: 24px;
	background-image: url(../images/nav_middle.gif);
	padding-right: 10px;
	margin-left: 0px;
	padding-top: 1px !important; padding-top: 6px;
}

.navItemOn
{
	background-image: url(../images/nav_middle_on.gif);
}

.navBottom
{
	_margin-top: -13px;
}

/*////////// NAV LINKS //////////*/

.navItem a
{
	color: #949494;
	text-decoration: none;
	font-size: 90%;
}

.navItemOn a
{
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
}


/*////////// TEXT, LINKS, IMAGES //////////*/

img
{
	border: 0px;
}

.highropeTitle
{
	margin-left: 7px;
}

#highropeText
{
	padding-top: 6px;
	padding-left: 110px !important; padding-left: 18px;
	width: 280px;
	color: #787676;
	font-size: 90%;
}

.winterSale
{
	margin-bottom: 16px;
	margin-left: 15px;
	margin-top: 16px;
}





.speedboat
{
	margin-left: -16px;
	margin-top: -10px;
	margin-bottom: -10px;
}

#mainCol p, #mainCol1 p, #mainColfac p
{
	color: #043A66;
	font-size: 90%;
	margin-top: 10px;
}

#mainCol li, #mainCol1 li, #mainColfacli
{
	color: #448DAF;
	font-size: 90%;
	margin-left: -5px;
}


#venuecont
{
	width: 600px;
}

#venue123
{
	width: 200px;
	float: left;
	color: #043A66;
	font-size: 100%;
}


#mainCol p.grey
{
	color: #666666;
	margin-left: 111px;
}

#mainCol p.blue
{
	color: #666666;
	margin-left: 74px;
}

#mainCol p.grey2
{
	color: #666666;

}

#mainCol p.grey_100
{
	color: #666666;
	margin-left: 0px;
}

#mainCol p.grey_plane
{
	color: #666666;
	margin: 0 0 0 0px;
}

#mainCol p.blue1
{
	color: #043A66;
	font-size: 90%;
	margin-top: 10px;
	margin-left: 18px;
}

#mainCol p.price
{
	color: #666666;
	margin-left: 115px;
}

#mainCol hr
{
	height: 1px;
	color: #81C9E2;
	margin-bottom: 10px !important; margin-bottom: 5px;
	margin-top: 10px !important; margin-top: -12px;
}

.thumbImage
{	
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.pageImage
{
	margin-top: -1px;
}

#beginnersContent a
{
	font-weight: bold;
	color: #5C99B8;
}

.home3boxesPad
{	
	margin-bottom: 15px;
}

.winterSalePad
{
	margin-bottom: 6px;
}

.clearout
{
	margin-left: 10px;
	font-weight: normal;
	float: left;
}


.eventsText
{
	position: absolute;	
	margin-top: 1px;
	margin-left: -165px;
	width: 145px;
	color: #448DAF;
	font-weight: bold;
	font-size: 12px;
}
.eventsText a:link, .eventsText a:active, .eventsText a:visited
{
	font-weight: bold;
	text-decoration: underline;
	color: #448DAF;
}
.eventsText a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #023B67;
}




/*////////// NAV MENUS //////////*/

#csstopmenu, #csstopmenu ul
{
	list-style: none;
	margin-left: -40px !important;
	margin-left: 0px;
}

#csstopmenu li
{
float: left;
position: relative;
}

#csstopmenu a
{
text-decoration: none;
}

.mainitems
{
border-left-width: 0;
}

.submenus
{
display: none;
width: 138px !important;
width: 150px;
position: absolute;
top: 26px;
left: 1px;
background-color: #fff;
border: 1px solid #D9D9D9;
text-align: left;
font-size: 11px;
}

.submenus li
{
width: 100%;
margin-left: -38px !important;
margin-left: 0px;
}

.submenus li a
{
display: block;
width: 100%;
text-indent: 2px;
color: #093B5C;
border-bottom: 1px #D9D9D9 dashed;
padding: 2px;
}

.submenus li a.bottom
{
border-bottom: 0px;
}

html>body .submenus li a
{ /* non IE browsers */
width: 170px;
}

.submenus li a:hover
{
background-color: #093B5C;
color: #fff;
}

#csstopmenu li>ul 
{/* non IE browsers */
top: 26px;
left: 41px !important;
}

#csstopmenu li:hover ul, li.over ul 
{
display: block;
}

html>body #clearmenu
{ /* non IE browsers */
height: 3px;
}

























.otcontainer
{
	margin: 0px 0 0 0px;
	padding: 0;
	width: auto;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
}
.ottablecontent
{
	border-left: none 0px white;
	width: 100%;
}
.ottablecontent tr td
{
	border-right: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	height: 30px;
	background-color: #F9F9F9;
	padding-right: 5px;
}




.ottablecontent tr th
{
	height: 30px;
	font-family: Arial;
	font-size: 0.75em;
	line-height: 1.2em;
	color: #023B67;
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	border-right: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	background-color: #ECF9FF;

}
.ottablecontent .general
{
	background-color: #ffffff;
	border-right: solid 1px #D8160D;
	border-bottom: solid 1px #D8160D;
	color: #101E3D;
}
.ottableCopy tr td, .ottablecontent .time
{
	font-family: Arial;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #5C5A5A;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
}
.ottablecontent .time
{
	font-weight: bold;
	color: #101E3D;
	width: 40px;
	border-left: solid 3px #D8160D;
	background-color: #fff;
}





.jccontainer
{
	margin: 0px 0 0 111px;
	padding: 0;
	width: 359;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
}
.jctablecontent
{
	border-left: none 0px white;
	width: 100%;
}
.jctablecontent tr td
{
	border-right: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	height: 30px;
	background-color: #F9F9F9;
}

.jctablecontent tr th
{
	height: 30px;

	font-family: Arial;
	font-size: 0.75em;
	line-height: 1.2em;
	color: #023B67;
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	border-right: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	background-color: #ECF9FF;

}

.jctableCopy tr td, .jctablecontent .time
{
	font-family: Arial;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #5C5A5A;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
}

























.wcontainer
{
	margin: 0px 0 0 0px;
	padding: 0;
	width: auto;
	border-left: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
}
.wtablecontent
{
	border-left: none 0px white;
	width: 100%;
}
.wtablecontent tr td
{
	border-right: solid 1px #C5C5C5;
	border-bottom: solid 1px #C5C5C5;
	height: 30px;
	background-color: #F9F9F9;
	padding-right: 5px;
}

.wtableCopy tr td, .wtablecontent .time
{
	font-family: Arial;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #5C5A5A;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
	text-align: center;
}






/*////// LANDING PAGE STYLES //////*/

#mainColFull
{

	border: solid 0px;
	border-color: black;
}

.landingWeather
{
	margin-top: 4px;
}

.landingBoat
{
	position: relative;
	margin-left: 460px !important;
	margin-left: 460px;
	top: -315px !important;
	top: -335px;
}
#spacer
{
	width: 181px;
	height: 500px;
	margin-top: 5px;
}

#landingSafetyTop
{
	width: 181px;
	margin-top: 5px;
}

#landingSafetyBtm
{
	width: 181px;
}

#landingSafetyContent	
{
	padding: 8px;
	padding-top: 5px;
	padding-left: 15px;
	margin-top: -4px;
	width: 158px !important; width: 181px;
	background-image: url(../images/landing_saftey_bg.gif);
	color: #D00000;
}

#landingMainTop
{
	width: 662px;
	margin-top: 7px;
	padding-left: 5px;
}
html>body #landingMainTop{float: right;}

#landingMainBtm
{
	width: 662px;
	margin-top: 0px;
	padding-left: 5px;
}
html>body #landingMainBtm{float: right;}

#landingMainContent	
{
	background-image: url(../images/landing_main_bg_events_2.gif);
	width: 662px;
	margin-top: -3px;
	padding-left: 5px;

}
#landingMainContentevents	
{
	background-image: url(../images/landing_main_bg_3.gif);
	width: 662px;
	margin-top: -3px;
	padding-left: 5px;

}
html>body #landingMainContent{float: right;}

#landingMainContentLeft
{
	font-size: 12px;
	color: #666666;
	width: 405px;
	padding-left: 20px;
	padding-top: 20px;
	float: left;
}

#landingMainContentRight
{
	font-size: 12px;
	color: #448DAF;
	width: 190px !important;
	width: 200px;
	padding-left: 0px !important;
	padding-left: 20px;
	padding-top: 15px;
	float: left; 
	margin-top: 45px;
	margin-left: 25px;
}

.landingMainContentRightgtext
{
	font-size: 12px;
	color: #787676;

}

#landingThreeCol
{
	_width: 662px;
	margin-top: -50px;
	background-image: url(../images/landing_threecol_bg.gif);
}

#landingThreeColOne
{
	float: left;
	width: 205px !important;
	width: 215px;
	margin-left: 5px;
	font-size: 12px;
	color: #757575;
	padding-right: 12px;
}

#landingThreeColOne a
{
	color: #7DC9E0;
	font-weight: bold;
	text-decoration: none;
}

#landingThreeColTwo
{
	float: left;
	width: 205px !important;
	width: 215px;
	padding-left: 2px;
	padding-right: 12px;
	font-size: 12px;
	color: #757575;
}

#landingThreeColTwo a
{
	color: #488DAE;
	font-weight: bold;
	text-decoration: none;
}

#landingThreeColThree
{
	float: left;
	width: 205px !important;
	width: 215px;
	padding-left: 3px;
	padding-right: 12px;
	font-size: 12px;
	color: #757575;
}



#landingThreeColThree a
{
	color: #003966;
	font-weight: bold;
	text-decoration: none;
}


.3colimages
{
	margin-top: 10px;
}






/* set up the font to be used for the page */

/* set the size of the definition list <dl> and add the background image */
#imap {
    display:block; 
    width:652px; 
    height:402px; 
    background:url(../images/map_2.jpg) no-repeat; 
    position:relative;
	 float: left;
}
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
    display:block; 
    width:655px; 
    height:0; 
    padding-top:402px; 
    overflow:hidden; 
    position:absolute; 
    left:0; top:0; 
    /*background:transparent url(../images/map_1.jpg) no-repeat 400px 400px; */
    cursor:default;
}
/* the hack for IE pre IE6 */
* html #imap a#title {height:240px; he\ight:0;}
/* the <dt><a> hover style to move the background image to position 0 0*/
#imap a#title:hover {background-position: 0 0; z-index:10;}
/* place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}
#imap #pic1 {left:241px; top:37px; z-index:20;}
#imap #pic2 {left:338px; top:65px; z-index:20;}
#imap #pic3 {left:119px; top:36px; z-index:20;}
#imap #pic4 {left:188px; top:40px; z-index:20;}
#imap #pic5 {left:206px; top:77px; z-index:20;}
#imap #pic6 {left:249px; top:98px; z-index:20;}
#imap #pic7 {left:286px; top:110px; z-index:20;}
#imap #pic8 {left:304px; top:152px; z-index:20;}
#imap #pic9 {left:348px; top:164px; z-index:20;}
#imap #pic10 {left:389px; top:153px; z-index:20;}
#imap #pic11 {left:485px; top:158px; z-index:20;}
#imap #pic12 {left:363px; top:137px; z-index:20;}
#imap #pic17 {left:303px; top:58px; z-index:20;}
#imap #pica {left:418px; top:84px; z-index:20;}
#imap #picb {left:208px; top:44px; z-index:20;}
#imap #picc {left:400px; top:122px; z-index:20;}
#imap #picd {left:515px; top:105px; z-index:20;}
#imap #pice {left:503px; top:135px; z-index:20;}
#imap #picf {left:522px; top:282px; z-index:20;}
#imap #picg {left:272px; top:159px; z-index:20;}
/* style the <dd><a> links physical size and the background image for the hover */
#imap a#item1, #imap a#item2, #imap a#item3, #imap a#item4, #imap a#item5, #imap a#item6, #imap a#item7, #imap a#item8, #imap a#item9, #imap a#item10, #imap a#item11, #imap a#item12, #imap a#item17, #imap a#itema, #imap a#itemb, #imap a#itemc, #imap a#itemd, #imap a#iteme, #imap a#itemf, #imap a#itemg {
    display:block; 
    width:20px; 
    height:20px; 
    background:transparent url(images/hover.gif) -100px -100px no-repeat; 
    text-decoration:none; 
    z-index:20;
}
/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {display:none;}
/* move the link background image to position 0 0 when hovered */
#imap a#item1:hover,#imap a#item2:hover, #imap a#item3:hover, #imap a#item4:hover, #imap a#item5:hover, #imap a#item6:hover, #imap a#item7:hover, #imap a#item8:hover, #imap a#item9:hover, #imap a#item10:hover, #imap a#item11:hover, #imap a#item12:hover, #imap a#item17:hover, #imap a#itema:hover, #imap a#itemb:hover, #imap a#itemc:hover, #imap a#itemd:hover, #imap a#iteme:hover, #imap a#itemf:hover, #imap a#itemg:hover {background-position:0 0;}
/* define the common styling for the span text */
#imap a:hover span {
    position:absolute;  
    width:176px;
    height:187px;
    display:block; 
    font-family:arial; 
    font-size:12px; 
    background:#fff; 
    color:#023A6D; 
    padding:5px 2px 5px 5px;
}
/* the hack for IE pre IE6 */
* html #imap a:hover span {width:186px; w\idth:186px;}
/* move the span text to a common position at the bottom of the image map */
#imap a#item1:hover span {left:-220px; top:155px;}
#imap a#item2:hover span {left:-317px; top:127px;}
#imap a#item3:hover span {left:-98px; top:156px;}
#imap a#item4:hover span {left:-167px; top:152px;}
#imap a#item5:hover span {left:-185px; top:115px;}
#imap a#item6:hover span {left:-228px; top:94px;}
#imap a#item7:hover span {left:-265px; top:82px;}
#imap a#item8:hover span {left:-283px; top:40px;}
#imap a#item9:hover span {left:-327px; top:28px;}
#imap a#item10:hover span {left:-368px; top:39px;}
#imap a#item11:hover span {left:-464px; top:34px;}
#imap a#item12:hover span {left:-342px; top:55px;}
#imap a#item17:hover span {left:-282px; top:134px;}
#imap a#itema:hover span {left:-397px; top:108px;}
#imap a#itemb:hover span {left:-187px; top:148px;}
#imap a#itemc:hover span {left:-379px; top:70px;}
#imap a#itemd:hover span {left:-494px; top:87px;}
#imap a#iteme:hover span {left:-482px; top:57px;}
#imap a#itemf:hover span {left:-501px; top:-90px;}
#imap a#itemg:hover span {left:-251px; top:33px;}
/* add the style for the link span text - first line */