.bar-menu {
    width: 220px;
}


.bar-menu .box1,
.bar-menu .box2 {
	background: url(pictures/menubg.gif) repeat-x bottom left #f4f4f4;
	color: rgb(80, 80, 80);
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma;
	padding: 4px 8px;
  border-left: 4px solid rgb(204, 204, 204);
  border-top: 1px solid rgb(216, 216, 216);
  border-right: 1px solid rgb(216, 216, 216);
  border-bottom: 1px solid rgb(216, 216, 216);
  cursor: default;
	position: relative;
	text-align: left;
}


.bar-menu .box1-hover,
.bar-menu .box2-hover {
    background: url(pictures/menubg2.gif) repeat-x bottom left #eaeaea; 
    color: rgb(25, 144, 88);
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-left: 4px solid rgb(25, 144, 88);
    border-top: 1px solid rgb(216, 216, 216);
    border-right: 1px solid rgb(216, 216, 216);
    border-bottom: 1px solid rgb(216, 216, 216);
    cursor: default;
    position: relative;
	  text-align: left;
}

.bar-menu .box1-open,
.bar-menu .box2-open {
    background: url(pictures/menubg2.gif) repeat-x bottom left #eaeaea;
    color: rgb(80, 80, 80);
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-left: 4px solid rgb(25, 144, 88);
    border-top: 1px solid rgb(216, 216, 216);
    border-right: 1px solid rgb(216, 216, 216);
    border-bottom: 1px solid rgb(216, 216, 216);
    cursor: default;
    position: relative;
	  text-align: left;
}
.bar-menu .box1-open-hover,
.bar-menu .box2-open-hover {
    background: url(pictures/menubg2.gif) repeat-x bottom left #eaeaea;
    color:  rgb(25, 144, 88);
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-left: 4px solid rgb(25, 144, 88);
    border-top: 1px solid rgb(216, 216, 216);
    border-right: 1px solid rgb(216, 216, 216);
    border-bottom: 1px solid rgb(216, 216, 216);
    cursor: default;
    position: relative;
  	text-align: left;
}

.bar-menu .box1 img, 
.bar-menu .box1-hover img, 
.bar-menu .box1-open img, 
.bar-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px; 
}

.bar-menu .section {
	  color: rgb(80, 80, 80);
    background: url(pictures/menubg.gif) repeat-x bottom left #f4f4f4;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: #448882;
    border-style: none solid solid solid;
    display: none;
}

.bar-menu .section a {
  	color: rgb(80, 80, 80);
    background: url(pictures/menubg.gif) repeat-x bottom left #f4f4f4;
    text-decoration: none;
    white-space: nowrap;
}

.bar-menu .section a:hover {
	color: rgb(25, 144, 88);
	background: url(pictures/menubg2.gif) repeat-x bottom left #eaeaea;
	text-decoration: none;
	white-space: nowrap;
	text-align: left;
}

.bar-menu .section .active,
.bar-menu .section .active:hover {
    color: yellow;
}