@charset "utf-8";

/**************************************/
/* formatting #menu div and level 1 ul */
/**************************************/
.navcon ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height:56px;
	margin-top:2px;
}

.navcon ul li {
	float: left;
	width: 92px;
	background-image: url(../layout/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align:center;
}
/**************************************/
/* formatting the <h2> headings and the <a> anchors */
/**************************************/
.navcon ul a {
	display:block;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size:12px;
}
.navcon ul .first {
	background-image: url(../layout/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.navcon ul .firstlevel, .navcon ul .first {	
	padding-top:30px;
	height:15px;
	padding-bottom:6px;	
}
.navcon ul .firstlevel:hover, .navcon ul .first:hover {
	background-color:#FFFFFF; 
	background-image: url(../layout/menu_shadow.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.navcon ul .firstlevel:hover a {color:#61717C;}

.navcon ul a:hover {
	background-color:#FFFFFF; 
	color:#61717C;
}

/**************************************/
/* formatting the level 2 and 3 <a> anchors */
/**************************************/
.navcon ul ul li:hover a, .navcon ul ul li:hover {
	background-color:#FFFFFF; 
	color:#61717C;
}
.navcon ul ul li:hover ul a {
	background-color:#C7D1D7; 
	color:#61717C;
}
.navcon ul ul li:hover ul li:hover a {
	background-color:#FFFFFF; 
	color:#61717C;
}
/**************************************/
/* Positioning the Pop-out Drops */
/**************************************/

.navcon li {
	position: relative;
}
.navcon ul ul {
	position: absolute;
	z-index: 500;
	top: 38px;
	left: 0px;
}
.navcon ul ul ul {
	position: absolute;
	top: -12px;;
	left: 168px;;
}

/*     formatting   */
.navcon ul ul {
	width: 250px;
	padding-top:14px;
	padding-left:0px;
}
.topgap {background-color:#C7D1D7; width:169px;height:20px;margin:0;padding:0;}
.bottom {
	background: url(../layout/menubtm.png) left bottom no-repeat ;
}
.botgap {
	background-image: url(../layout/menubtm.gif); 
	background-repeat: no-repeat;
	background-position: bottom;
	background-color:#FFFFFF;
	width:169px;
	height:20px;
}
.navcon ul ul li {
	padding:5px 5px 5px 15px;
	background-image: none;
	float:none;
	width: 149px;
	background-color:#C7D1D7;
	text-align:left;
	color:#61717C;
}
.navcon ul ul li a {	
	color:#526672;
	font-weight:normal;
}
.navcon .parent {
	background-image: url(../layout/parent.gif);
	background-repeat:no-repeat;
	background-position: center right;
}

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

.navcon ul ul {
display: block;
}
#navcon ul li:hover ul
{display: none;}


.navcon ul ul,
.navcon ul li:hover ul ul,
.navcon ul ul li:hover ul ul
{display: none;}

.navcon ul li:hover ul,
.navcon ul ul li:hover ul,
.navcon ul ul ul li:hover ul
{display: block;}