/* common styling */
#globalNav {
		font-family: Verdana, sans-serif; 
		//font-weight: bold;
		font-size: 14px; 
		width: 777px; 
		position: relative; 
		margin: 8px auto; 
		z-index: 100;
	}
#sidebar {
	float: left;
	clear: both;
    margin: 20px 0px;
    padding: 0px;
	width: 101px;
    line-height: 1.4em;
    background-color: #B22B31;
}
.menu ul li a, .menu ul li a:visited {
		display: block; 
		text-decoration: none; 
		color: #000;
		width: 127px; 
		height: 22px; 
		text-align: center; 
		color: #B22B31;
		border: none; 
		background: #fff; 
		line-height: 20px; 
		overflow: hidden;
	}
#sidebar ul li a, #sidebar ul li a:visited {
		display: block; 
		border: none;
		text-decoration: none; 
		width: 101px; 
		height: 22px; 
		text-align: center; 
		color: #fff; 
		font-size: 14px;
		overflow: hidden;
	}
.menu ul {padding: 0px; margin: 0px; list-style-type: none; }
.menu ul li {float: left; margin-right: 1px; position: relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color: #B22B31;
					font-weight: bold;
					//background: #5B378E;
					}
.menu ul li:hover ul {display: block; position: absolute; 
						top: 21px; left: 0; width: 105px;}
.menu ul li:hover ul li a.hide {background: #6a3; color: #fff;}
.menu ul li:hover ul li:hover a.hide {background: #6fc; color: #000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display: block; background: #ddd; color: #000;}
.menu ul li:hover ul li a:hover {background: #6fc; color: #000;}
.menu ul li:hover ul li:hover ul {display: block; position: absolute; 
									left: 105px; top: 0px;}
.menu ul li:hover ul li:hover ul.left {left: -105px;}