/**************************************/
/* formatting #menu div and level 1 ul */
/**************************************/

#menu {
	height: 45px;
	width: 510px;
	float: left;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 85px;
	float: left;
	background-color:#909FD7;
}
#menu h2:hover {
	background-color:#97B8FD;
}


#menu ul#conf {
	background-color:#909FD7;
}
#menu ul#corp {
	background-color:#7988C7;
}
#menu ul#pub {
	background-color:#6470B6;
}
#menu ul#prod {
	background-color:#505BA7;
}
#menu ul#fran {
	background-color:#394195;
}
#menu ul#cont {
	background-color:#1B217E;
} 

/**************************************/
/* formatting the <h2> headings and the <a> anchors */
/**************************************/

#menu a, #menu h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#menu h2, #menuright h2 {
	height:44px;
	padding-top: 1px;
}

#menu a {
	font-size: 10px;
	color: #FFFFB5;
	text-decoration: none;
}


.selected {
	background-image: url(layout/linkactive.gif);
	background-repeat: repeat-x;
}
#menu .selected h2 a {
	color: #1B217E;
	font-weight: bold;
}
.subselected {
	font-weight:bold;
}
/**************************************/
/* Positioning the Pop-out Drops */
/**************************************/

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}
#menu ul ul li {
	background-color: #C5DB16;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #9FAF12;
	padding: 2px 0px 2px 0px;
}
#menu ul ul li a {
	color: #1B217E;

}
#menu ul ul li a:hover {
	font-weight: bold;
}

#menu ul ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 120px;
	margin-top: 3px;
}
#menu ul ul ul li {
	background-color: #F6F619;
	border-width: 1px 0px 0px 1px;
	border-style: solid;
	border-color: #9FAF12;
	padding: 2px 0px 2px 0px;
}


/**************************************/
/* Hiding and Revealing using :hover level 2 and 3*/
/**************************************/

div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



/**************************************/
/* menuleft         */
/**************************************/
#apDiv1 {
	position:absolute;
	width:250px;
	height:16px;
	z-index:11;
	margin-top: 30px;
	margin-left: 15px;
}

#menuleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#menuleft a {
	color: #BEC1E7;
	text-decoration: none;
	margin-right: 15px;
}
#menuleft a:hover {
	color: #FFFF33;
}