/***********************************************************************************************************************
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: 610px; 	margin-left: auto; 	margin-right: auto;}

.accordionButton,
.accordionButton2,
.accordionContent,
.accordionContent2	{width: 590px; float: left; _float: none;  /* Float works in all browsers but IE6 */}

.accordionButton,
.accordionButton2	{x-color: #666666; x-background: #003366; cursor: pointer;}
.accordionButton	{x-font-size: 11pt; x-border-bottom: 1px solid #FFFFFF;}
.accordionButton2	{x-font-size: 10pt;}

.accordionContent,
.accordionContent2	{x-background: #DDDDDD;}
.accordionContent	{Padding-top: 10px; padding-bottom: 20px; padding-left: 20px;}
.accordionContent2	{padding-bottom: 5px;}

/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on					{x-background: #DDDDDD; x-color: #444444; text-decoration: none; font-weight: bold;}
.over				{x-background: #CCCCCC; x-color: #444444; text-decoration: none; font-weight: bold;}

.accordionButton,
.accordionButton2,
.on, .off			{margin-top: 2px; padding: 4px 0px 4px 4px; width: 606px;}