<style type="text/css">
.menu {
font-family: verdana, sans-serif; 
position:relative; 
z-index:100;
width:520px;
margin:0 auto 50px auto;
height:50px;
background:#575;
border-top:380px solid #444;
}

.menu ul {
padding:0; 
margin:0;
list-style-type: none;
width:355px;
height:26px;
background:#444;
padding:5px;
margin:5px 78px 0 78px;
position:absolute;
border:1px solid #8a8;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li a img {border:0; float:left;}
* html .menu ul li a img {float:none;}

.menu ul li a, .menu ul li a:visited {
float:left;
width:32px;
height:24px;
margin:0 5px;
text-decoration:none; 
color:#000;
border:1px solid #fff;
cursor:default;
}

.menu ul li ul {
position:absolute;
top:-106px;
left:-9999px;
}

.menu table {
border-collapse:collapse;
border:0; padding:0; margin:-4px;
}

.menu ul li:hover a,
.menu ul li a:hover {
border:1px solid #8a8;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0; padding:0; margin:0;
background:#444;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
position:absolute;
top:-270px;
left:-9999px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
text-decoration:none; 
color:#000;
border:1px solid #8a8;
width:120px;
height:90px;
background:#000;
}

.menu ul li:hover ul li a b,
.menu ul li a:hover ul li a b {
display:block; width:32px; height:14px; font-size:0; background:#444 url(slides/point.gif); position:absolute; left:50px; top:92px; 
border-left:1px solid #8a8; border-right:1px solid #8a8; border-bottom:1px solid #8a8;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
border:1px solid #666;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
left:-24px; 
}
.menu ul li:hover ul li:hover ul.pos2,
.menu ul li a:hover ul li a:hover ul.pos2 {
left:-68px; 
}
.menu ul li:hover ul li:hover ul.pos3,
.menu ul li a:hover ul li a:hover ul.pos3 {
left:-112px; 
}
.menu ul li:hover ul li:hover ul.pos4,
.menu ul li a:hover ul li a:hover ul.pos4 {
left:-156px; 
}
.menu ul li:hover ul li:hover ul.pos5,
.menu ul li a:hover ul li a:hover ul.pos5 {
left:-200px; 
}
.menu ul li:hover ul li:hover ul.pos6,
.menu ul li a:hover ul li a:hover ul.pos6 {
left:-244px; 
}
.menu ul li:hover ul li:hover ul.pos7,
.menu ul li a:hover ul li a:hover ul.pos7 {
left:-288px; 
}
.menu ul li:hover ul li:hover ul.pos8,
.menu ul li a:hover ul li a:hover ul.pos8 {
left:-332px; 
}

.menu ul li:hover span,
.menu ul li a:hover  span {
display:none;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
width:480px; height:360px;
border:1px solid #8a8;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{border:1px solid #fc6;}

.menu ul li:hover ul li:hover ul li a:hover span,
.menu ul li a:hover ul li a:hover ul li a:hover span {
display:block; font-size:10px; position:absolute; top:1px; left:6px; width:470px; background:#8a8; padding:5px; border-bottom:1px solid #fc6;}

.menu ul li:hover ul li:hover ul li a:hover span:first-line,
.menu ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; font-size:14px; color:#efe;}
</style>
<div class ="menu">
<ul>
<li><a href="#nogo"><img src="hummingbirdc.jpg" alt="Hummingbird" title="Hummingbird"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table class ="nil"><tbody><tr><td>
    <ul>
    <li><a href="#nogo"><img src="hummingbirdb.jpg" alt="Hummingbird" title="Hummingbird"><b></b><!--[if gte IE 7]><!--></a>
<!--<![endif]-->

	   <table class ="nil"><tbody><tr><td>
	   <ul class ="pos1">
		  <li><a href="#nogo"><img src="hummingbird.jpg" alt="Hummingbird" title="Hummingbird">
<span>HUMMINGBIRD<br>'A male Ruby-Throated Hummingbird.'<br>Photograph by Keith Johnston - courtesy of the stock.xchng</span></a></li>
	   </ul>
	   </td></tr></tbody></table>
    <!--[if lte IE 6]></a><![endif]--></li>
    </ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo"><img src="sunflowerc.jpg" alt="Sunflower" title="Sunflower"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table class ="nil"><tbody><tr><td>
    <ul>
    <li><a href="#nogo"><img src="sunflowerb.jpg" alt="Sunflower" title="Sunflower"><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
	   <table class ="nil"><tbody><tr><td>
	   <ul class ="pos2">
		  <li><a href="#nogo"><img src="sunflower.jpg" alt="Sunflower" title="Sunflower">
<span>SUNFLOWER<br>'nuthin like a bright cheery sunflower to make your day special.'
<br>Photograph by Brad Harrison - courtesy of the stock.xchng</span></a></li>
	   </ul>
	   </td></tr></tbody></table>
    <!--[if lte IE 6]></a><![endif]--></li>
    </ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo"><img src="hummingbird2c.jpg" alt="Hummingbird" title="Hummingbird"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table class ="nil"><tbody><tr><td>
    <ul>
    <li><a href="#nogo"><img src="hummingbird2b.jpg" alt="Hummingbird" title="Hummingbird"><b></b><!--[if gte IE 7]>
<!--></a><!--<![endif]-->

	   <table class ="nil"><tbody><tr><td>
	   <ul class ="pos3">
		  <li><a href="#nogo"><img src="hummingbird2.jpg" alt="Hummingbird" title="Hummingbird">
<span>HUMMINGBIRD<br>'A female Ruby-Throated Hummingbird.'<br>Photograph by Keith Johnston - courtesy of the stock.xchng</span>
</a></li>
	   </ul>
	   </td></tr></tbody></table>
    <!--[if lte IE 6]></a><![endif]--></li>
    </ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo"><img src="dragonflyc.jpg" alt="Dragonfly" title="Dragonfly"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table class ="nil"><tbody><tr><td>
    <ul>
    <li><a href="#nogo"><img src="dragonflyb.jpg" alt="Dragonfly" title="Dragonfly"><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
	   <table class ="nil"><tbody><tr><td>
	   <ul class ="pos4">
		  <li><a href="#nogo"><img src="dragonfly.jpg" alt="Dragonfly" title="Dragonfly">
<span>DRAGONFLY<br>'Dragonfly watched me as I watered my garden.'<br>Photograph be Cheryl Empey - courtesy of the stock.xchng</span>
</a></li>
	   </ul>
	   </td></tr></tbody></table>
    <!--[if lte IE 6]></a><![endif]--></li>
    </ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo"><img src="hedgehogc.jpg" alt="Hedgehog" title="Hedgehog"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table class ="nil"><tbody><tr><td>
    <ul>
    <li><a href="#nogo"><img src="hedgehogb.jpg" alt="Hedgehog" title="Hedgehog"><b></b><!--[if gte IE 7]><!-->
</a><!--<![endif]-->
	   <table class ="nil"><tbody><tr><td>
	   <ul class ="pos5">
		  <li><a href="#nogo"><img src="hedgehog.jpg" alt="Hedgehog" title="Hedgehog">
<span>HEDGEHOG<br>'Hoary sitting sniffing around a table top.'<br>Photograph be Tom Denham - courtesy of the stock.xchng</span></a></li>
	   </ul>
	   </td></tr></tbody></table>
    <!--[if lte IE 6]></a><![endif]--></li>
    </ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo"><img src="cranec.jpg" alt="Crane" title="Crane"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table class ="nil"><tbody><tr><td>
    <ul>
    <li><a href="#nogo"><img src="craneb.jpg" alt="Crane" title="Crane"><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
	   <table class ="nil"><tbody><tr><td>
	   <ul class ="pos6">
		  <li><a href="#nogo"><img src="crane.jpg" alt="Crane" title="Crane">
<span>CRANE<br>'Sandhill crane searching for food in my front yard.'<br>Photograph be Tom Denham - courtesy of the stock.xchng</span></a>
</li>
	   </ul>
	   </td></tr></tbody></table>
    <!--[if lte IE 6]></a><![endif]--></li>
    </ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo"><img src="butterflyc.jpg" alt="Butterfly" title="Butterfly"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table class ="nil"><tbody><tr><td>
    <ul>
    <li><a href="#nogo"><img src="butterflyb.jpg" alt="Butterfly" title="Butterfly"><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
	   <table class ="nil"><tbody><tr><td>
	   <ul class ="pos7">
		  <li><a href="#nogo"><img src="butterfly.jpg" alt="Butterfly" title="Butterfly">
<span>BUTTERFLY<br>'Monarch on San Rafael. Another one from my butterfly collection.'
<br>Photograph be Roberto Burgos S. - courtesy of the stock.xchng</span></a></li>
	   </ul>
	   </td></tr></tbody></table>
    <!--[if lte IE 6]></a><![endif]--></li>
    </ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a href="#nogo"><img src="jayc.jpg" alt="Jay" title="Jay"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<table class ="nil"><tbody><tr><td>
    <ul>
    <li><a href="#nogo"><img src="jayb.jpg" alt="Jay" title="Jay"><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
	   <table class ="nil"><tbody><tr><td>
	   <ul class ="pos8">
		  <li><a href="#nogo"><img src="jay.jpg" alt="Jay" title="Jay">
<span>BLUEJAY<br>'Bluejay eating.'<br>Photograph be Mairanne Venegoni - courtesy of the stock.xchng</span></a></li>
	   </ul>
	   </td></tr></tbody></table>
    <!--[if lte IE 6]></a><![endif]--></li>
    </ul>
</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
<br>
</div>