#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:309px; background:url(../Images/forum_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;}

/*PUFFIN HOVER*/
#puffin {
position:absolute;
left:764px;
top:508px;
background:url(../Images/animal_puffin.jpg) left top no-repeat;
width:293px;
height:263px;
clear:both;
}


#puffin a.tt, #puffin a:hover.tt, #puffin a:visited.tt{
    position:absolute;
	left:60px;
	top:5px;
    z-index:24;
    color:#fff;
	font-weight:normal;
    text-decoration:none;
	font-family:"Century Gothic", "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif;
}

#puffin a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
#puffin a.tt:hover{ z-index:25;  background:;}
#puffin 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;
}
#puffin a.tt:hover span.top {
	display: block;
	padding: 30px 8px 0;
    background: url(../Images/bubble.gif) no-repeat top;
}

#puffin a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../Images/bubble_filler.gif) repeat bottom; 
}
#puffin a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../Images/bubble.gif) no-repeat bottom;
}

/*BUTTERFLY HOVER*/
#butterfly {
position:absolute;
left:940px;
top:92px;
background:url(../Images/animal_butterfly.jpg) left top no-repeat;
width:181px;
height:174px;
clear:both;
}


#butterfly a.tt, #butterfly a:hover.tt, #butterfly a:visited.tt{
    position:absolute;
	left:0px;
	top:5px;
    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;
}

span.last-post a {color:#ADDAF1; text-decoration:underline;}
span.oForumsListItemTitle a:hover {text-decoration:underline;}






