#nav dl {
	margin: 0 auto; 
	padding: 0; 
	width:11em; /* 150 px*/
	border-left:1px solid #fff; 
	border-right:1px solid #fff;
}

#nav dl dt {
	margin:0; 
	padding:0.4em; 
	text-align:center; 
	font-size: 1.4em; 
	font-weight:bold; 
	background: #7ea070;
}

#nav dl dd {
	margin:0; 
	padding:0; 
	text-align:center; 
	border-top:1px solid #fff;
	font-weight:bold;	
}

#nav a, #nav a:visited {
	color:#fff; 
	text-decoration:none; 
	display:block; 
	padding:0.4em;
	background: #a6c09b url(../images/nav-bg.gif) repeat-x; /* #7ea070; */
}

#nav a:hover{
	background: #e9eaef url(../images/nav-bg-hover.gif) repeat-x; 
	color:#7ea070;
}

#nav a.active{
	background: #e9eaef url(../images/nav-bg-hover.gif) repeat-x; 
	color:#7ea070;
}

.top {
  display:block; 
	margin:0 auto;
	width:11em;
  background:transparent; 
  font-size:1em;
  }

.bottom {
  display:block;
	margin:0 auto;
	width:11em; 
  background:transparent; 
  font-size:1em; 
  border-top:1px solid #fff;
  }

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.b1, .b2, .b3 {
	height:1px;
}
.b2, .b3, .b4 {
	background:#7ea070; 
	border-left:1px solid #fff; 
	border-right:1px solid #fff;
}
.b1 {
	margin:0 5px; 
	background:#fff;
}
.b2 {
	margin:0 3px; 
	border-width:0 2px;
}
.b3 {
	margin:0 2px;
}
.b4 {
	height:2px; 
	margin:0 1px;
}