div.active {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF; 
	font-weight: bold;
	line-height: 25px;
	background-color: #6c4305; 
}

 div.passive {
	font-family: Arial;
	font-size: 14px;
	color: #707070; 
	font-weight: bold;
	line-height: 25px;
	background-color: #FFFFFF; 
}

 div.hover {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF; 
	font-weight: bold;
	line-height: 25px;
	background-color: #999486; 
	cursor: pointer;
}

 div.topLeftActive {
    background-image: url("../i/greentopleft.gif");
    background-repeat: no-repeat;
    background-position: top left;
    height: 26px;
 }
 div.topRightActive {
    background-image: url("../i/greentopright.gif");
    background-repeat: no-repeat;
    background-position: top right;
    height: 26px;
 } 
 
  div.topLeftHover {
    background-image: url("../i/lightgreentopleft.gif");
    background-repeat: no-repeat;
    background-position: top left;
    height: 26px;
 }
 div.topRightHover {
    background-image: url("../i/lightgreentopright.gif");
    background-repeat: no-repeat;
    background-position: top right;
    height: 26px;
 }