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

/* set the size of the definition list <dl> and add the background image */

div.estuary_map a:hover {
  text-decoration: none;
}

#imap {
 display:block;
 width: 594px;
 height: 959px; 
 background-image: url('/images/EstuaryMapy3_90.jpg');
 background-repeat:  no-repeat;
 position: relative;
}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
 display:block;
 width:594px;
 height:0px;
 padding-top: 959px; 
 overflow: hidden;
 position: absolute;
 left:0;
 top:0;
 background:url('/images/EstuaryMapy3_90.jpg') no-repeat;
 cursor: default;
 text-decoration: none;
}


/* the hack for IE pre IE6 */
* html #imap a#title 
{  height:240px;
   he\ight:0;
   text-decoration: none;
}

/* 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; text-decoration: none}

/* xxx place the <dd>s in the correct absolute position */
#imap dd {position:absolute; padding:0; margin:0;}

#imap #piccapemeareslake {left:115px; top:245px; z-index:20;}
#imap #picgaribaldibay {left:250px; top:170px; z-index:20;}
#imap #picnehalembay {left:180px; top:25px; z-index:20;}
#imap #picnestuccabay {left:211px; top:635px; z-index:20;}
#imap #picnetartsbay {left:180px; top:400px; z-index:20;}
#imap #picsalmonriver {left:190px; top:850px; z-index:20;}
#imap #picsandlake {left:170px; top:540px; z-index:20;}
#imap #pictillamookbay {left:220px; top:240px; z-index:20;}

#imap #pictillamookriver  {left:280px; top:430px; z-index:20;}
#imap #picdoughertyhoquarton  {left:315px; top:350px; z-index:20;}
#imap #piclakelytle  {left:200px; top:125px; z-index:20;}
#imap #pickilchesriver  {left:380px; top:220px; z-index:20;}

#imap #picnehalemriver {left:375px; top:115px; z-index:20;}
#imap #picnestuccariver {left:305px; top:705px; z-index:20;}
#imap #picnestuccarivernorth {left:440px; top:530px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */

#imap a#capemeareslake, #imap a#garibaldibay, #imap a#nehalembay, #imap a#nestuccabay, #imap a#netartsbay, #imap a#salmonriver, #imap a#sandlake, #imap a#tillamookbay, #imap a#tillamookriver, #imap a#doughertyhoquarton, #imap a#kilchesriver, #imap a#lakelytle, #imap a#nehalemriver, #imap a#nestuccariver, #imap a#nestuccarivernorth  {
   display:block;
   width:85px;
   height:85px; 
   background: none;
  /* 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 */

/* 
to make the image be what rolls over .. (aw)
#imap a#netartsbay:hover {display:block; width:150px; height:200px; 
background:transparent url('/images/NetartsBay_s.JPG') -0px -0px no-repeat; text-decoration:none; z-index:20;}
*/

#imap a#capemeareslake:hover, #imap a#garibaldibay:hover, #imap a#nehalembay:hover, #imap a#nestuccabay:hover, #imap a#netartsbay:hover, #imap a#salmonriver:hover, #imap a#sandlake:hover, #imap a#tillamookbay:hover, #imap a#tillamookriver:hover, #imap a#doughertyhoquarton:hover, #imap a#kilchesriver:hover, #imap a#lakelytle:hover, #imap a#nehalemriver:hover, #imap a#nestuccariver:hover, #imap a#nestuccarivernorth:hover 
{background-position:0 0;}

/* define the common styling for the span text */

#imap a:hover span {
 position:absolute; 
 width:155px; 
 display:block; 
 font-family:arial; 
 font-size:12px; 
 background:rgb(236,236,236);  
 color: rgb(70,78,114); 
 border: 3px solid #d3d3d3;
 padding:5px;
}

/* the hack for IE pre IE6 */
* html #imap a:hover span {width:400px; w\idth:155px;}

/* move the span text to a common position at the bottom of the image map */

#imap a#capemeareslake:hover span {width: 205px; left:-100px; top:0px;}
#imap a#garibaldibay:hover span {width: 205px; left:-100px; top:0px;}
#imap a#nehalembay:hover span {width: 205px; left:-100px; top:0px;}
#imap a#nestuccabay:hover span {width: 205px; left:-100px; top:0px;}
#imap a#netartsbay:hover span {width: 155px; left:-100px; top:0px;}
#imap a#salmonriver:hover span {width: 155px; left:-100px; top:-150px;}
#imap a#sandlake:hover span  {width: 205px; left:-100px; top:0px;}
#imap a#tillamookbay:hover span {width: 205px; left:-100px; top:0px;}

#imap a#tillamookriver:hover span {width: 155px; left:-100px; top:0px;}
#imap a#doughertyhoquarton:hover span {width: 205px; left:-100px; top:0px;}
#imap a#kilchesriver:hover span {width: 205px; left:-100px; top:0px;}
#imap a#lakelytle:hover span {width: 155px; left:-100px; top:0px;}
#imap a#nehalemriver:hover span {width: 205px; left:-100px; top:0px;}
#imap a#nestuccariver:hover span {width: 205px; left:-100px; top:0px;}
#imap a#nestuccarivernorth:hover span {width: 205px; left:-100px; top:0px;}
 
/* add the style for the link span text - first line */
#imap a span:first-line {font-weight:bold; font-style:italic;}