/* ================================================================ 
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/drop_examples.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.
=================================================================== */
 /* common styling */
.menu1, .menu2 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;
margin:0 0 0 0; /* for this demo only */ 
}
.menu1 ul, .menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li, .menu2 ul li {
float:left; position:relative; 
}
.menu1 ul li a, .menu1 ul li a:visited, .menu2 ul li a, .menu2 ul li a:visited {
float:left; display:block; text-decoration:none;color:#FFFFFF; padding:0px 0px; line-height:27px; height:27px;font-weight: bold;font-style: sans-serif;
}

.menu1 ul li:hover, .menu2  ul li:hover, .menu1 ul li.sfhover, .menu2 ul li.sfhover {width:auto;}

.menu1 ul li a.menu1one:hover, .menu2 ul li a.menu2one:hover, .menu1 ul li a.menu1one.sfhover, .menu2 ul li a.menu1one.sfhover {border-color:#c00; color:#f88;}
.menu1 ul li a.menu1two:hover, .menu2 ul li a.menu2two:hover, .menu1 ul li a.menu1two.sfhover, .menu2 ul li a.menu1two.sfhover {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover, .menu2 ul li a.menu2three:hover, .menu1 ul li a.menu1three.sfhover, .menu2 ul li a.menu1three.sfhover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover, .menu2 ul li a.menu2four:hover, .menu1 ul li a.menu1four.sfhover, .menu2 ul li a.menu1four.sfhover {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover, .menu2 ul li a.menu2five:hover, .menu1 ul li a.menu1five.sfhover, .menu2 ul li a.menu1five.sfhover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover, .menu2 ul li a.menu2six:hover, .menu1 ul li a.menu1six.sfhover, .menu2 ul li a.menu1six.sfhover {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one, .menu2 ul li:hover a.menu2one, .menu1 ul li.sfhover a.menu1one, .menu2 ul li.sfhover a.menu1one {border-color:#c00; color:#f88;}
.menu1 ul li:hover a.menu1two, .menu2 ul li:hover a.menu2two, .menu1 ul li.sfhover a.menu1two, .menu2 ul li.sfhover a.menu1two {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three, .menu2 ul li:hover a.menu2three, .menu1 ul li.sfhover a.menu1three, .menu2 ul li.sfhover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four, .menu2 ul li:hover a.menu2four, .menu1 ul li.sfhover a.menu1four, .menu2 ul li.sfhover a.menu1four {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five, .menu2 ul li:hover a.menu2five, .menu1 ul li.sfhover a.menu1five, .menu2 ul li.sfhover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six, .menu2 ul li:hover a.menu2six, .menu1 ul li.sfhover a.menu1six, .menu2 ul li.sfhover a.menu1six {border-color:#c0c; color:#f8f;}

.menu1 ul li ul, .menu2 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; bottom:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul, .menu1 ul li.sfhover ul {
display:block;position:absolute;top:26px;margin-top:1px; left:0;width:171px;/*border-bottom:1px solid #000;*/
}
.menu2 ul li:hover ul, .menu2 ul li.sfhover ul {
display:block;position:absolute;bottom:26px;margin-top:1px; left:0;width:171px;/*border-bottom:1px solid #000;*/
}
.menu1 ul li:hover ul.endstop, .menu2 ul li:hover ul.endstop, .menu1 ul li.sfhover ul.endstop, .menu2 ul li.sfhover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul, .menu2 ul li:hover ul li ul, .menu1 ul li.sfhover ul li ul, .menu2 ul li.sfhover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a, .menu2 ul li:hover ul li a, .menu1 ul li.sfhover ul li a, .menu2 ul li.sfhover ul li a, .menu1 ul li:hover ul li a:visited, .menu2 ul li:hover ul li a:visited {
display:block;background:#015D94;color:#FFFFFF;font-weight: bold;font-style: sans-serif;height:auto;line-height:15px;padding:4px /*16px*/; width:160px; border-bottom:1px solid #808080; 
}


.menu1 ul li.sfhover ul li a:visited, .menu2 ul li.sfhover ul li a:visited {
display:block;background:#015D94;color:#FFFFFF;font-weight: bold;font-style: sans-serif;height:auto;line-height:15px;padding:4px /*16px*/; width:160px; border-bottom:1px solid #808080; 
}


.menu1 ul li:hover ul li a.drop, .menu2 ul li:hover ul li a.drop, .menu1 ul li.sfhover ul li a.drop, .menu2 ul li.sfhover ul li a.drop {
background:#015D94;
}
.menu1 ul li:hover ul li a:hover, .menu2 ul li:hover ul li a:hover, .menu1 ul li.sfhover ul li a:hover, .menu2 ul li.sfhover ul li a:hover {
color:#FFFFFF; background: #347DA9;
}
.menu1 ul li:hover ul li a:hover.drop, .menu2 ul li:hover ul li a:hover.drop, .menu1 ul li.sfhover ul li a:hover.drop, .menu2 ul li.sfhover ul li a:hover.drop {
background: #347DA9;
}
.menu1 ul li:hover ul li:hover ul, .menu1 ul li.sfhover ul li.sfhover ul {
display:block; position:absolute; left:168px; top:-1px;
}
.menu2 ul li:hover ul li:hover ul, .menu2 ul li.sfhover ul li.sfhover ul {
display:block; position:absolute; left:168px; bottom:-1px;
}
.menu1 ul li:hover ul li:hover ul.left, .menu2 ul li:hover ul li:hover ul.left, .menu1 ul li:hover ul li.sfhover ul.left, .menu2 ul li:hover ul li.sfhover ul.left {
left:-168px;
}


/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul, .menu2 ul li a:hover ul, .menu1 ul li a.sfhover ul, .menu2 ul li a.sfhover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; /*border-bottom:1px solid #000;*/
}

.menu1 ul li a:hover ul.endstop, .menu2 ul li a:hover ul.endstop, .menu1 ul li a.sfhover ul.endstop, .menu2 ul li a.sfhover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a, .menu2 ul li a:hover ul li a, .menu1 ul li a.sfhover ul li a, .menu2 ul li a.sfhover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px /*16px*/; width:154px; w\idth:120px; /*border:1px solid #000; border-bottom:0;*/
}
.menu1 ul li a:hover ul li a.drop, .menu2 ul li a:hover ul li a.drop, .menu1 ul li a.sfhover ul li a.drop, .menu2 ul li a.sfhover ul li a.drop, {
 padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul, .menu2 ul li a:hover ul li a ul, .menu1 ul li a.sfhover ul li a ul, .menu2 ul li a.sfhover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover, .menu2 ul li a:hover ul li a:hover, .menu1 ul li a.sfhover ul li a.sfhover, .menu2 ul li a.sfhover ul li a.sfhover {
color:#FFFFFF; background: #347DA9;
}
.menu1 ul li a:hover ul li a:hover.drop, .menu2 ul li a:hover ul li a:hover.drop, .menu1 ul li a.sfhover ul li a.sfhover.drop, .menu2 ul li a.sfhover ul li a.sfhover.drop {
background: #347DA9;
}
.menu1 ul li a:hover ul li a:hover ul, .menu2 ul li a:hover ul li a:hover ul, .menu1 ul li a.sfhover ul li a.sfhover ul, .menu2 ul li a.sfhover ul li a.sfhover ul {
visibility:visible; position:absolute; top:0;color:#000; left:171px;
}
.menu1 ul li a:hover ul li a:hover ul.left, .menu2 ul li a:hover ul li a:hover ul.left, .menu1 ul li a.sfhover ul li a.sfhover ul.left, .menu2 ul li a.sfhover ul li a.sfhover ul.left {
left:-171px;
}
<!--[if lte IE 5.5]>
.menu1 ul li a, .menu1 ul li a:visited,.menu2 ul li a, .menu2 ul li a:visited {height:33px;}
<![endif]-->