/***********************************************************************************************************************
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.
************************************************************************************************************************/
#wrapper {
	width: 138px;
	margin-left: 886px;
	/*margin-right: -286px;
	/*margin: -18px auto auto 142px;*/
	}

.accordionButton {	
	width: 138px;
	height:20px;
	float: right;
	margin: -20px auto auto 142px;
	/*margin-right: -144px;*/
	/*margin-left:284px;*/
	_float: none;  /* Float works in all browsers but IE6 */
	background-color:#787e83;
	z-index:200;
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
	line-height:20px;
	text-transform:uppercase;
	font-size:14px ;
	color: white;	
	letter-spacing:2px;
				
	cursor: pointer;
	}
	
.accordionContent {	
	width: 280px;
	margin-top:4px;
	margin-right:-0px;	
	float: right;
	_float: none; /* Float works in all browsers but IE6 */
	background: black;
	/*text-transform:uppercase;*/
	line-height:15px;
	font-style:300;
	letter-spacing:1px;
	line-height:20px;
	color: white;
	font-size:12px ;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: #ccc;
	}
	
.over {
	background: #787e83;
	color:black;
	}