/* NOTE: some text formatting comes from main style sheet under 'sidemenu' */

/* border/shadow around each drop down  */
.menu2 ul li table tr td ul{
	border: 1px solid #555; /* was 84A2C7 */
-o-box-shadow: 5px 5px 4px #aaa;
-icab-box-shadow: 5px 5px 4px #aaa;
-khtml-box-shadow: 5px 5px 4px #aaa;
-moz-box-shadow: 5px 5px 4px #aaa;
-webkit-box-shadow: 5px 5px 4px #aaa;
box-shadow: 5px 5px 4px #aaa;
}


 /* common styling */
.menu2 {
float:left; width:100%; background:#E9F3FF;z-index:100;}
.menu2 ul {
padding:0;margin:0;list-style-type:none;z-index:100;}
.menu2 ul li.menutab{ margin-left:5px;} /* 5px gap between 'tabs' */
.menu2 ul li {
float:left; position:relative;z-index:100;}
.menu2 ul li.group {display:block; text-indent:10px; font-weight: bold; background:#ffffff; color:#0080c0; width:160px; padding:4px 0; margin:0;z-index:100;}


/* adjust padding below for 'gap' between main menu items - also need to adjust offset for 'endstop' */
.menu2 ul li.menutab a, .menu2 ul li a:visited, .menu2 ul li a:link {
float:left; display:block; text-decoration:none; padding:0px 20px; line-height:30px; height:30px;z-index:100;
background:#00529c; color:#fff;
border-top-left-radius: 8px; border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;
}

.menu2 ul li:hover {width:auto;z-index:100;}

.menu2 ul li a:hover {background:#555; color:#fff; z-index:100;
border-top-left-radius: 8px; border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;
}

/*safari & ie */
.menu2 ul li:hover a {background:#555; color:#fff; z-index:100;
border-top-left-radius: 8px; border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;
}

.menu2 ul li ul {
display: none;z-index:100;}
.menu2 table {
margin:0; border-collapse:collapse; position:absolute; top:0; left:0;z-index:100;}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
display:block; position:absolute;top:29px; background:#ffffff; margin-top:1px; left:0; width:170px;z-index:100;} 

.menu2 ul li:hover ul.scroller {
height:500px; width:172px; overflow:auto;z-index:100;}

.menu2 ul li:hover ul.endstop {
left:-99px;z-index:100;}
.menu2 ul li:hover ul li ul {
display: none;z-index:100;}
.menu2 ul li:hover ul li a { /* 1st dropdown level text/links in non-IE */
display:block; background:#ffffff; color:#333; height:auto;line-height:7px;padding:4px 16px; width:138px;z-index:100;}
.menu2 ul li:hover ul li a:hover {
color:#81BAFF; z-index:100;}
.menu2 ul li:hover ul li:hover ul {
display:block; position:absolute; top:-70px; color:#000; left:152px; height:500px; width:172px; overflow:auto; background:#888;z-index:100;}
.menu2 ul li:hover ul li:hover ul li a {background:#888;z-index:100;}
.menu2 ul li:hover ul li:hover ul li.group {width:170px; padding:5px 0;z-index:100;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;z-index:100;}
.menu2 ul li:hover ul li:hover ul li a:hover {background:#84A2C7; color:#0ff;z-index:100;}



/* specific to IE5.5 and IE6 browsers (and IE8 & 9) */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#ffffff;left:0; marg\in-top:1px;z-index:100;}
.menu2 ul li a:hover ul.scroller {
height:500px; overflow:auto;z-index:100;}

.menu2 ul li a:hover ul.endstop {
left: -99px;z-index:100;}
.menu2 ul li a:hover ul li a {
display:block; color:#333; height:auto; line-height:7px; padding:4px 2px 4px 16px; width:170px; w\idth:150px;z-index:100;} /* was: height:7px; line-height:1px; */
.menu2 ul li a:hover ul li.group {display:block; text-indent:10px; font-weight: bold; background:#ffffff; color:#0080c0; width:160px; padding:0; margin:0 0 -4px 0;z-index:100;}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;z-index:100;}
.menu2 ul li a:hover ul li a:hover {
color:#81BAFF; background:#FFFFFF; z-index:100;}
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:152px; height:500px; width:170px; overflow:auto; background:#888;z-index:100;}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;z-index:100;}
.menu2 ul li a:hover ul li a:hover ul li a:hover {background:#84A2C7; color:#0ff;z-index:100;}


.left {clear:both;z-index:100;}

/* ================================================================ 
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 assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */