#menu-outer { float:right; width:197px; height:100%;  overflow:hidden;  min-height:100%; }
* html #menu-outer { height:100%; }
#menu-inner { width: 100%; overflow: hidden;background:url(../Images/menu.jpg) left top repeat-y;  }

* html DIV.full_scroll {
/*width: 100%;*/
height: 100%;
}

#tab {position:absolute; width:30px; height:36px; left:590px; top:156px; background:url(../Images/home_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;}

/*animals*/



/*OWL HOVER*/
#owl {
position:absolute;
left:872px;
top:326px;
background:url(../Images/animal_owl.jpg) left top no-repeat;
width:325px;
height:75px;
clear:both;
}


#owl a.tt, #owl a:hover.tt, #owl a:visited.tt{
    position:absolute;
	left:67px;
	top:58px;
    z-index:24;
    color:#303e6b;
	font-weight:normal;
    text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}

#owl a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
#owl a.tt:hover{ z-index:25;  background:;}
#owl 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;
}
#owl a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#owl a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#owl a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}

/*ORCHID HOVER*/
#orchid {
position:absolute;
left:820px;
top:551px;
background:url(../Images/animal_orchid.jpg) left top no-repeat;
width:103px;
height:199px;
clear:both;
}


#orchid a.tt, #orchid a:hover.tt, #orchid a:visited.tt{
    position:absolute;
	left:05px;
	top:150px;
    z-index:24;
    color:#fff;
	font-weight:normal;
    text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}

#orchid a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
#orchid a.tt:hover{ z-index:25;  background:;}
#orchid 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;
}
#orchid a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#orchid a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#orchid a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}

/*BADGER HOVER*/
/*#badger {
position:absolute;
left:1185px;
top:585px;
background:url(../Images/animal_badger.jpg) left top no-repeat;
width:211px;
height:157px;
clear:both;
}


#badger a.tt, #badger a:hover.tt, #badger a:visited.tt{
    position:absolute;
	left:0px;
	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;
}*/

/*#badger a.tt span{ display: none; }*/

/*background:; ie hack, something must be changed in a for ie to execute it*/
/*#badger a.tt:hover{ z-index:25;  background:;}
#badger 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;
}
#badger a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}*/
/*#badger a.tt:hover span.middle{ /* different middle bg for stretch */
	/*display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}*/
/*#badger a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}*/

/*VOLE HOVER*/
#vole {
position:absolute;
left:1066px;
top:683px;
background:url(../Images/animal_vole.jpg) left top no-repeat;
width:104px;
height:102px;
clear:both;
}


#vole a.tt, #vole a:hover.tt, #vole a:visited.tt{
    position:absolute;
	left:0px;
	top:-10px;
    z-index:24;
    color:#fff;
	font-weight:normal;
    text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}

#vole a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
#vole a.tt:hover{ z-index:25;  background:;}
#vole 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;
}
#vole a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}
#vole a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#vole a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}


