#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:120px; background:url(../Images/findwalks_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;  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;}

/*MAP*/
#imagemap-outer {
	width:525px;
	height:410px;
	background:url(../Images/map/bg.gif) left top no-repeat;
	position:relative;
	}
ul.imagemap li {
	list-style-type:none;
	display:block;
	padding:0;
	margin:0;
	overflow:hidden;
	position:absolute;
	}
ul.imagemap li a {
	text-decoration:none;
	display:block;
	}
	
	/*___________________________________*/	
#map3 {
	left:297px;
	top:24px;
	width:100px;
	height:94px;
}
#map3 a {
	width:100px;
	height:94px;
}
#map3 a:hover {
	background:url(../Images/map/3.gif) left top no-repeat;
}
/*___________________________________*/	
#map2 {
	left:173px;
	top:13px;
	width:159px;
	height:166px;
}
#map2 a {
	width:159px;
	height:166px;
}
#map2 a:hover {
	background:url(../Images/map/2.gif) left top no-repeat;
}
/*___________________________________*/		
#map1 {
	left:77px;
	top:105px;
	width:117px;
	height:110px;
}
#map1 a {
	width:117px;
	height:110px;
}
#map1 a:hover {
	background:url(../Images/map/1.gif) left top no-repeat;
}
	
/*___________________________________*/		
#map4 {
	left:25px;
	top:200px;
	width:194px;
	height:155px;
}
#map4 a {
	width:194px;
	height:155px;
}
#map4 a:hover {
	background:url(../Images/map/4.gif) left top no-repeat;
}
/*___________________________________*/		
#map5 {
	left:125px;
	top:172px;
	width:103px;
	height:91px;
	}
#map5 a {
	width:103px;
	height:91px;
}
#map5 a:hover {
	background:url(../Images/map/5.gif) left top no-repeat;
}
/*___________________________________*/		
#map7 {
	left:280px;
	top:110px;
	width:136px;
	height:155px;
	}
#map7 a {
	width:136px;
	height:155px;
}
#map7 a:hover {
	background:url(../Images/map/7.gif) left top no-repeat;
}
/*___________________________________*/	
#map6 {
	left:194px;
	top:160px;
	width:107px;
	height:93px;
	}
#map6 a {
	width:107px;
	height:93px;
}
#map6 a:hover {
	background:url(../Images/map/6.gif) left top no-repeat;
}	
/*___________________________________*/	
#map8 {
	left:205px;
	top:234px;
	width:85px;
	height:71px;
	}
#map8 a {
	width:85px;
	height:71px;
}
#map8 a:hover {
	background:url(../Images/map/8.gif) left top no-repeat;
}
/*___________________________________*/	
#map9 {
	left:271px;
	top:239px;
	width:76px;
	height:63px;
	}
#map9 a {
	width:76px;
	height:63px;
}
#map9 a:hover {
	background:url(../Images/map/9.gif) left top no-repeat;
}	
/*___________________________________*/	
#map10 {
	left:338px;
	top:247px;
	width:153px;
	height:138px;
	}
#map10 a {
		width:153px;
	height:138px;
}
#map10 a:hover {
	background:url(../Images/map/10.gif) left top no-repeat;
}
/*___________________________________*/	
#design {
	left:421px;
	top:47px;
	width:104px;
	height:105px;
	}
#design a {
	width:104px;
	height:105px;
}
#design a:hover {
	background:url(../Images/map/design.gif) left top no-repeat;
}	
/*___________________________________*/	
#advanced {
	left:421px;
	top:157px;
	width:103px;
	height:105px;
	}
#advanced a {
	width:103px;
	height:105px;
}
#advanced a:hover {
	background:url(../Images/map/advanced.gif) left top no-repeat;
}	

/*BUTTERFLY HOVER*/
#butterfly {
position:absolute;
left:813px;
top:48px;
background:url(../Images/animal_butterfly.jpg) left top no-repeat;
width:211px;
height:157px;
clear:both;
}


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

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

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

/*TIT HOVER*/
#tit {
position:absolute;
left:1077px;
top:284px;
background:url(../Images/animal_tit.jpg) left top no-repeat;
width:211px;
height:157px;
clear:both;
}


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

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

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

/*FROG HOVER*/
#frog {
position:absolute;
left:813px;
top:604px;
background:url(../Images/animal_frog.jpg) left top no-repeat;
width:188px;
height:137px;
clear:both;
}


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

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

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