#content_left {
 position: absolute;
 top: 80px;
 left: 0;
 width: 220px;
}

#content_right {
 margin-left: 230px;
 width: 714px;
 min-height: 284px;
}

.ulbar {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 220px;
}

.ulbar li.title {
 font-family: arial, verdana, sans-serif;
 background: url('../img/ulbar.png') no-repeat;
 height: 23px;
 padding: 11px 0 0 6px;
}

.ulbar li {
 height: 41px;
}

.ulbar li { background: url('../img/ulbar.png') 0px -34px no-repeat; }
.ulbar li.active { background: url('../img/ulbar.png') 0px -116px no-repeat; }
.ulbar li.last { background: url('../img/ulbar.png') 0px -75px no-repeat; }
.ulbar li.lastactive { background: url('../img/ulbar.png') 0px -157px no-repeat; }

.ulbar a.active, .ulbar a.active:hover {
 color: #555;
 font-weight: bold;
 background: url('../img/arrows.gif') right -52px no-repeat;
}

.ulbar a, .ulbar a:hover {
 font-family: arial, verdana, sans-serif;
 padding: 11px 0 0 6px;
 font-size: 12px;
 color: #555;
 text-decoration: none;
 border: none;
 background: url('../img/arrows.gif') top right no-repeat;
 width: 205px;
 display: block;
}

.ulbar a:hover {
 color: #0088cc;
 background: url('../img/arrows.gif') right -26px no-repeat;
}