/*================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at http://www.stunicholls.com/menu/hover_drop_1.htmlCopyright (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 { 
   background : url(filters.jpg) no-repeat right bottom; 
   position : static;
   height : 35px; 
   width : 730px; 
 } 
.pad1 { 
   width : 9px; 
   height : 25px; 
   background : #fc0; 
   float : left; 
   margin-top : 3px; 
   margin-right : 3px; 
   border : 1px solid #000; 
 } 
.pad2 { 
   width : 9px; 
   height : 25px; 
   background : #fc0; 
   float : left; 
   margin-top : 3px; 
   border : 1px solid #000; 
 } 
.topline { 
   width : 728px; 
   height : 3px; 
   border : 1px solid #000; 
   background : #fc0; 
   font-size : 1px; 
 } 
#menu { 
   list-style-type : none; 
   padding : 0; 
   margin : 0 0 0 3px; 
 } 
#menu ul { 
   list-style-type : none; 
   padding : 0; 
   margin : 0; 
 } 
#menu li { 
   float : left; 
   background : #cdc; 
   margin : 3px 3px 0 0; 
   border : 1px solid #000; 
   width : 83px; 
   height : 25px; 
 } 
#menu li.sub { 
   background : #aba; 
 } 
/*for IE5.5 and IE6 only*/
#menu li a { 
   display : block; 
   color : #000; 
   height : 25px; 
   font-family : arial, sans-serif; 
   font-size : 11px; 
   line-height : 24px; 
   width : 83px; 
   text-decoration : none; 
   text-align : center; 
 } 
#menu li a table { 
   position : absolute; 
   left : 0; 
   top : -1px; 
   border-collapse : collapse; 
   width : 0; 
   height : 0; 
 } 
#menu :hover { 
   color : #fff; 
   background : #898; 
   position : relative; 
 } 
#menu :hover > a { 
   color : #fff; 
   background : #898; 
 } 
#menu ul, #menu :hover ul ul,#menu :hover ul :hover ul ul,#menu :hover ul :hover ul ul.left { 
   visibility : hidden; 
   width : 0; 
   height : 0; 
   overflow : hidden; 
 } 
#menu :hover ul { 
   visibility : visible; 
   overflow : visible; 
   position : absolute; 
   height : auto; 
   width : 88px; 
   left : -1px; 
   top : 26px; 
   background : url(transparent.gif); 
 } 
/*the background image is for IE7*/
#menu :hover ul :hover ul,#menu :hover ul :hover ul :hover ul { 
   visibility : visible; 
   overflow : visible; 
   height : auto; 
   width : 88px; 
   padding : 9px 3px; 
   left : 72px; 
   top : 0; 
 } 
#menu :hover ul :hover ul.left,#menu :hover ul :hover ul :hover ul.left { 
   visibility : visible; 
   overflow : visible; 
   height : auto; 
   width : 88px; 
   padding : 9px 3px; 
   left : -78px; 
   top : 0; 
 }