.verticalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
}

.verticalaccordion>ul>li {
    display:block;
	overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
	height:30px;


    /* CSS3 Transition Effect */
    transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;

}

.verticalaccordion>ul>li>h3 {
    display:block;
	font:normal 13px/1em 'DroidSerif', Arial, Helvetica, sans-serif;
    padding:9px 10px;

    /* Decorative CSS */
    text-decoration:none;

    /* CSS3 Gradient Effect */
	background-image: -moz-linear-gradient(top, transparent, #4c7f18);
	background-image: -ms-linear-gradient(top, transparent, #4c7f18);
	background-image: -o-linear-gradient(top, transparent, #4c7f18);
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#4c7f18));
	background-image: -webkit-linear-gradient(top, transparent, #4c7f18);
	background-image: linear-gradient(top, transparent, #4c7f18);

}

.verticalaccordion>ul>li>div {
    margin: -10px 0;
    overflow: auto;
    padding:10px;
    height:auto;
}

.verticalaccordion>ul>li:hover {
	height:320px;
}

.verticalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    background: #336600;
}

.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}

.verticalaccordion>ul>li>div>p {
    margin: 0;
    padding: 0;
}

.verticalaccordion>ul>li>div>p>i {
    color:#99cc99;
}