/* PLCopen menu style sheet */

/*
	Reminder:

	#content {
		margin:10;  -> any browser
		*margin:15; -> ie 6
		_margin:20; -> ie 6 and 7
	}
*/


ul.menu_sub0 {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	/*height: 75px;*/
	margin: 0px auto 0px auto;
	padding: 0px;
	font-size: 10pt;
	line-height: 1.2em;
	background-color: transparent;
}

ul.menu_sub0 li {
	width: 160px; /* 100% width divided in 6 blocks */
}

ul.menu_sub0 a,
ul.menu_sub0 ul,
ul.menu_sub0 li {
	display: inline;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}

ul.menu_sub0 ul,
ul.menu_sub0 li {
	list-style-type: none;
}

ul.menu_sub0 a {
	display: block;
	height: 32px;
	width: 139px;
	margin: 0px -1px -1px 0px;
	padding: 2px 10px 2px 10px;
	text-align: left;
	text-decoration: none;
	background-color: #0064be;
	color: white;
	border: solid lightblue 1px;
	overflow: hidden;
}

ul.menu_sub0 a:visited {
	color: white;
}

ul.menu_sub0 a:hover {
	background-color: white;
	color: #0064be;
}

ul.menu_sub0 a:active {
	background-color: white;
	color: #0064be;
}

ul.menu_sub0 li ul {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 175px;
	padding: 0px;
	border: solid lightgray 3px;
}

/*	Hidden for IE6 */
ul.menu_sub0 > li ul {
	top: -2px;
}

ul.menu_sub1 {
	top: 20px;
	left: 0px;
}

ul.menu_sub1 a,
ul.menu_sub1 ul,
ul.menu_sub1 li {
	clear: both;
}

ul.menu_sub1 li {
	display: block;
}

ul.menu_sub1 a {
	top: 0px;
	left: 0px;
	width: 155px;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	text-align: left;
	background-color: white;
	color: #0064be;
	border-width: 0px 0px 1px 0px;
	border-color: solid gray;
}

ul.menu_sub1 a:visited {
	/*background-color: silver;*/
	color: blue;
}

ul.menu_sub1 a:hover {
	background-color: lightblue;
	color: #0064be;
}

ul.menu_sub1 li ul {
	top: 0px;
	left: 145px;
	padding: 0px;
}

/*	Hidden for IE6 */
ul.menu_sub1 > li ul {
	top: -2px;
}

ul.menu_sub0, ul.menu_sub0 a { z-index: 10; }
ul.menu_sub1, ul.menu_sub1 a { z-index: 11; }
ul.menu_sub2, ul.menu_sub2 a { z-index: 12; }
ul.menu_sub3, ul.menu_sub3 a { z-index: 13; }
ul.menu_sub4, ul.menu_sub4 a { z-index: 14; }
ul.menu_sub5, ul.menu_sub5 a { z-index: 15; }


/*	Does not work in IE5/6. Explorer 6 does not create events
	on <li> areas and does not understand the CSS > notation.
	Javascripted event handlers need to be added to the links
	in the parent menu to make the submenus pop up.
	The transperancy thing is also something IE6 chokes on.
*/
ul.menu_sub0 li:hover > ul {
	visibility: visible;
}

/*	To have the parent link clickable when covered by submenu.
	Only needed for this particular layout in non-IE5/6 browsers.
*/
ul.menu_sub0 > li > ul {
	top: 28px;
	padding: 0px 0px 0px 0px;
}