/* CSS Document */
#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
background-image:url(images/banner.jpg);
background-image: url(images/l-stj.gif);
       background-image: url(images/l-omm.gif);
       background-image: url(images/l-mtindy.gif);
       background-image: url(images/l-stj.gif);
       background-image: url(images/l-hubbard.gif);
	    background-image: url(images/l-stgaudens.gif);
		 background-image: url(images/l-lareau.gif);
		  background-image: url(images/l-trestle.gif);
		   background-image: url(images/l-olcutt.gif);
		    background-image: url(images/landscape.gif);
					   background-image: url(images/l-hartford.gif);
}


.port1 {
background-image:url(images/l-perry.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:38.5px;
top:200px;
}


.port1 a:hover {
background-image:url(images/l-perry.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port2 {
background-image:url(images/l-stj.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:151.5px;
top:200px;
}


.port2 a:hover {
background-image:url(images/l-stj.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port3 {
background-image:url(images/l-omm.gif);
background-repeat:no-repeat;
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:264.5px;
top:200px;
}


.port3 a:hover {
background-image:url(images/l-omm.gif);
background-position:0px -108px;
text-decoration:none;
}


.port4 {
background-image:url(images/l-hampton.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:377.5px;
top:200px;
}


.port4 a:hover {
background-image:url(images/l-hampton.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port5 {
background-image:url(images/l-olcutt.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:490.5px;
top:200px;
}


.port5 a:hover {
background-image:url(images/l-olcutt.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port6 {
background-image:url(images/l-hartford.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:603.5px;
top:200px;
}


.port6 a:hover {
background-image:url(images/l-hartford.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port7 {
background-image:url(images/l-mtindy.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:38.5px;
top:313px;
}


.port7 a:hover {
background-image:url(images/l-mtindy.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port8 {
background-image:url(images/l-stgaudens.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:151.5px;
top:313px;
}


.port8 a:hover {
background-image:url(images/l-stgaudens.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port9 {
background-image:url(images/landscape.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:264.5px;
top:313px;
}


.port9 a:hover {
background-image:url(images/landscape.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port10 {
background-image:url(images/l-trestle.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:377.5px;
top:313px;
}


.port10 a:hover {
background-image:url(images/l-trestle.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}


.port11 {
background-image:url(images/l-turn.gif);
background-repeat:no-repeat;
width:108px;
height:108px;
position:absolute;
left:490.5px;
top:313px;
}


.port11 a:hover {
background-image:url(images/l-turn.gif);
background-position:0px -108px;
background-repeat:no-repeat;
text-decoration:none;
}



a {
width:108px;
height:108px;
display:block;
}

a span {
display:none;
}


.port1 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-20px; left:0px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port2 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-20px; left:-113px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port3  a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-20px; left:-226px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port4 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-20px; left:-339px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port5 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-20px; left:-452px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port6 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-20px; left:-565px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port7 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-133px; left:0px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port8 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-133px; left:-113px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port9  a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-133px; left:-226px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port10 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-133px; left:-339px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port11 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-133px; left:-452px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}

.port12 a:hover span {
font-family:Arial, Trebuchet, Helvetica, sans-serif;
display:block;
position: absolute;
top:-133px; left:-565px; width:750px;  height:20px;
text-transform:none;
letter-spacing: .1em;
color: #FFF;
text-decoration:none;
font-weight: bold;
text-align:left;
}