/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#nav-container{
	height:557px;
	width:152px;
	background:url("bg_v-nav.jpg") no-repeat 0px 93px #FFF;
}
.suckerdiv{
	width:151px;
	font-size:0.7em;
	color:#666;
	z-index:9999;
	position:absolute;
	top:145px;
	left:5px;
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
.suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 151px; /* Width of Menu Items */
	border-bottom: 1px solid #fff;
}
	
.suckerdiv ul li{
	position: relative;
	background: url(bgMenuu.jpg) repeat-x 0 0;
	line-height:13px;
	
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	width: 255px; /*sub menu width*/
	top: 0;
	visibility: hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-left:1px solid #fff
}

/* Sub level menu links style */
.suckerdiv ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: black;
	text-decoration: none;
	/*background: url(bgMenu.jpg) repeat-x 0 0;*/
	padding: 6px 5px 6px 14px;
	border-top: 1px solid #fff;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #D2D2D4;
	border-left: 0px solid #ccc;
	background: url(arrowMenu.gif) no-repeat 5px 50%;
	font-weight:700;
		/*filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;*/

}
/*For IE7 you need to add width to */
.suckerdiv ul li a {
/*width: 100%;*/
color: #4F6A7F !important;
} 
.suckerdiv ul li a:visited{
	color: #4F6A7F !important;
}

.suckerdiv ul li a:hover{
	background-color: #f2f2f2;

}

.suckerdiv .subfolderstyle{
	background: url(arrow3.gif) no-repeat 95% 50% ;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */




.suckerdiv .subM1,
.suckerdiv .subM2,
.suckerdiv .subM3,
.suckerdiv .subMInside{
	border-right: 1px solid #dcdcdc !important;
	border-bottom: 1px solid #dcdcdc !important;
	border-left: 1px solid #dcdcdc !important;
	
}
.suckerdiv .subM1 LI,
.suckerdiv .subM2 LI,
.suckerdiv .subM3 LI,
.suckerdiv .subMInside LI{
	background:#f2f2f2 !important;
}
.suckerdiv .subM1 LI A,
.suckerdiv .subM2 LI A,
.suckerdiv .subM3 LI A,
.suckerdiv .subMInside LI A{
	color:#074F6C !important;
	font-weight:500 !important;
	border-top: 1px solid #dcdcdc !important;
	border-right: 0px solid #ccc !important;
	border-bottom: 0px solid #fff !important;
	border-left: 0px solid #ccc !important;
}
.suckerdiv .subM1 LI A:hover,
.suckerdiv .subM2 LI A:hover,
.suckerdiv .subM3 LI A:hover,
.suckerdiv .subMInside LI A:hover{
	background: url(arrowMenu.gif) no-repeat 5px 50% #fff !important;
}
.suckerdiv .subM1{
	width: 253px !important;
}
.suckerdiv .subM2{
	width: 275px !important;
}
.suckerdiv .subM3{
	width: 275px !important;

}
.suckerdiv .subMInside{
	width: 215px !important;

}
.suckerdiv .subM1 .subfolderstyle{
	background: url(arrow4.gif) no-repeat 95% 50% ;
}
.suckerdiv .subM1 .subfolderstyle LI A:hover{
	background: url(arrow4.gif) no-repeat 95% 50% #fff !important;
}
.suckerdiv .subM1 LI.sel A,
.suckerdiv .subM2 LI.sel A,
.suckerdiv .subM3 LI.sel A,
.suckerdiv .subMInside LI.sel A{
	background: url(arrowMenu.gif) no-repeat 5px 50% #fff !important;
	color:#ff9900 !important;
}
/*/////////////////////////////////////////////////////////////////////////*/


.navInside{
	width:151px;
	font-size:0.7em;
	color:#666;
	z-index:9999;
	position:absolute;
	top:172px;
	left:5px;
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
.navInside ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 151px; /* Width of Menu Items */
	border-bottom: 1px solid #fff;
}
	
.navInside ul li{
	position: relative;
	background: url(bgMenuu.jpg) repeat-x 0 0;
	line-height:13px;
	
}
	
/*Sub level menu items */
.navInside ul li ul{
	/*position: absolute;*/
	width: 149px !important; /*sub menu width*/
	top: 0;
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-left:0px solid #fff
}

/* Sub level menu links style */
.navInside ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: black;
	text-decoration: none;
	padding: 6px 5px 6px 14px;
	border-top: 1px solid #fff;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #D2D2D4;
	border-left: 0px solid #ccc;
	background: none no-repeat 5px 50%;
	font-weight:600;


}
/*For IE7 you need to add width to */
.navInside ul li a {
/*width: 100%;*/
/*color: #4F6A7F !important;*/
} 
.navInside ul li a:visited{
	/*color: #4F6A7F ;*/
}

.navInside ul li a:hover{
	/*background-color: #f2f2f2;*/

}

.navInside .subfolderstyle{
	background: url(arrow3.gif) no-repeat 95% 50% ;
}

	
/* Holly Hack for IE \*/
* html .navInside ul li { float: left; height: 1%; }
* html .navInside ul li a { height: 1%; }
/* End */

.navInside .subM1,
.navInside .subM2,
.navInside .subM3,
.navInside .subMInside{
	border-right: 0px solid #dcdcdc !important;
	border-bottom: 0px solid #dcdcdc !important;
	border-left: 0px solid #dcdcdc !important;
	
}
.navInside .subM1 LI,
.navInside .subM2 LI,
.navInside .subM3 LI,
.navInside .subMInside LI{
	background:#f2f2f2 !important;
	background: none no-repeat 5px 50% #fff !important;
}


/* M1 */
.navInside .subM1{
	width: 150px !important;	
}

/**/
 .sub0 A{
	background: none no-repeat 3px 50% #EEEDED !important;
	padding: 4px 5px 4px 5px !important;
	color:#4F6A7F !important;
	font-weight:500 !important;
}
.sub0 A:link,
.sub0 A:visited,
.sub0 A:active,{
	background-color: #EEEDED !important;
	color:#4F6A7F ;
}
 .sub0 A:hover,
 .sub0 A:active{
	background: none no-repeat 3px 50% #f2f2f2 !important;
	color:#4F6A7F 
}
/**/
/* M2 */
.navInside .subM2{
	width: 150px !important;
	font-size:10px;
	
}
.sub1 A{
	background: none no-repeat 3px 50% #fff !important;
	padding: 4px 5px 4px 11px !important;
	color:#0B91C4 !important;
	font-weight:500;
}
.sub1 A:link,
.sub1 A:visited,
.sub1 A:active,{
	background: none no-repeat 3px 50% #fff !important;	
	color:#0B91C4 !important;
}
.sub1 A:hover,
.sub1 A:active{
	background: none no-repeat 3px 50% #f2f2f2 !important;
	color:#0B91C4 !important;
}
.sub1 A B{
	float:left;
	cursor:pointer !important;
}
.sub1 A SPAN{
	color:#279D4B;
	margin:0px 0px 0px 0px;
	float:right;
}

/* M3 */
.navInside .subM3{
	width: 150px !important;
	border-bottom:1px solid #dcdcdc !important
	
}

.navInside .subM3 LI A{
	border:0px solid #000 !important
}

.sub2 A{
	background: url(arrowMenu.gif) no-repeat 18px 50% #fff !important;
	padding: 1px 5px 2px 25px !important;
	color:#777 !important;
	font-weight:500;
}
.sub2 A:link,
.sub2 A:visited,
.sub2 A:active,{
	background: url(arrowMenu.gif) no-repeat 18px 50% #fff !important;
	color:#666 !important;
}
.sub2 A:hover,
.sub2 A:active{
	background: url(arrowMenu.gif) no-repeat 18px 50% #f2f2f2 !important;
	color:#555 !important;
}
/**/
 A.down {
	background: url(arrowDown.gif) no-repeat 3px 50%  !important;
	padding-left:15px !important;
	
}
A.down B{
	color: #4F6A7F;
}
 A.firstLevel {
	background: url(arrow4.gif) no-repeat 3px 50%  !important;
	padding-left:15px !important;
	
}
A.firstLevel B{
	color: #4F6A7F;
}
/**/
A.sel{
	background-color:#fff !important;
	/*padding-left:15px !important;*/
	font-weight:500  !important;
	background: none no-repeat 7px 50% #28AEE3 !important;
	color:#fff !important;
}
A.sel:link,
A.sel:visited,
A.sel:active,{
	background: none no-repeat 7px 50% #28AEE3 !important;
	color:#fff !important;
}
A.sel:hover,
A.sel:active{
	background: none no-repeat 7px 50% #28AEE3 !important;
	color:#fff !important;
}
/**/
A.sel2{
	background-color:#fff !important;
	/*padding-left:15px !important;*/
	font-weight:500  !important;
}
A.sel2:link,
A.sel2:visited,
A.sel2:active,{
	background: url(arrow_grey.gif) no-repeat 4px 50%  !important;
	color:#454545 !important;
}
A.sel2:hover,
A.sel2:active{
	background: url(arrow_grey.gif) no-repeat 4px 50%  !important;
	color:#454545 !important;
}
/**/
A.sel3{
	background-color:#fff !important;
	/*padding-left:15px !important;*/
	font-weight:500  !important;
}
A.sel3:link,
A.sel3:visited,
A.sel3:active,{
	background: url(arrow_dx.gif) no-repeat 18px 50% #f2f2f2 !important;
	color:#454545 !important;
}
A.sel3:hover,
A.sel3:active{
	background: url(arrow_dx.gif) no-repeat 18px 50% #f2f2f2 !important;
	color:#454545 !important;
}

