.menuleft {
height:150px;
font-size:10px;
margin:25px 0 50px 0px; 
}

.menuleft ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:190px;
}

.menuleft li {
background:#D1D9DD;
height:21px;
/* for IE7 */
float:left;
}


.menuleft a, .menuleft a:visited {
display:block; 
text-decoration:none;
height:20px;
line-height:20px;
width:190px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 1px;
}
/* hack for IE5.5 */
* html .menuleft a, * html .menuleft a:visited {width:150px; w\idth:190px;}
/* style the link hover */
* html .menuleft a:hover {color:#252470; background:#FFB84C url(sub.gif) no-repeat right center; position:relative;text-decoration:none}

.menuleft li:hover {position:relative;;text-decoration:none}

.menuleft a:active, .menu a:focus {color:#252470; background:#FFB84C;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menuleft li:hover > a {color:#252470; background:#FFB84C url(sub.gif) no-repeat right center;;text-decoration:none}
 
.arrow1{background-image:url(../pictures/arrow_12_s1.gif);display:block;width:125px; height:50px }
.arrow1:hover{background-image:url(../pictures/arrow_12_s2.gif)}

.arrow2{background-image:url(../pictures/arrow_21_s1.gif);display:block;width:125px; height:50px }
.arrow2:hover{background-image:url(../pictures/arrow_21_s2.gif)}

.arrow3{background-image:url(../pictures/arrow_22_s1.gif);display:block;width:179px; height:50px }
.arrow3:hover{background-image:url(../pictures/arrow_22_s2.gif)}

.arrow4{background-image:url(../pictures/arrow_23_s1.gif);display:block;width:190px; height:50px }
.arrow4:hover{background-image:url(../pictures/arrow_23_s2.gif)}

.arrow5{background-image:url(../pictures/arrow_24_s1.gif);display:block;width:122px; height:50px }
.arrow5:hover{background-image:url(../pictures/arrow_24_s2.gif)}

.arrow6{background-image:url(../pictures/arrow_31_s1.gif);display:block;width:185px; height:51px }
.arrow6:hover{background-image:url(../pictures/arrow_31_s2.gif)}

.arrow7{background-image:url(../pictures/arrow_32_s1.gif);display:block;width:185px; height:48px }
.arrow7:hover{background-image:url(../pictures/arrow_32_s2.gif)}

.arrow8{background-image:url(../pictures/arrow_33_s1.gif);display:block;width:190px; height:49px }
.arrow8:hover{background-image:url(../pictures/arrow_33_s2.gif)}

.arrow9{background-image:url(../pictures/arrow_41_s1.gif);display:block;width:148px; height:49px }
.arrow9:hover{background-image:url(../pictures/arrow_41_s2.gif)}

.arrow10{background-image:url(../pictures/arrow_431_s1.gif);display:block;width:181px; height:51px }
.arrow10:hover{background-image:url(../pictures/arrow_431_s2.gif)}

.arrow11{background-image:url(../pictures/arrow_411_s1.gif);display:block;width:158px; height:49px }
.arrow11:hover{background-image:url(../pictures/arrow_411_s2.gif)}

.arrow12{background-image:url(../pictures/arrow_421_s1.gif);display:block;width:179px; height:48px }
.arrow12:hover{background-image:url(../pictures/arrow_421_s2.gif)}

.arrow13{background-image:url(../pictures/arrow_100_s1.gif);display:block;width:138px; height:50px }
.arrow13:hover{background-image:url(../pictures/arrow_100_s2.gif)}