/***********************************************************************************************************************
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrapper {
	width: 99%;
	margin-left: 0;
	margin-right:0px;
	border:1px solid #b1e0f0;
	}

.accordionButton {	
	width: 177px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	font:bold 12px/39px Arial, Helvetica, sans-serif; color:#FFF; 
	height:39px;
	background:url(../images/side_arrow.gif) no-repeat 10px 17px #222222;
	padding-left:23px;
	border-bottom:1px solid #aeaeae;
	}
	
.accordionContent {	
	width: 200px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background:#ccc;
	height:118px;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background:url(../images/down_arrow.gif) no-repeat 10px 17px #f10404;
	color:#FFF;
	}
	
.over {
	}
	
	
/***********************************************************************************************************************
 change location accordian css
************************************************************************************************************************/