#topwfmenu {
	display: inline;
}

#topwfmenu ul {
        margin: 0.8em;
        padding: 0;
}

#topwfmenu li {
	display: block;
        list-style: none;
	background: #acbec8;
        font-size: 14px;
        line-height: 1.8em;
	width: 100%;
        margin: 0;
        text-decoration: none;
        text-align: center;
	border:2px solid #fff;
	border-color:#def #8a8 #575 #cde;
	background: -webkit-linear-gradient(top,  #cedfea,  #9badb7);
	background: -moz-linear-gradient(top,  #cedfea,  #9badb7);
	background: -o-linear-gradient(top,  #cedfea,  #9badb7);
	background: -ms-linear-gradient(top,  #cedfea,  #9badb7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cedfea', endColorstr='#9badb7');  
}

#topwfmenu li a{
	color:#3d3d3d;
}

#topwfmenu li.active a {
        color: #fff;
}

#topwfmenu li a:hover {
        text-decoration:underline;
        color: #5C6B52
}


@media only screen and (min-width: 768px){
#topwfmenu ul {
        margin: 0 0.8em;
}


  #topwfmenu li {
	display: inline-block;
	width: 32%;
        margin: 0 -0.8em 0 0.5em;
  }  
}