/*
================================================================ 
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-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

 /* common styling */
.menu2 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px; border-top: 1px solid #483D8B;
background: #00008B url(../images/navButton.png) 0 0 repeat-x; color:#FFFFFF; 
margin:0; /* for this demo only */ 
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
float:left; position:relative;
border-left: 1px solid #7881E2;
border-right: 1px solid #454EAD;
}
.menu2 ul li.group {display:block; text-indent:10px; background:#666; color:#fc6; width:152px; padding:4px 0;}

.menu2 ul li a, .menu2 ul li a:visited, .menu2 strong {
float:left; display:block; text-decoration:none; color:#eee; padding:0px 16px; line-height:25px; height:30px;
}

.menu2 ul li:hover {width:auto;}
/* menu top level hover state */
.menu2 ul li a:hover {background: #2224FF url(../images/navButton.png) 0 -50px; color:#003;}
.menu2 ul li:hover a {background:#2224FF url(../images/navButton.png) 0 -50px; color:#003;}
/* menu top level active state */
.menu2 ul li a:active {background: #2224FF url(../images/navButton.png) 0 -100px; color:#003;}
.menu2 ul li:active a {background:#2224FF url(../images/navButton.png) 0 -100px; color:#003;}


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

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background: #9ABAF3; margin-top:1px; left:0; width:152px;
border:1px solid #666; border-bottom:0px;}


.menu2 ul li:hover ul li a {
display:block; background: #697CCD; color:#fff;height:auto;line-height:15px;padding:4px 16px; width:120px; border-bottom:1px solid #666;}
.menu2 ul li:hover ul li a.drop { background:#697CCD; }
.menu2 ul li:hover ul li a:hover { color:#ff0; background: #FFA500 url(/images/sub2hover.png) repeat-x; color:#003;}
.menu2 ul li:hover ul li a:hover.drop {
background: #888 url(/images/sub2hover.png) repeat-x; color:#ff0;
}