/* Menu Colors: Light:#B4CBDC; Mid:#4A7C9F; Dark:#326283;  */

/* Menu Text Color */
#page_menu ul li a, #page_menu ul li a:visited  #page_menu ul li a:active { color: #FFF; }

/* Menu Hover Text Color */
#page_menu ul li a:hover, #page_menu ul li:hover a { color:#B4CBDC; }

/* Submenu(s) Colors */
#page_menu ul li ul li a, #page_menu ul li:hover ul li a, #page_menu ul li ul li a:visited {
	color:#FFF;  /* Text Color */
	border: 1px solid #B4CBDC; /* Item Outline Color */
	background-color: #4A7C9F; /* Background Color */
	border-bottom: 1px solid #4A7C9F; /* Make same as Background Color */
}

/* Submenu(s) Hover Colors */
#page_menu ul li ul li a:hover, #page_menu ul li ul li:hover ul li a:hover {
	background-color:#326283; /* Item Background Color */
	color:#B4CBDC; /* Item Hover Text Color */
}


/* Menu Layout and Behavior */

#page_menu ul {
	padding:0; 
	margin:0; 
	list-style-type: none; 
}
#page_menu ul li {
	display:block;
	position:relative;
	float:left;
}

 /* Menu Items - Formatting */
#page_menu ul li a, #page_menu ul li a:visited  #page_menu ul li a:active {
	text-decoration:none; 
	overflow:hidden;
	display:block; 
	height:1.4em; 
	text-align:left; 
	background:transparent;
	padding-left:10px;
	padding-right:10px;
	margin-right:15px;
	font-weight:bold;
}


/* Menu Items - Hover */
#page_menu ul li a:hover, #page_menu ul li:hover a {  /* The li:hover pseudo-class doesn't work in IE6 */
	text-decoration:none; /* Needed for IE6 */
}

/* Submenu Position */
#page_menu ul li ul {
	display:none;
	position:absolute;
	left: 1px;
	top: 1.3em;
	padding: 2px 8px 8px 8px; /* Extend Hover Zone */
}

/* Submenu(s) Items */
#page_menu ul li ul li a, #page_menu ul li:hover ul li a, #page_menu ul li ul li a:visited {
	display:block; 
	width: 10em; /* Submenu Width */
	padding-left: 14px;
	text-indent: -4px; /* Hanging Indent */
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px; /* Override inheritance */
	height: auto;
	font-weight: normal;
	font-size: 0.95em;
}

/* Submenu2 Position */
#page_menu ul li ul li ul, #page_menu ul li:hover ul li ul {
	display:none;
	left: 10em; /* Normally the same as Submenu width */
	padding: 8px; /* Extend Hover Zone */
	top: -5px; /* setting this to negative of Submenu padding-top will make it aligned with parent  (because it inherits the padding of Submenu) */
	z-index: 102;
}

#page_menu ul li:hover ul li:hover ul, #page_menu ul li:hover ul li:hover ul li, #page_menu ul li:hover ul li:hover ul li a {
	z-index: 102;
}

/* Submenu(s) Display */
#page_menu ul li:hover ul li ul li a {  /* Needed for IE7 */
	display:none;
}
#page_menu ul li:hover ul, #page_menu ul li:hover ul li:hover ul, #page_menu ul li:hover ul li:hover ul li a { /* Doesn't work in IE6 without csshover.htc */
	display:block;  /* Reveal drop-down on hover over menu li element */
}

/* Submenu(>2) Hide */
#page_menu ul li:hover ul li:hover ul li ul {
	display:none;
}