/* ================================================================ 
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_2.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 { height: 26px; background-color: #009AE3; position: relative; top: -10px; }

.pad1 { width: 50px; height: 25px; background: #baa; display: inline; float: left; margin: 3px 3px 0 3px; }
.pad2 { width: 50px; height: 25px; background: #baa; display: inline; float: left; margin: 3px 3px 0 0; }

#menu { list-style-type: none; padding: 0; margin: 0; }
#menu ul { list-style-type: none; padding: 0; margin: 0; }
#menu li { float: left; background: #009AE3; margin: 0 0 0 0; position: relative; border-right: 1px solid Black; }
#menu li.sub li { border-top: Solid 1px Black; }
#menu li.sub { background: #009AE3; }

/* for IE5.5 and IE6 only */
#menu table { border-collapse: collapse; position: absolute; top: 0; left: 0; z-index: 80; font-size: 1em; }

#menu li a { display: block; color: White; font-family: verdana, arial, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; padding: 5px 19px; text-decoration: none; }
#menu :hover { color: White; background: #0F2B57; }
#menu :hover > a { color: White; background: #0F2B57; }

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left { position: absolute; left: -9999px; top: 10px; width: 128px; }

#menu :hover ul{ left: 0; top: 22px; background: url(transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul { padding: 0 3px; left: 125px; top: -3px; }

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left { padding: 0 3px; left: -131px; top: -3px; }