/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#slide {list-style:none; padding:0; margin:0; width:153px; z-index: 99999;}
#slide dt {padding:5px 0; margin:0; width:151px; border:1px solid #000; text-align:center; background:url(../images/topfade_blue.gif); font-weight:bold; font-size:13px; }
#slide dd {padding:0; margin:0; cursor:pointer; width:151px; background:url(../images/topfade_blue.gif); line-height:25px; font-style:normal; font-weight: bold; color:#000; border:1px solid #000; border-width:0 1px 1px; text-align:center; font-size:11px; letter-spacing: 1px;}
#slide ul {list-style:none; padding:0; margin:0 auto 0 auto; width:131px; }
#slide li {float:left; background:transparent; }

#slide li, #slide li a {display:block; color:#000; font-family:arial, sans-serif; font-size:11px; line-height:20px; width:120px; text-decoration:none; cursor:pointer; text-indent:5px; padding-right:2px;}


#slide ul {display:none;}

#slide dd.hover {color:#dca; z-index:500;}
#slide dd.click {color:#dca; padding-bottom:10px;}

#slide dd.click ul {display:block;}
#slide dd.click ul em {display:none;}
#slide dd.click ul li {width:60px; height:55px; float:left; background:transparent;}
#slide dd.click ul li a {display:block; text-decoration:none; width:60px; height:50px; text-align:center; }
#slide dd.click ul li a img {border:1px solid #ddd; margin:0 auto;}

#slide dd.click ul li a:hover {visibility:visible;}
#slide dd.click ul li a:hover img {border:1px solid #fc0;}

#slide dd.click ul li a:hover em {display:block; width:500px; height:500px; background: transparent; position:absolute; left:50%; top:50%; margin-left:-250px; margin-top:-225px; z-index:700; text-align:center;}
#slide dd.click ul li a:hover em img.horz {margin:0px; border:2px solid #000;}
#slide dd.click ul li a:hover em img.horzLG {margin:0px ; border:2px solid #000;}
#slide dd.click ul li a:hover em img.vert {margin:0 60px; border:4px solid #000;}
#slide dd.click ul li a:hover em b {display:block; font-weight:normal; font-style:normal; clear:left; line-height:.5em; margin-top:5px;}

#slide dd.click ul li a:focus {outline:0;}