/* common styling */
.menu {
font-family: arial, sans-serif; 
position:relative;
font-size:11px; 
margin:0 13px 0 13px;
background:#666;
z-index:100;
clear:both;
}

.menu ul li a, .menu ul li a:visited {
color:#000;
font-size:11px; 
background:#666;
height:19px;
color:#fff;
border:1px solid #666; 
line-height:20px; 
display:block;
overflow:hidden;
text-decoration:none; 
padding-left:11px;
}


.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:0; position:relative;}
.menu ul li ul {display: none; padding-left:4px; _padding-left:-4px;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#6E8489; padding-left:8px; border:1px solid #6E8489;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:125px; text-align:left;}
.menu ul li:hover ul li a.hide {color:#fff; width:125px;}
.menu ul li:hover ul li:hover a.hide {background:#6E8489; color:#FFF;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#FFF; width:125px; }
.menu ul li:hover ul li a:hover {background:#6E8489; color:#FFF; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:124px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-130px;}

.menu ul li ul.item-sub {
margin-left:11px;
}
.raquo {
font-weight:bold;
font-size:14px;
}

.item-act {
font-weight:bold;
}

/* item1 */

li.item1 {
width:103px;
}

.menu ul li:hover a.item1 {
border-left:4px solid #933;
}

.menu ul li:hover ul.item1 {
background:#933;
}

.menu ul li.item1:hover ul {
background:#933;
}

.menu ul li.item1:hover ul li a:hover {
border:1px solid #933;
background:#933;
}

.ritem1 {
color:#933;
}

/* item2 */

li.item2 {
width:106px;
}

.menu ul li:hover a.item2 {
border-left:4px solid #0097CB;
}

.menu ul li.item2:hover ul {
background:#0097CB;
}

.menu ul li.item2:hover ul li a:hover {
border:1px solid #0097CB;
background:#0097CB;
}

.ritem2 {
color:#0097CB;
}

/* item3 */

li.item3 {
width:74px;
}

.menu ul li:hover a.item3 {
border-left:4px solid #909;
}

.menu ul li.item3:hover ul {
background:#909;
}

.menu ul li.item3:hover ul li a:hover {
border:1px solid #909;
background:#909;
}

.ritem3 {
color:#909;
}

/* item4 */

li.item4 {
width:61px;
}

.menu ul li:hover a.item4 {
border-left:4px solid #c30;
}

.menu ul li.item4:hover ul {
background:#c30;
}

.menu ul li.item4:hover ul li a:hover {
border:1px solid #c30;
background:#c30;
}

.ritem4 {
color:#c30;
}

/* item5 */

li.item5 {
width:81px;
}

.menu ul li:hover a.item5 {
border-left:4px solid #06c;
}

.menu ul li.item5:hover ul {
background:#06c;
}

.menu ul li.item5:hover ul li a:hover {
border:1px solid #06c;
background:#06c;
}

.ritem5 {
color:#06c;
}

/* item6 */

li.item6 {
width:62px;
}

.menu ul li:hover a.item6 {
border-left:4px solid #009;
}

.menu ul li.item6:hover ul {
background:#009;
}

.menu ul li.item6:hover ul li a:hover {
border:1px solid #009;
background:#009;
}

.ritem6 {
color:#009;
}

/* item7 */

li.item7 {
width:71px;
}

.menu ul li:hover a.item7 {
border-left:4px solid #9c0;
}

.menu ul li.item7:hover ul {
background:#9c0;
}

.menu ul li.item7:hover ul li a:hover {
border:1px solid #9c0;
background:#9c0;
}

.ritem7 {
color:#9c0;
}

/* item8 */

li.item8 {
width:50px;
}

.menu ul li:hover a.item8 {
border-left:4px solid #f90;
}

.menu ul li.item8:hover ul {
background:#f90;
}

.menu ul li.item8:hover ul li a:hover {
border:1px solid #f90;
background:#f90;
}

.ritem8 {
color:#f90;
}

/* item9 */

li.item9 {
width:80px;
}

.menu ul li:hover a.item9 {
border-left:4px solid #393;
}

.menu ul li.item9:hover ul {
background:#393;
}

.menu ul li.item9:hover ul li a:hover {
border:1px solid #393;
background:#393;
}

.ritem9 {
color:#393;
}

/* item10 */

li.item10 {
width:82px;
#width:74px;
}

.menu ul li:hover a.item10 {
border-left:4px solid #333;
}

.menu ul li.item10:hover ul {
background:#333;
}

.menu ul li.item10:hover ul li a:hover {
border:1px solid #333;
background:#333;
}

.ritem10 {
color:#333;
}