* html .clearfix {

	height: 1%; /* IE5-6 */

}

html[xmlns] .clearfix { /* O */

	display: block;  

}



.clearfix:after { /* FF, O, etc. */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.wrap {
clear:both;
visibility:inherit !important;
height:auto !important;
}

#js-hozmenu { 
line-height:1;
position:relative;
z-index:9;
padding-left:11px;
} 

#oj-hozmenu {

	position:relative;

	float:left;

}

.clr {

	clear:both;

}

#oj-moomenu {
	margin: 0; /* all lists */
	padding: 0;
	float: left;
	padding-left:2px;
	font-size:14px;
}
#oj-moomenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#oj-moomenu li {

	margin: 0; /* all list items */

	padding: 0;

	float: left;

	display: block;

	background: none;

	cursor: pointer;

}

#oj-moomenu li ul li {

	padding: 0;

}

#oj-moomenu li ul li span.menu-title {

	width: 200px;

}

#oj-moomenu li ul {

	width: 200px;

	position: absolute; /* second-level lists */

	z-index: 99;

	top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	height: auto;

	w\idth: 200px;

}

#oj-moomenu li ul ul {

	margin: -25px 0 0 190px; /* third-and-above-level lists */

	width: 200px;

}

#oj-moomenu li li {

	padding: 0;

	margin: 0;

	width: 200px;

}

#oj-moomenu ul a {
}

#oj-moomenu li:hover ul ul, #oj-moomenu li:hover ul ul ul,

#oj-moomenu li.sfhover ul ul, #oj-moomenu li.havechildsfhover ul ul, #oj-moomenu li.havechild-activesfhover ul ul, #oj-moomenu li.activesfhover ul ul,

#oj-moomenu li.sfhover ul ul ul, #oj-moomenu li.havechildsfhover ul ul ul, #oj-moomenu li.havechild-activesfhover ul ul ul, #oj-moomenu li.activesfhover ul ul ul {

	top: -999em;

}

/* This "unhides" the sub-menus (left: -999em is what hides them) */

#oj-moomenu li:hover ul, #oj-moomenu li li:hover ul, #oj-moomenu li li li:hover ul,

#oj-moomenu li.sfhover ul, #oj-moomenu li.havechildsfhover ul, #oj-moomenu li.havechild-activesfhover ul, #oj-moomenu li.activesfhover ul,

#oj-moomenu li li.sfhover ul, #oj-moomenu li li.havesubchildsfhover ul, #oj-moomenu li li.havesubchild-activesfhover ul, #oj-moomenu li li.activesfhover ul,

#oj-moomenu li li li.sfhover ul, #oj-moomenu li li li.havesubchildsfhover ul, #oj-moomenu li li li.havesubchild-activesfhover ul, #oj-moomenu li li li.activesfhover ul {

	top: auto;

}

/* STYLING THE MENU

-----------------------------------*/

/* 1st level */

#oj-moomenu li a {
display:block;
text-decoration:none;
line-height:40px;
padding:0px 10px;
font-weight:100;
}

/* 2nd level and above */

#oj-moomenu li ul li {
font-size:14px;
line-height:16px;
margin:0;
}
#oj-moomenu li ul a {
border-right:none;
margin:0;
background:none;
color:#4443AB;
text-shadow:1px 1px #ccc;
}
#oj-moomenu li.havesubchild,
#oj-moomenu li.havesubchild-active {
}
#oj-moomenu li.havesubchild,
#oj-moomenu li.havesubchild-active{
background-image: url(../images/arrow.png);
background-position: 94% center;
background-repeat: no-repeat;
}
#oj-moomenu li.havesubchild ul li,
#oj-moomenu li.havesubchildsfhover ul li {
width: 230px;
}
#oj-moomenu li.havesubchild ul li span.menu-title,
#oj-moomenu li.havesubchildsfhover ul li span.menu-title {
width: 220px;
}
#oj-moomenu li ul a:hover,
#oj-moomenu li ul a:active,
#oj-moomenu li ul a:focus,
#oj-moomenu ul li:hover,
#oj-moomenu ul li.sfhover,
#oj-moomenu ul li.havesubchildsfhover,
#oj-moomenu ul li.havesubchild-activesfhover,
#oj-moomenu ul ul li:hover,
#oj-moomenu ul ul li.sfhover,
#oj-moomenu ul ul li.havesubchildsfhover,
#oj-moomenu ul ul li.havesubchild-activesfhover {
color: #fff;
}
#oj-moomenu ul li a.active,
#oj-moomenu ul li a.active:hover,
#oj-moomenu ul li a.active:active,
#oj-moomenu ul li a.active:focus {
background:none !important;
color:#FFFFFF;
text-shadow:1px 1px #000;
}