/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/

body {
	behavior:url(../csshover.htc);
}
 
a {
	color: #FFF;
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
	width:auto;
	list-style:none;
}
.menu{
	width:275px; 
	height:266px; 
	margin:0; 
	padding:0; }

.menu ul li {
	font:13px tahoma, sans-serif;
	background:#ff8b8e;
	position: relative;
	float:left;
	width:100%;
	background:url(../images/MCPL-new-images/menu_img/bg_nav.png) repeat-x;
	list-style:none;
	z-index:100000;
	}
	
.menu ul li ul{
	background:#454545;
	z-index:1000;
	width:auto;
	padding:10px;
	border:#CCC solid 1px;
	min-width:170px;
	}
	
	.menu ul li ul li{
	background:url(../images/MCPL-new-images/menu_img/bullet.png) no-repeat left center;
	background-position:5px center;
	}
	.menu ul li ul li a{
	padding:2px 20px;
	}
.menu ul li a{
	display:block;
	padding: 11px 10px;
	}

.menu ul li a:hover {
	color: #FFF;
	background:url(../images/MCPL-new-images/menu_img/bg_nav.png) repeat-x 0 -37px;
}

.menu ul li ul li a:hover{
	background:#333 url(../images/MCPL-new-images/menu_img/bullet_white.png) no-repeat left center;
	background-position:5px center;
}

.menu ul ul {
	position: absolute;
	top: 0;
	display:none;
	z-index:10000;
}

.menu ul li:hover ul{
	display: block;
	left:275px;
	z-index:10000;
	position:absolute;
}


.menu-image-frame{ float:left; min-width:550px;}
.menu-inner-frame{ float:left; width:167px; margin:0 5px;}
.menu ul li ul li .menu-inner-frame a{ padding:0;}
.menu ul li ul li .menu-inner-frame a img{opacity:0.7;}
.menu ul li ul li .menu-inner-frame a img:hover{opacity:1;}
.menu ul li ul li .menu-inner-frame a:hover{ background:none; padding:0;}
.onGoing_image{ width:167px; height:104px;}
.menu-titles{ text-align:center; text-transform:uppercase; font:bold 14px Arial, Helvetica, sans-serif; height:15px; background:url(../images/MCPL-new-images/menu_img/bg_nav.png) repeat-x; color:#FFF; margin:5px auto; padding:5px 0;}
.menu_inner_categoery{ width:17px; height:134px; float:left;}
.menu span{
    background: url("../images/MCPL-new-images/menu_img/arrow_right.png") no-repeat scroll -10px 0 transparent;
    display: block;
    height: 11px;
    position: absolute;
    right: 15px;
    top: 14px;
    width: 22px;
}

.menu ul li ul li ul{
	background:#454545;
	z-index:1000;
	width:auto;
	padding:10px;
	border:#CCC solid 1px;
	min-width:170px;
	margin:0 auto 0 -105px;
	}
.menu ul li ul li ul {
	position: absolute;
	top: 0;
	display:none;
	z-index:10000;
}
#third_menu{ display:none;}
.menu ul li ul li:hover #third_menu{ display:block;}