@CHARSET "UTF-8";
/* Menu Container */
#titleMenu {
	width:100%;
	height:32px;
	position:relative;
	top: -3px;
	z-index:100;
	background:#ccccfe;
}
/* 1st Level */
#titleMenu ul {
	position:relative;
	padding:0;
	width:auto;
	/*margin:auto;*/
	list-style-type:none;
}
/* 2nd Level - size */
#titleMenu ul ul {
	width:100px;
}
/* 1st Level Items */
#titleMenu li {
	float:left;
	position:relative;
}
/* 2nd Level Items - size */
#titleMenu ul ul li {
	width:149px;
}
/* Generic items for menu */
#titleMenu a, titleMenu a:visited {
	display:block;
	height:32px;
	border:1px solid #fff;  /* Border is done in this manner */
	border-width:0 1px 0 0; /* So that subsiquent items inherit corectly */
	background:#ccccfe;
	color:#000;
	line-height:29px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
/* Add a border to the Left side of the first element */
#titleMenu ul li:first-child a {
	border-width:0 1px 0 1px;
}
/* 2nd Level Style, and 1st Level Hover */
#titleMenu ul ul a, #titleMenu ul ul a:visited {
	background:#ccccfe;
	color:#000;
	height:auto;
	line-height:1em;
	font-weight:normal;
	text-align:left;
	padding:5px 10px;
	width:128px;
	border-width:0 1px 1px 1px;
}
/* Corrects the styling on all subsiquent first elements */
#titleMenu ul ul li:first-child a {
	border-width:0 1px 1px 1px;
}
/* 1st Level Hover [ie5.5 and ie6]*/
#titleMenu a:hover, #titleMenu ul ul a:hover{
	color:#fff;
	background:#9a99ff;
}
/* 1st Level Hover [ie7, FF, Opera, Safari] */
#titleMenu :hover > a, #titleMenu ul ul :hover > a {
	color:#fff;
	background:#9a99ff;
}
/* 3rd Level Position [flyout] */
#titleMenu ul ul ul{left:149px; top:-1px; width:149px;}
/* 3rd Level Position [flyout left] */
#titleMenu ul ul ul.left {left:-149px;}

/* ??? */
#titleMenu ul ul a.drop, #titleMenu ul ul a.drop:visited {
	background-color:#ccccfe;
}
#titleMenu ul ul a.drop:hover{
	color:#fff;
	background:#9a99ff;
}
#titleMenu ul ul :hover > a.drop {
	color:#fff;
	background:#9a99ff;
}
/* Standerd 3rd Level */
#titleMenu ul ul ul a, #titleMenu ul ul ul a:visited {
	background:#ccccfe;
}
/* Hover 3rd Level */
#titleMenu ul ul ul a:hover {
	color:#fff;
	background:#9a99ff;
}
#titleMenu ul ul ul :hover > a {
 	color:#fff;
	background:#9a99ff;
}
/* Styling for 2nd Level Menu [Drop Down] */
#titleMenu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:149px;
	border-top:1px solid #fff;
}
/* Functionality for 2nd Level [Drop Down] */
#titleMenu ul li:hover ul, #titleMenu ul a:hover ul {
	visibility:visible;
}
/* Functionality for 3rd Level [Fly Out 1] */
#titleMenu ul :hover ul ul {
	visibility:hidden;
}
#titleMenu ul :hover ul :hover ul{
	visibility:visible;
}
/* Functionality for 4th Level [Fly Out 2] */
#titleMenu ul :hover ul :hover ul ul{
	visibility:hidden;
}
#titleMenu ul :hover ul :hover ul :hover ul {
	visibility:visible;
}
/* IE 6 needs the table, but if the table is left in its orignal postion it breaks stuff */
#titleMenu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
/* 5.5 Compadbility */
/* a hack so that IE5.5 faulty box model is corrected *//*	
* html #titleMenu a, * html #titleMenu a:visited {width:149px; w\idth:138px;}
/* yet another hack for IE5.5 */
* html #titleMenu ul ul a, * html #titleMenu ul ul a:visited {width:150px;w\idth:128px;}