@charset "utf-8";
/* CSS Document */

 /* common styling */
.menu2 {
	float:left; 
	width: auto;
	font-family: verdana, arial, sans-serif; 
	font-size:11px;
	margin:0; /* for this demo only */ 
	/*background: white;*/
	background-image:url(../images/menu/menu_bg.jpg);
	height: 22px;
	text-align: left;
	z-index: 2000; 
}

.menu2  a{
	text-decoration: none !important;
}

* html .menu2 iframe{
            display:block;
            filter:mask();
            height:50px;            
            left:-1px;
            position:absolute;
            top:-1px;        
            width:auto; 
            z-index:-1;
}

 

.menu2 img{
	border: none;
}

.menu2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu2 ul li {
	float:left; 
	position:relative;
	/*background-image: url(menu_btn_lv1.jpg);*/
	background-repeat: repeat-x;
	color: white;
	height: 22px;
	line-height: 5px;
	border-right: 1px solid #50546C;
	margin:0;
}
.menu2 ul li.group {
	display:block; 
	text-indent:10px; 
	/*background:#666;*/ 
	background: #000000; 
	color:#ff0; 
	width:152px; 
	padding:4px 0;
	margin:0;
}

.menu2 ul li a, .menu2 ul li a:visited {
	/*border-right: 1px solid #595E75;*/
	float:left; 
	display:block; 
	/*color:#444;*/ 
	color: white;
	padding:0px 0px;
	line-height:25px;
	height:22px;
	margin:0;	
	text-decoration:none; 
}

.menu2 ul li a.menu2one{
	padding: 0;
}

.menu2 ul li a{
	/*padding: 0 16px;*/
	margin:0;	
}

.menu2 ul li:hover {
	/*width:auto;*/
	margin:0;	
}

.menu2 ul li a:hover {
	/*background:#aaa url(images/sub2a.gif); color:#c00;*/ 
	/*background-image: url(../images/menu/menu_selected.jpg);*/
	background-color: #000000;
	background-repeat: repeat-x;
	color: white;
	margin:0;	
}

.menu2 ul li:hover a {
	/*background:#aaa url(images/sub2a.gif); color:#c00;*/
	/*background-image: url(menu_btn_lv1_over.jpg);*/
	/*background-repeat: repeat-x;
	background-color: #4B4B4B ;*/
	background-color: #000000;
	background-repeat: repeat-x;
	color: white;
 }

.menu2 ul li ul {
	display: none;
	margin:0;
}

.menu2 ul li ul li{
	/*background-image: url(../images/menu/menu_selected.jpg);*/
	background-repeat: repeat-x;
	border-left: 1px solid #A3A3A3;
	border-right: 1px solid #A3A3A3;
}

.menu2 ul li ul li.first{
	border-top: none;
	background-image: none;
}

.menu2 table {
	margin:0; 
	/*border-collapse:collapse; */
	font-size:11px; 
	position:absolute; 
	top:0; 
	left:0;
}

.menu2 table.cyberjaya{
	top: 50px;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
	display:block; 
	position:absolute;
	top:22px; 
	background:#000000; 
	margin-top:0px; 
	left:0; 
	width:152px;
}

.menu2 ul li:hover ul.scroller {
/*height:138px; width:172px; overflow:auto;*/
z-index: 10;
}

.menu2 ul li:hover ul.endstop {
	/*left:-50px;*/
	left: -24px;
}


* html .menu2 li:hover ul.endstop, .menu2 .gallery:hover ul.endstop{
	left: -24px !important;
}

.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
	display:block; 
	background:#000000;
	background-repeat: repeat-x;
	color:#fff;
	height:auto;
	line-height:15px;
	padding:4px 16px; 
	width:120px;
}

.menu2 ul li:hover ul li.first a {
	background-image: none;
}

.menu2 ul li:hover ul li a.drop {
	background:#000;
}

.menu2 ul li:hover ul li a:hover {
	background-color: #000;
	background-image: url(../images/menu/menu_selected.jpg);
	background-repeat: repeat-x;
	color: #BE8201;
}


.menu2 ul li:hover ul li a:hover.drop {
	background: #000; color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:153px;
	/*top:-70px;*/ 
	top: 0px; 
	color:#BE8201; 
	left:152px; 
	height:auto; 
	width:200px; 
	/*overflow:auto; */
	background:black;
}

.menu2 ul li:hover ul li:hover ul li a {
	background:black;
	width: 200px;
}
.menu2 ul li:hover ul li:hover ul li.group {width:232px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
	left:-232px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {
	/*background:#666; 
	color:#0ff;*/
	
	background-image: url(../images/menu/menu_selected_bg.jpg);
	background-repeat: repeat-x;
	color: #BE8201;
}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
	display:block;
	position:absolute;
	top:24px; 
	t\op:21px; 
	/*background:#aaa;*/
	background-color: #000;
	left:0; 
	marg\in-top:1px;
}
.menu2 ul li a:hover ul.scroller {
	/*height:138px; 
	overflow:auto;*/
}

.menu2 ul li a:hover ul.endstop {
/*left: -90px;*/
}
.menu2 ul li a:hover ul li a {
	display:block; 
	color:#fff; 
	height:1px; 
	line-height:15px; 
	padding:4px 16px; 
	width:152px; 
	w\idth:120px;
}

.menu2 ul li a:hover ul li a:hover ul li a{
	width: 166px;
}

.menu2 ul li a:hover ul li a.drop {
background:#000; padding-bottom:5px;
}
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu2 ul li a:hover ul li a:hover {
	color:#ff0; 
	background: #000;
	background-image: url(../images/menu/menu_selected_bg.jpg);
	background-repeat: repeat-x;
	color: #BE8201;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #000; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	top:-69px; 
	t\op:-0px; 
	color:#000; 
	left:152px; 
	height:auto; 
	width:200px; 
	overflow:auto;
	background-image: url(../images/menu/menu_selected_bg.jpg);
	background-repeat: repeat-x;
	color: #BE8201;
}

.menu2 ul li a:hover ul li a:hover ul.left {
left:-156px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {
	background:#000; 
	color:#0ff;
	/*color: red;*/
	background-image: url(../images/menu/menu_selected_bg.jpg);
	background-repeat: repeat-x;
	color: #BE8201;
}
.menu2 .gallery {
	margin-left: 0px;
	border-left: none;
}

.menu2 ul li.gallery{
	border: none;
}

/* ----------------------- BUTTONS ------------------------------ */

.menu2 a.cyberjaya{
	background-image: url(../images/menu/menu_cyberjaya.jpg);
	width: 129px;	
}

.menu2 li:hover a.cyberjaya:hover, .menu2 .cyberjaya:hover, .menu2 li:hover .cyberjaya, #btn1 .menu2 a.cyberjaya{
	background-image: url(../images/menu/menu_cyberjaya-over.jpg);
	
}

.menu2 a.communitylife{
	background-image: url(../images/menu/menu_community_life.jpg);
	width: 127px;
}

.menu2 li:hover a.communitylife, .menu2 .communitylife:hover, .menu2 li:hover .communitylife, #btn2 .menu2 a.communitylife{
	background-image: url(../images/menu/menu_community_life-over.jpg);
}

.menu2 a.news{
	background-image: url(../images/menu/menu_news.jpg);
	width: 128px;
}


.menu2 li:hover a.news, div.menu2 a.news:hover, .menu2 ul:hover ul:hover .news, #btn3 .menu2 a.news{
	background-image: url(../images/menu/menu_news-over.jpg);
}

.menu2 a.forum{
	background-image: url(../images/menu/menu_forum.jpg);
	width: 128px;
}

.menu2 li:hover a.forum, .menu2 .forum:hover, .menu2 li:hover .forum, #btn4 .menu2 a.forum{
	background-image: url(../images/menu/menu_forum-over.jpg);
}

.menu2 a.directory{
	background-image: url(../images/menu/menu_directory.jpg);
	width: 127px;
}

.menu2 li:hover a.directory, .menu2 .directory:hover, .menu2 li:hover .directory, #btn5 .menu2 a.directory{
	background-image: url(../images/menu/menu_directory-over.jpg);
}

.menu2 a.jobs{
	background-image: url(../images/menu/menu_jobs.jpg);
	width: 128px;
}

.menu2 li:hover a.jobs, .menu2 .jobs:hover, .menu2 li:hover .jobs, #btn6 .menu2 a.jobs{
	background-image: url(../images/menu/menu_jobs-over.jpg);
}

.menu2 a.gallery{
	background-image: url(../images/menu/menu_gallery.jpg);
	width: 125px;
}

.menu2 li:hover a.gallery, .menu2 .gallery:hover, .menu2 li:hover .gallery, #btn7 .menu2 a.gallery{
	background-image: url(../images/menu/menu_gallery-over.jpg);
}

.menu2 a{
	height: 22px;
	background-repeat: no-repeat;
}

.left {
	clear:both;
}