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

.accordionButton, .accordionLink {	
	width: 153px;
	float: left;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	cursor: pointer;
	font: normal 11px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
	color: #717171;
	padding: 5px 5px 5px 10px;
	}
	
.accordionLink a {
	font: normal 11px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
	color: #717171;
	}
	
.accordionButton:hover, .accordionLink:hover {	
	width: 153px;
	float: left;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	cursor: pointer;
	font: normal 11px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
	color: #0081b2 !important;
	background: #cce9f4;
	padding: 5px 5px 5px 10px;
	}
	
.accordionLink a:hover {
	font: normal 11px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
	color: #0081b2 !important;
	text-decoration: none;
	background: #cce9f4;
	}
	
.accordionButton a:active {
	font: normal 11px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif !important; 
	color: #0081b2 !important;
	text-decoration: none !important;
	background: #cce9f4;
	}

.accordionButtonSelected {
	width: 153px;
	float: left;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	cursor: pointer;
	font: normal 11px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
	color: #0081b2;
	background: #cce9f4;
	padding: 5px 5px 5px 10px;
	}

.accordionContent {	
	width: 153px;
	float: left;
	background: #cae7f2;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	font: normal 10px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
	color: #666666;
	display: none;
	padding: 0px 5px 5px 10px;
	}
	
.accordionContent a {	
	font: normal 10px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
	color: #0081b2;
	text-decoration: none;
	}
	
.accordionContent a:hover{	
	font: normal 10px 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; 
	color: #0081b2;
	text-decoration:underline;
	}