<style type="text/css">
/* ================================================================ 
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 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px; border-top:0px solid #4c597f;  border-bottom:3px solid #4c597f;
margin:0 0 20px 0; /* for this demo only */ 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; top: 1px; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#000000; padding:0px 0px 0px 4px; line-height:25px; height:28px; border-bottom:0px solid #000000; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#000000; color:#000000;}
.menu1 ul li a.menu1two:hover {border-color:#000000; color:#000000;}
.menu1 ul li a.menu1three:hover {border-color:#000000; color:#000000;}
.menu1 ul li a.menu1four:hover {border-color:#000000; color:#000000;}
.menu1 ul li a.menu1five:hover {border-color:#000000; color:#000000;}
.menu1 ul li a.menu1six:hover {border-color:#000000; color:#000000;}

.menu1 ul li:hover a.menu1one {border-color:#000000; color:#555555;}
.menu1 ul li:hover a.menu1two {border-color:#000000; color:#555555;}
.menu1 ul li:hover a.menu1three {border-color:#000000; color:#555555;}
.menu1 ul li:hover a.menu1four {border-color:#000000; color:#555555;}
.menu1 ul li:hover a.menu1five {border-color:#000000; color:#555555;}
.menu1 ul li:hover a.menu1six {border-color:#000000; color:#555555;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers - This makes no sense!? Everything here affects IE also. */
/* dropdown */
.menu1 ul li:hover ul {
display:block; position:absolute; top:23px; margin-top:0px; left:-12px; width:160px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #727272; border-bottom:3px solid #000000;
}
.menu1 ul li:hover ul.endstop {
left:-92px; top: 1px; height: 25px;/* background: #ffffff;*/
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block; background:#ffffff; color:#555555; height:auto; line-height:20px; padding:4px 12px; width:136px;
}
.menu1 ul li:hover ul li a.drop {
color: #555555; background-color: #FFFFFF; background-image: url(http://www.jbpostle.com/images/shared/navarrow.gif); background-repeat: no-repeat; background-position: left;
}
.menu1 ul li:hover ul li a:hover {
color:#000000; background: #e0e0e0; font-weight: normal;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #e0e0e0; color:#000000; font-weight: normal;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:160px; top:-3px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-160px;
}

</style>