/* ================================================================ 
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.cssplay.co.uk/menus/ipad-droplist-delay.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* red color: #800;  divider:  divider.gif
   green-gray: #636F57 (cactus); divider:  gg_divider.gif
*/ 
#menuHolder {margin-left:2px; width:800px; height:32px;}
ul.menu {padding:0; margin:0; list-style:none; position:relative; margin-right:2px; float:left; font-family:verdana, sans-serif; z-index:100; font-size:11px; height:32px;}
ul.menu li {float:left; height:32px;}
ul.menu li a {text-decoration:none; color:#333; text-decoration:none; font-size:11px;  /* font-weight:bold; */ }
 
ul.menu li a.aTop {display:block; padding:0; line-height:30px; height:30px; float:left;
transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
}
ul.menu li a.aTop span {display:block; padding:0 5px 0 10px; background:#fff/*url(/img/tab-left.png)*/; float:left; cursor:pointer;}
ul.menu li a.aTop b {display:block; width:10px; height:30px; padding:0; background:#fff/*url(/img/tab-right.png)*/; float:left;}
 
ul.menu li div.drop {position:absolute; left:-9999px; top:32px; background:#fff url(/img/gg_divider.gif); border:3px solid #636F57; opacity:0;
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
ul.menu li div.col1 {width:150px;
-webkit-border-radius:0 8px 8px 8px;
-moz-border-radius:0 8px 8px 8px;
border-radius:0 8px 8px 8px;
}
ul.menu li div.col2 {width:300px;
-webkit-border-radius:0 8px 8px 8px;
-moz-border-radius:0 8px 8px 8px;
border-radius:0 8px 8px 8px;
}
ul.menu li div.col3 {width:450px;
-webkit-border-radius:0 8px 8px 8px;
-moz-border-radius:0 8px 8px 8px;
border-radius:0 8px 8px 8px;
}
 
ul.menu li div.drop dl {float:left; width:130px; padding:0 10px 10px 10px; margin:0;}
ul.menu li div.drop dl dt {font-weight:bold; padding:10px 0 3px 0; color:#636F57; line-height:12px;}
ul.menu li div.drop dl dd {padding:0; margin:0;}
ul.menu li div.drop dl dd a {display:block; color:#333; font-weight:normal; line-height:12px; padding:3px 0;}
ul.menu li div.drop dl dd a:hover {color:#555; text-decoration:underline;}
 
ul.menu li div.bottomLine {clear:left; background:#636F57;}
ul.menu li div.bottomLine p {padding:0 10px; margin:0; line-height:18px; color:#fff; text-decoration:none;}
ul.menu li div.bottomLine p a:hover {text-decoration:underline;}
 
ul.menu li a.aTop:hover {color:#555;}
ul.menu li.sub:hover > a.aTop {border-bottom:2px solid #636F57; color:#555;}
ul.menu li.sub:hover > a.aTop span {color:#555;}
 
ul.menu li:hover div.drop {left:0; opacity:1;
transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
}
ul.menu li:hover div.left1 {left:-154px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
 
ul.menu li.close {position:absolute; right:0; top:0; opacity:0; z-index:-1; background:url(/img/close.png);
transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
}
 
.clear {clear:both;}
 
/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; margin:0 0 -1px 0; position:absolute; left:0; top:0;}
ul.menu li.sub a.aTop:hover {border-bottom:2px solid #636F57; direction:ltr;}
ul.menu li.sub a.aTop:hover div.drop {left:0;}
ul.menu li.sub a.aTop:hover div.left1 {left:-154px;}
ul.menu li.sub a.aTop:hover div.bottomLine p {font-weight:normal;}