/***********************************************************************************************************************
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 {
margin : 0;
padding : 0;
text-align : left;
color : #666;
/* background : #003250 url(../img/butterfly_tiled2.png) repeat; /* Voor index 8 alleen */ */
/* Achtergrond vast begin */
	background-image:url('../img/butterfly_tiled2.png');
	background-repeat:repeat;
	background-attachment:fixed;
/* Achtergrond vast einde */
font : 85% "Trebuchet MS", verdana, arial, sans-serif;
}
#container {
font : 100% "Trebuchet MS", verdana, arial, sans-serif;
width : 900px;
margin-left : auto;
margin-right : auto;
margin-top : 20px;
padding : 10px;
/*  line-height : 1,5em; */
line-height : 1,5em;
color : #666;
background : #d9e1e5;
border: 3px solid #d9e1e5;
/* box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888; */
-moz-box-shadow:0 0 22px #111;
-webkit-box-shadow:0 0 22px #111;
box-shadow:0 0 22px #111;

}

h3 {
margin : 1px 0 1px 0;
font : bold 16px Trebuchet MS, verdana, arial, tahoma, sans-serif;
color : #1a068f;
background : transparent;
}


h4 {
margin : 1px 0 1px 0;
font : bold 18px/20px Trebuchet MS, verdana, arial, tahoma, sans-serif;
color : #1a068f;
background : inherit;
}
h5 {
margin : 1px 0 1px 0;
font : bold 26px/28px Trebuchet MS, verdana, arial, tahoma, sans-serif;
color : #1a068f;
background : inherit;}


#footer {
clear : both;
padding : 5px;
margin-top : 5px;
font-size : 0.8em;
font-weight: bold;
color : #bbd2e0;
background : #6e6a5a;
width:870px;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #808080 ;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #6633CC;
}


.accordionButton {	
	width: 700px;
	font : 14px/18px "Trebuchet MS", verdana, arial, tahoma, sans-serif;
	margin-left:50px;
	padding-right:10px;
	padding-left:10px;
	background: transparant;
	
	cursor: pointer;
	}
	
.accordionContent {
	color:#000;
	font : 14px/18px "Trebuchet MS", verdana, arial, tahoma, sans-serif;
	margin-left:50px;
	width: 700px;
	padding: 10px;
	background: #95B1CE;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: yellow;
	}
	
.over {
	background: #CCCCCC;
	}