.mainmenu {padding: 3px 0 10px 0; clear: both; height: 100%;}
.arrowlistmenu{
width: 188px;}

.arrowlistmenu .menuheader1{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 15px;
	height: 18px;
	color: white;
	padding: 13px 0 6px 35px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-image: url(../img/01a.png);
}

.arrowlistmenu .menuheader1 h3 {font-size: 14px;}

.round-left {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/left.png) no-repeat; margin-top:0px; margin-left: 0px;}
.round-right {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/right.png) no-repeat; margin-top:0px; margin-left:171px;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(../img/01.png) ;

}



.bg1{
	background-image: url(../img/01bb.png);
	background-position: bottom; padding-bottom: 3px;

}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.arrowlistmenu ul li.first{
padding-top: 4px;
}

.arrowlistmenu ul li.last{
padding-bottom: 8px;

}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}


.arrowlistmenu ul li a{

color: #fff;
text-decoration: none;
font-size: 12px;
display: block;
padding: 2px 0 0 10px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ffffff;
text-decoration: underline;

}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}




.arrowlistmenu2 {
	width: 188px;margin-top: -6px;

}


.arrowlistmenu2 .menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 15px;
	height: 18px;
	color: white;
	padding: 13px 0 6px 35px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-image: url(../img/02a.png);
	}
.arrowlistmenu2 .menuheader2 h3 {font-size: 14px;}

.arrowlistmenu2 .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(../img/02.png) ;

}



.bg2{
	background-image: url(../img/02b.png);
	background-position: bottom;
	margin-bottom: 2px;

}


.arrowlistmenu2 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}

.arrowlistmenu2 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}


.arrowlistmenu2 ul li.first{
padding-top: 4px;
}

.arrowlistmenu2 ul li.last{
padding-bottom: 8px;

}

.arrowlistmenu2 ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}


.arrowlistmenu2 ul li a{

color: #fff;
text-decoration: none;
font-size: 12px;
display: block;
padding: 2px 0 0 10px;
}


.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: #ffffff;
 text-decoration: underline;

}

.arrowlistmenu2 ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}





.arrowlistmenu3 {
	width: 188px;margin-top: -6px; margin-bottom: -4px;

}

.arrowlistmenu3 .menuheader3{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 15px;

	height: 18px;
	color: #ffffff;
	padding: 13px 0 6px 35px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-image: url(../img/03a.png);
}
.arrowlistmenu3 .menuheader3 h3 {font-size: 14px;}
.arrowlistmenu3 .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background: url(../img/03.png) ;

}


.bg3{
	background-image: url(../img/03b.png);
	background-position: bottom;


}


.arrowlistmenu3 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
display: block;
	color: #ffffff;
margin: 0;
padding: 0;
}

.arrowlistmenu3 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu3 ul li.first{
padding-top: 4px;
}

.arrowlistmenu3 ul li.last{
padding-bottom: 8px;


}

.arrowlistmenu3 ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu3 ul li a{

color: #fff;
text-decoration: none;
font-size: 12px;
display: block;
padding: 2px 0 0 10px;
}


.arrowlistmenu3 ul li a:hover{ /*hover state CSS*/
color: #ffffff;
 text-decoration: underline;
}

.arrowlistmenu3 ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

.arrowlistmenu4{
width: 188px; margin-bottom: -4px;}


.arrowlistmenu4 .menuheader4{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 15px;
	height: 18px;
	color: white;
	padding: 13px 0 6px 31px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-image: url(../img/04a.png);
}
.arrowlistmenu4 .menuheader4 h3 {font-size: 14px;}
.arrowlistmenu4 .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background: url(../img/04.png) ;

}


.bg4{
 background-image: url(http://www.aventertainments.com/img/04b.png);
 background-position: bottom;
}


.arrowlistmenu4 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
display: block;
 color: #ffffff;
margin: 0;
padding: 0;
}

.arrowlistmenu4 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu4 ul li.first{
padding-top: 4px;

}

.arrowlistmenu4 ul li.last{
padding-bottom: 8px;


}

.arrowlistmenu4 ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}
.arrowlistmenu4 ul li a{

color: #fff;
text-decoration: none;
font-size: 12px;
display: block;
padding: 2px 0 1px 10px;
}


.arrowlistmenu4 ul li a:hover{ /*hover state CSS*/
color: #ffffff;
 text-decoration: underline;
}

.arrowlistmenu4 ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}


.arrowlistmenu5{
width: 188px; margin-bottom: -6px; margin-top: -5px; }


.arrowlistmenu5 .menuheader5{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 15px;
	height: 18px;
	color: white;
	padding: 13px 0 6px 31px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	background-image: url(../img/05a.png);
}
.arrowlistmenu5 .menuheader5 h3 {font-size: 14px;}
.arrowlistmenu5 .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background: url(../img/05.png) ;

}

.bg5{
 background-image: url(../img/05b.png);
 background-position: bottom;


}


.arrowlistmenu5 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
display: block;
 color: #ffffff;
margin: 0;
padding: 0;
}

.arrowlistmenu5 ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu5 ul li.first{
padding-top: 4px;

}

.arrowlistmenu5 ul li.last{
padding-bottom: 8px;


}

.arrowlistmenu5 ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}
.arrowlistmenu5 ul li a{

color: #fff;
text-decoration: none;
font-size: 12px;
display: block;
padding: 2px 0 1px 10px;
}


.arrowlistmenu5 ul li a:hover{ /*hover state CSS*/
color: #293034;
 text-decoration: underline;
}

.arrowlistmenu5 ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}