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

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

    /* Decorative CSS 
    background-color:#f0f0f0;*/

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

}
.verticalaccordion>ul>li>h2 {
    display:block;
    margin: 0;
    padding:4px;
    height:18px;
	cursor: pointer;

    /* Decorative CSS */
    border-top:#f0f0f0 1px solid;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    /* background: #cccccc;*/

    /* CSS3 Gradient Effect  */
   /*  background: -moz-linear-gradient( top, #a39e98, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#a39e98), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa39e98, endColorstr=#ffcccccc); /* IE 7 */
   /*  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa39e98, endColorstr=#ffcccccc)";   /* IE 8 */
	/* -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
   /*  border-radius:10px 10px 10px 10px; */
}

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

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

.verticalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#000;
   /* background: #a39e98;*/

    /* CSS3 Gradient Effect */
   /* background: -moz-linear-gradient( top, #617ca7, #a39e98); /* FF, Flock */
   /* background: -webkit-gradient(linear, left top, left bottom, from(#617ca7), to(#a39e98)); /* Safari, Chrome */
   /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff617ca7, endColorstr=#ffa39e98); /* IE 5.5 - IE 7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff617ca7, endColorstr=#ffa39e98)";   /* IE 8 */
	/* -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-radius:10px 10px 10px 10px;*/
}

.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}
h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}