#menu-outer { float:right; width:197px; min-height:510px;  background:url(../Images/menu.jpg) left top no-repeat;}
#menu-inner { width: 100%; overflow: hidden; }

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

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

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

#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;}

/*MOTH HOVER*/
#moth {
position:absolute;
left:872px;
top:239px;
background:url(../Images/animal_moth.jpg) left top no-repeat;
width:106px;
height:148px;
clear:both;
}


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

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

/*background:; ie hack, something must be changed in a for ie to execute it*/
#moth a.tt:hover{ z-index:25;  background:;}
#moth 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;
}
#moth a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#moth a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#moth a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}

/*WOODPECKER HOVER*/
#woodpecker {
position:absolute;
left:647px;
top:501px;
background:url(../Images/animal_woodpecker.jpg) left top no-repeat;
width:91px;
height:250px;
clear:both;
}


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

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

/*background:; ie hack, something must be changed in a for ie to execute it*/
#woodpecker a.tt:hover{ z-index:25;  background:;}
#woodpecker a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:40px; 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;
}
#woodpecker a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#woodpecker a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#woodpecker a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}

/*FOX HOVER*/
#fox {
position:absolute;
left:978px;
top:548px;
background:url(../Images/animal_fox.jpg) left top no-repeat;
width:275px;
height:193px;
clear:both;
}


#fox a.tt, #fox a:hover.tt, #fox a:visited.tt{
    position:absolute;
	left:150px;
	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;
}

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

/*background:; ie hack, something must be changed in a for ie to execute it*/
#fox a.tt:hover{ z-index:25;  background:;}
#fox 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;
}
#fox a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#fox a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#fox a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}