/*
STARTING MENU
*/

#menu{
	background:#435865 url("/themes/default/graphics/site/oliverwight-english/header/drop-shadow.jpg") bottom repeat-x;
	background-color: black;
	width:100%;
	float:left;
	height:52px;
	position:relative;
	z-index:7;
}

#menu #menuRight,
#menu #menuLeft{
	position:relative;
	z-index: 5;
}

#menu #menuRight{
	margin-right:20px;
}

#menu ul{
	margin:14px 0 0 25px;
	position:relative;
	z-index:5;
}

#menu ul li{
	float:left;
	display:block;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	z-index:5;	z-index:5;
}

#menu #menuLeft ul li span.noBorder,
#menu #menuRight ul li span.noBorder{
	border:none;
}

#experience{
    margin-top:20px;
    position:absolute;
    z-index:50;
    background:yellow;
}

#menu ul li a{
	color:white;
	float:left;
	margin-top:-14px;
	text-decoration:none;
	padding:14px 8px;
	position:relative;
	z-index:5;
}

#menu ul li span{
	border-right:1px solid white;
	float:left;
	height:26px;
	margin-top:-5px;
}

#menu ul li a:hover,
#menu ul li a.hoverBg{
	color:#00AEEF;
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/top-middle.png") repeat-y;
}

#menu ul li a.hoverBg{
	color:#354651;
}


#menu ul li a ul li:hover,
#menu ul li a ul li a:hover{
	background:none;
}


#menuLeft ul li ul.subnav,
#menuLeft ul.selected li.selected ul.subnav,
#menuRight ul li ul.subnav{
	list-style-type: none;
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/middle-middle.png") 7px top repeat-y;
	float:left;
	margin:0;
	width:224px;
}

html #menuLeft ul li .subMenuMiddleLeftBg .subMenuMiddleRightBg ul.subnav li:first-child a,
html #menuRight ul li .subMenuMiddleLeftBg .subMenuMiddleRightBg ul.subnav li:first-child a{
	padding-top:14px;
}

html #menuLeft ul li .subMenuMiddleLeftBg .subMenuMiddleRightBg ul.subnav li:last-child a,
html #menuRight ul li .subMenuMiddleLeftBg .subMenuMiddleRightBg ul.subnav li:last-child a{
	padding-bottom:12px;
}

#menuLeft ul li ul.subnav li,
#menuRight ul li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	list-style-type:none;
	border:none;
}
html #menuLeft ul li ul.subnav li a,
html #menuLeft ul.selected li.selected ul.subnav li a,
html #menuRight ul li ul.subnav li a{
	float: left;
	margin:0;
	padding: 4px 20px;
	border:none;
	color:#354651;
	width:190px;
	background:none;
}
html #menuRight ul li ul.subnav li a{
	text-align:right;
	padding-left:23px;
}

html #menuLeft ul li ul.subnav li a:hover,
html #menuLeft ul.selected li.selected ul.subnav li a:hover,
html #menuRight ul li ul.subnav li a:hover{ /*--Hover effect for subnav links--*/
	color: #00AEEF;
	background:none;
}



.subMenuMiddleLeftBg{
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -7px;
	top: 0px;
	padding-top:30px;
	width:233px;
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/middle-left.png") repeat-y;
	display:none;
}

#menuRight .subMenuMiddleLeftBg{
	left:-153px;
}

.subMenuMiddleRightBg{
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/middle-right.png") right top repeat-y;
	float:left;
	width:inherit;
}



/* HACK TO GET THE BOTTOM BIT RIGHT */
.subMenuBottomHolder,
.subMenuBottom{
	position:absolute;
	bottom:-13px;
	left:0;
	width:234px;
	height:13px;
}

.subMenuBottom{
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/bottom.png") no-repeat;
	width:300px;
}


.subMenuBottomHolder .subMenuBottomLeft{
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/bottom-left.png") no-repeat;
	width:9px;
	height:inherit;
	float:left;
}

.subMenuBottomHolder .subMenuBottomMiddleHolder{
	width:217px; /* submenu width total - (submenu width left + submenu width right) */
	float:left;
}

.subMenuBottomHolder .subMenuBottomMiddleHolder .subMenuBottomMiddleTop{
	width:inherit;
	height:1px;
	float:left;
}

.subMenuBottomHolder .subMenuBottomMiddleHolder .subMenuBottomMiddleBottom{
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/bottom-middle.png") no-repeat;
	width:inherit;
	height:12px;
	float:left;
}

.subMenuBottomHolder .subMenuBottomRight{
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/bottom-right.png") no-repeat;
	width:11px;
	height:inherit;
	float:left;
}


#menu ul li span.shadowMenuLeft,
#menu ul li span.shadowMenuRight{
	height:49px;
	border-right:none;
	float:left;
	margin-top:-13px;
	position:absolute;
	top:0;
	display:none;
}

.shadowMenuLeft{
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/top-left.png") no-repeat;
	width:7px;
	left:-7px;
}

.shadowMenuRight{
	background:url("/themes/default/graphics/site/oliverwight-english/drop-down-menu/top-right.png") no-repeat;
	width:10px;
	right:-8px;
}


#rollOutHackIE{
	width:1000px;
	height:600px;
	position:absolute;
	top:0;
	left:0;
}

#menu ul li:last-child span{
	border-right: none;
}