#menu {
	width: 100%;
	height: 26px;
	margin: 0 0 0 0;
	background-color: #085AA5;
	clear: both;
}

#menu ul, #menu li {
	list-style:none;
	margin: 0;
	padding: 0;
}

#menu ul.root {
	position: relative;
}

#menu ul.root li.root {
	float: left;
	margin: 0;
}
	
	#menu a.root {
		height: 16px;
		padding: 5px 10px 5px 10px;
		float: left;
		border-right: 1px solid #FFF;
		color: #FFF;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#menu a.parent {
		padding: 5px 30px 5px 10px;
		background: url(../../images/menu-parent-bg.gif) right bottom no-repeat;
	}
	
	#menu a.root:hover {
		background-color: #CCC;
		color: #333;
	}
	
	#menu a.parent:hover {
		background: url(../../images/menu-parent-bg-h.gif) right bottom no-repeat;
	}
		
		#menu li.root:hover, #menu li.root:hover a.root,
		#menu li.rooth, #menu li.rooth a.root {
			background-color: #CCC;
			color: #333;
		}
		
		#menu li.root:hover a.parent,
		#menu li.rooth a.parent {
			background: #CCC url(../../images/menu-parent-bg-h.gif) right bottom no-repeat;
			color: #333;
		}
		
		#menu li.rooth {
			float: left;
			margin: 0;
		}
		
			#menu li.root:hover ul.sub1,
			#menu li.rooth ul.sub1 {
				display: block;
				visibility: visible;
			}
			
			#menu ul.sub1 {
				width: 824px;
				padding: 10px;
				position: absolute;
				top: 26px;
				left: 0;
				display: none;
				visibility: hidden;
				background-color: #FFF;
				border: 3px solid #CCC;
			}
		
				#menu li.sub1, 
				#menu li.sub1h {
					float: left;
					margin: 0 30px 0 0;
				}
				
				#menu a.sub1 {
					font-weight: bold;
					font-size: 0.9em;
					text-decoration: none;
				}
				
				#menu a.sub1 span {
					text-decoration: underline;
				}
				
				#menu a.sub1 img {
					margin-left: 10px;
					vertical-align: middle;
				}
			
					#menu li.sub2, #menu li.sub2h, #menu a.sub2 {
						float: left;
						clear: left;
					}
					
					#menu a.sub2 {
						margin: 2px 0;
						font-weight: normal;
						font-size: 0.7em;
						line-height: 1;
					}