#menu-outer { float:right; min-height:510px; height: auto !important; height: 510px; background:url(../Images/menu.jpg) left top no-repeat; width:197px; margin:0; padding:0; }

#tab {position:absolute; width:30px; height:36px; left:590px; top:192px; background:url(../Images/about_tab.gif) left top no-repeat; }

#menu-outer ul {  margin:130px 0px 0px 0px; padding:0px; position:relative;}
#menu-outer li { list-style:none;}	

#menu-outer li { text-indent:-999px;  height:35px;}

#menu-outer li a.home {  height:35px;display:block; width:190px;  position:absolute; left:0;
top:20px;}
#menu-outer li a.about {  height:35px;display:block; width:190px;  position:absolute; left:0;
top:65px;}
#menu-outer li a.walks {  height:35px; display:block; width:190px;  position:absolute; left:0;
top:130px;}
#menu-outer li a.forum { height:35px; display:block; width:190px; position:absolute; left:0;
top:170px;}
#menu-outer li a.info {  height:35px; display:block; width:190px; position:absolute; left:0;
top:212px;}
#menu-outer li a.local {  height:35px;display:block; width:190px; position:absolute; left:0;
top:250px;}
#menu-outer li a.contact { height:35px; display:block; width:190px; position:absolute; left:0;
top:335px;}

/*SEAGULL HOVER*/
#seagull {
position:absolute;
left:711px;
top:32px;
background:url(../Images/animal_seagull.jpg) left top no-repeat;
width:229px;
height:111px;
clear:both;
}


#seagull a.tt, #seagull a:hover.tt, #seagull a:visited.tt{
    position:absolute;
	left:115px;
	top:90px;
    z-index:24;
    color:#fff;
	font-weight:normal;
    text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}

#seagull a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
#seagull a.tt:hover{ z-index:25;  background:;}
#seagull a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font-weight:normal;
	text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}
#seagull a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#seagull a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#seagull a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}

/*BLUEBELL HOVER*/
#bluebell {
position:absolute;
left:952px;
top:319px;
background:url(../Images/animal_bluebell.jpg) left top no-repeat;
width:202px;
height:295px;
clear:both;
}


#bluebell a.tt, #bluebell a:hover.tt, #bluebell a:visited.tt{
    position:absolute;
	left:62px;
	top:52px;
    z-index:24;
    color:#fd57a1;
	font-weight:normal;
    text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}

#bluebell a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
#bluebell a.tt:hover{ z-index:25;  background:;}
#bluebell a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-20px; left:30px;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font-weight:normal;
	text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}
#bluebell a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#bluebell a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#bluebell a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}

/*OTTER HOVER*/
#otter {
position:absolute;
left:765px;
top:580px;
background:url(../Images/animal_otter.jpg) left top no-repeat;
width:275px;
height:157px;
clear:both;
}


#otter a.tt, #otter a:hover.tt, #otter a:visited.tt{
    position:absolute;
	left:40px;
	top:0px;
    z-index:24;
    color:#fff;
	font-weight:normal;
    text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}

#otter a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
#otter a.tt:hover{ z-index:25;  background:;}
#otter a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	font-weight:normal;
	text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}
#otter a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#otter a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#otter a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}