/* ================================================================ 
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/hover_drop_1.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.
=================================================================== */

#outer {width:250px; margin 0 ; height:30px;  position:relative;}

ul#menu {list-style-type:none;  padding:0 20px 0 20px; margin:0 0 0 0;}
ul#menu li.sub {  float:left;
                  background: #777777;
                  color: #fff;
                  margin:0 0  0 30px;
                  width:150px;
                  height:30px;
                  line-height: 29px;
                  list-style-type : none;
                  text-align: center; 
                  font-style: normal;
                  font-size: 12pt;
}
ul#menu li.sub a {
                  background:#777777; 
                  display: block;
                  height: 30px; 
                  line-height: 29px; 
                  text-align: center; 
                  color: #fff; 
                  text-decoration : none; 
                  padding: 0 ; 
}


ul#menu  li.sub ul {list-style-type:none;  padding:0; margin:0;}
ul#menu  li.sub ul li {list-style-type:none;
                       text-decoration: none
                       padding:0;
                       margin:0;
}

ul#menu ul {visibility:hidden; width:0; height:0; overflow:hidden;}
ul#menu :hover  {color:#fff; background:red; position:relative; z-index: 10;}


ul#menu :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:150px; left:0;top:30px;
 background:url(transparent.gif);} /* the background image is for IE7 */


ul#menu:hover li.sub  ul li a:link,
ul#menu:hover li.sub  ul li a:visited {
                                       list-style-type:none;
                                       display:block;
                                       color:#fff;
                                       background: #777777; 
                                       height:20px; 
                                       font-family:arial, sans-serif; 
                                       font-size:11px; 
                                       line-height:19px;
                                       width:150px;
                                       text-decoration:none;
                                       text-align:center;
                                       padding:0;
                                       margin:0;
}

ul#menu:hover li.sub ul  li a:focus,
ul#menu:hover li.sub ul  li a:active,
ul#menu:hover li.sub ul  li a:hover{
                                       list-style-type:none;
                                       display:block;
                                       background : #fff;
                                       font-style: normal;
                                       color : #777777;
                                       text-decoration : none;
                                       height:20px; 
                                       font-family:arial, sans-serif; 
                                       font-size:11px; 
                                       line-height:19px;
                                       width:150px;
                                       text-align:center;
                                       padding:0;
                                       margin:0;
}


ul#menu ul li a table {position:absolute; left:0; top:0; border-collapse:collapse; width:0; height:0;}
 for IE5.5 and IE6 only