/* common styling */
.menu {font-weight: bold;color: #1d80a2;text-decoration: none;font-size: 0.8em;height: 30px;display: block;position:relative;z-index:100;padding: 0px 0px 0px 25px;}
.menu ul li a, #menu ul li a:visited {display: block;padding: 0px 19px;text-decoration: none;color: #1d80a2;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float: left;margin: 0px 4px 0px 0px;background: url(images/menu-bg.gif) repeat-x;position:relative;height: 30px;}
.menu ul li ul { display: none;}

/* specific to non IE browsers */
.menu ul li:hover a, .menu ul .active a {
	background: url(images/menu-on.gif) no-repeat center bottom;
	display: block;
	height: 30px;
	text-decoration: none;
	color: #1d80a2;
}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {color: #1d80a2;font-size: 0.9em;height: 30px;background: url(images/menu-on.gif) no-repeat center bottom;display: block;}
.menu ul li:hover ul li:hover a.hide {background:#6fc;}
.menu ul li ul li {
	background: url(none)!important;
	clear: both!important;
	float: none!important;
	height: 24px;
	margin: 0px;
}
.menu ul ul li ul {
	margin: 0px 0px 0px 55px!important;
}
.menu ul li ul {
	/*background: url(images/drop.gif) repeat-y center center;*/
	background: url(images/drop.gif) no-repeat center bottom;
	width: 168px!important;
	float: none!important;
	clear: both!important;
	padding: 0px;
}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
	display:block;
	height: 21px!important;
	font-size: 0.9em;
	color: #1d80a2;
	background: url(images/drop-a.jpg) no-repeat left top!important;
	clear: both!important;
	float: none!important;
	padding: 3px 0px 0px 20px!important;
	font-weight: normal;
	margin: 0px 0px 0px 8px;
}
.menu ul li:hover ul li a:hover {background: url(images/drop-a-hover.jpg) no-repeat left top!important;display: block;height: 21px!important;padding-top: 3px;padding-left: 20px;}
.menu ul li:hover ul li:hover ul {display:block;  left:105px; top:0;}

.menu ul li ul .top-sm {
	background: #FFFFFF url(images/drop.gif) no-repeat left top!important;
	line-height: 14px;
	height: 14px;
}
.menu ul li ul .bot-sm {
	background: url(images/drop.gif) no-repeat left bottom!important;
	line-height: 10px;
	height: 10px;
}

/*
#menu a {font-weight: bold;color: #1d80a2;text-decoration: none;font-size: 0.8em;height: 30px;display: block;}
#menu ul {padding: 0;
}
#menu {padding: 0px 40px 0px 20px;}
#menu li {float: left;margin: 0px 2px 0px 0px;background: url(images/menu-bg.gif) repeat-x;}
#menu li a {display: block;float: left;padding: 0px 19px;}
#menu li a:hover , #menu .active a {background: url(images/menu-on.gif) no-repeat center bottom;display: block;height: 30px;}
#menu ul ul li {
	float: none!important;
	clear: both!important;
	background: url(none)!important;
}
#menu ul ul li a {
	font-size: 0.7em;
	color: #1d80a2;
	text-decoration: none;
	font-weight: bold;
	background: url(images/drop-a.jpg) no-repeat left top!important;
	display: block;
	height: 20px!important;
	clear: both;
	float: none;
	padding: 4px 0px 0px 20px!important;
}
#menu ul ul li a:hover {background: url(images/drop-a-hover.jpg) no-repeat left top!important;display: block;height: 20px!important;padding-top: 4px;padding-left: 20px;}
#menu ul ul {float: none!important;clear: both!important;background: url(images/drop-bg.gif) repeat-y;width: 168px;position: absolute;top: 160px;}
*/