/*
#mainNav {background:#FFF;float:left;}
#mainNav ul {text-align:center;}
#mainNav ul li {float:left;display:inline;}
#mainNav ul li:hover {background:#E6E6E6;}
#mainNav ul li a {display:block;padding:15px 25px;color:#444;}
#mainNav ul li ul {position:absolute;width:110px;background:#FFF;}
#mainNav ul li ul li {width:110px;}
#mainNav ul li ul li a {display:block;padding:15px 10px;color:#444;}
#mainNav ul li ul li:hover a {background:#F7F7F7;}
#mainNav ul li ul.wideSubMenu {display:none;}
#mainNav ul li:hover ul.wideSubMenu {display:block;}
*/

#mainNav
{
	margin-top:0px;
}

#mainNav ul.x
{
	list-style:none;
	position:relative;
	float:left;
	/* margin:0;*/
	padding:0;
    border-radius:10px;
}

.homepage #mainNav ul.x
{
	list-style:none;
	position:relative;
	float:left;
	/* margin:0;*/
	padding:0;
    border-radius:10px;
    background-color: rgb(0,0,0,0.5);
}

#mainNav ul.x a {color:black;}
.homepage #mainNav ul.x a {color:white;}

#mainNav ul.x li
{
	/* position:relative; 
    forces it into li child mode */
	float:left;
	/* margin:0; */
	padding:0
}

#mainNav ul.x li.current-menu-item
{
	background:#ddd
}

#XmainNav ul.x li:hover
{
	background:#f6f6f6
}

#mainNav ul.x ul.fallback{display:none;}

#mainNav ul.x ul
{
	position:absolute;
	/* top:100%; */
	left:0;
	background:#fdffff;
	padding:0;
    border: 1px solid #333;
    -webkit-box-shadow: outset 0px 2px 3px 0px rgba(0,0,0,0.8);
    box-shadow: outset 0px 2px 3px 0px rgba(0,0,0,0.8);
    z-index: 10000;
    width:100%;
}

table.xy{
    background:#fff;
    border: 1px solid #333;
    -webkit-box-shadow: outset 0px 2px 3px 0px rgba(0,0,0,0.4);
    box-shadow: outset 0px 2px 3px 0px rgba(0,0,0,0.4);
}

#mainNav ul.x ul li
{
	float:none;
	width:100%;
    margin:0;
}

#mainNav ul.x ul a
{
	line-height:120%;
	padding:10px 15px
}

#mainNav ul.x ul ul
{
	top:0;
	left:100%
}
#mainNav ul.x li:hover a.blk {background-color: black; color:white;}
#mainNav ul.x li:hover > ul, #mainNav ul.x li:hover > div
{
	display:block;
    
}

#mainNav ul.x ul div.dib{display:inline-block;}

ul.wideSubMenu.mh400{min-height:400px;}
ul.wideSubMenu {height:auto;}