/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
body {
	background-color: #F00;
}






#wrapper {
    top:63px;
	left:18px;
	width:580px;
	padding:0px;
	border:#FFF;

	padding:0px;


	}

.accordionButton {	
	left:0px;
	width:578px;
	float:left;
	_float:none;  /* Float works in all browsers but IE6 */
	background:#F0F0F0 ;
	border-bottom: 1px solid #F00;
	cursor: pointer;
	align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
	color:#F00;
	padding:3px;
	}
	
.accordionContent {	

	width:560px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:11px;
	line-height:18px;
	font-weight:400;
	color:#333;
	
	padding:12px;
	text-decoration:none;
	 
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: #CCC;
	}
	
.over {
	background: #FFF;
	}