/*
 * Accordionza jQuery Plugin
 * Copyright 2010, Geert De Deckere <geert@idoe.be>
 */

/* ABOUT ACCORDION START */

#accordionAbout {
	color:#fff;
	height:300px;
	list-style:none;
	margin:0 auto;
	overflow:scroll;
	padding:0;
	text-shadow:0 1px 0 #333;
	width:984px;
}
#accordionAbout li {
	height:300px;
	position:relative;
}
#accordionAbout .slide_handle {
	background:url('../images/handles/aboutHandle.png');
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:40px;
}
#accordionAbout .slide2 .slide_handle { background-position:-40px 0; }
#accordionAbout .slide3 .slide_handle { background-position:-80px 0; }
#accordionAbout .slide4 .slide_handle { background-position:-120px 0; }
#accordionAbout .slide5 .slide_handle { background-position:-160px 0; }
#accordionAbout .slide_handle div {
	background:url('../images/accordion/graphics/arrows.gif');
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
#accordionAbout .slide_opened .slide_handle { cursor:default; }
#accordionAbout .slide_opened .slide_handle div { background-position:0 -7px; }
#accordionAbout .slide_content {
	bottom:0;
	left:40px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#accordionAbout .slide_content a img { border:0; }
#accordionAbout .slide_caption {
	background:url('../images/accordion/graphics/black-30pct.png'); /* You could use rgba instead, but that means less browser support */
	bottom:0px;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#accordionAbout .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#accordionAbout .slide_caption_toggle div {
	background:url('../images/accordion/graphics/toggle-caption.png') no-repeat 50% -10px;
	height:100%;
}
#accordionAbout .slide_caption_toggle:hover { background:url('../images/accordion/graphics/black-30pct.png'); }
#accordionAbout .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#accordionAbout a {
	background:none;
	color:#e1ecf6;
	font-size:16px;
	text-shadow:0 1px 0 #333;
}
#accordionAbout strong {
	color:#ffffff;
	font-size:16px;
}

#accordionAbout a {
	color:#FF8888;
	font-size:16px;
	font-weight:bold;
}
	
#accordionAbout a:hover { text-decoration:none; }

/* ABOUT ACCORDION FINISH */

/* MEMBERSHIPS ACCORDION START */

#accordionMemberships {
	color:#fff;
	height:300px;
	list-style:none;
	margin:0 auto;
	overflow:scroll;
	padding:0;
	text-shadow:0 1px 0 #333;
	width:984px;
}
#accordionMemberships li {
	height:300px;
	position:relative;
}
#accordionMemberships .slide_handle {
	background:url('../images/handles/membershipsHandle.png');
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:40px;
}
#accordionMemberships .slide2 .slide_handle { background-position:-40px 0; }
#accordionMemberships .slide3 .slide_handle { background-position:-80px 0; }
#accordionMemberships .slide4 .slide_handle { background-position:-120px 0; }
#accordionMemberships .slide5 .slide_handle { background-position:-160px 0; }
#accordionMemberships .slide6 .slide_handle { background-position:-200px 0; }
#accordionMemberships .slide7 .slide_handle { background-position:-240px 0; }
#accordionMemberships .slide_handle div {
	background:url('../images/accordion/graphics/arrows.gif');
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
#accordionMemberships .slide_opened .slide_handle { cursor:default; }
#accordionMemberships .slide_opened .slide_handle div { background-position:0 -7px; }
#accordionMemberships .slide_content {
	bottom:0;
	left:40px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#accordionMemberships .slide_content a img { border:0; }
#accordionMemberships .slide_caption {
	background:url('../images/accordion/graphics/black-30pct.png'); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#accordionMemberships .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#accordionMemberships .slide_caption_toggle div {
	background:url('../images/accordion/graphics/toggle-caption.png') no-repeat 50% -10px;
	height:100%;
}
#accordionMemberships .slide_caption_toggle:hover { background:url('../images/accordion/graphics/black-30pct.png'); }
#accordionMemberships .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#accordionMemberships a {
	background:none;
	color:#e1ecf6;
	font-size:16px;
	
	text-shadow:0 1px 0 #333;
}
#accordionMemberships strong {
	color:#ffffff;
	font-size:16px;
}

#accordionMemberships a {
	color:#FF8888;
	font-size:16px;
	font-weight:bold;
}

	
#accordionMemberships a:hover { text-decoration:none; }

/* MEMBERSHIPS ACCORDION FINISH */

/* SOFTWARE ACCORDION START */

#accordionSoftware {
	color:#fff;
	height:300px;
	list-style:none;
	margin:0 auto;
	overflow:scroll;
	padding:0;
	text-shadow:0 1px 0 #333;
	width:984px;
}
#accordionSoftware li {
	height:300px;
	position:relative;
}
#accordionSoftware .slide_handle {
	background:url('../images/handles/softwareHandle.png');
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:40px;
}
#accordionSoftware .slide2 .slide_handle { background-position:-40px 0; }
#accordionSoftware .slide3 .slide_handle { background-position:-80px 0; }
#accordionSoftware .slide4 .slide_handle { background-position:-120px 0; }
#accordionSoftware .slide5 .slide_handle { background-position:-160px 0; }
#accordionSoftware .slide6 .slide_handle { background-position:-200px 0; }
#accordionSoftware .slide7 .slide_handle { background-position:-240px 0; }
#accordionSoftware .slide8 .slide_handle { background-position:-280px 0; }

#accordionSoftware .slide_handle div {
	background:url('../images/accordion/graphics/arrows.gif');
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
#accordionSoftware .slide_opened .slide_handle { cursor:default; }
#accordionSoftware .slide_opened .slide_handle div { background-position:0 -7px; }
#accordionSoftware .slide_content {
	bottom:0;
	left:40px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#accordionSoftware .slide_content a img { border:0; }
#accordionSoftware .slide_caption {
	background:url('../images/accordion/graphics/black-30pct.png'); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#accordionSoftware .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#accordionSoftware .slide_caption_toggle div {
	background:url('../images/accordion/graphics/toggle-caption.png') no-repeat 50% -10px;
	height:100%;
}
#accordionSoftware .slide_caption_toggle:hover { background:url('../images/accordion/graphics/black-30pct.png'); }
#accordionSoftware .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#accordionSoftware a {
	background:none;
	color:#e1ecf6;
	font-size:16px;
	
	text-shadow:0 1px 0 #333;
}
#accordionSoftware strong {
	color:#ffffff;
	font-size:16px;
}

#accordionSoftware a {
	color:#FF8888;
	font-size:16px;
	font-weight:bold;
}

	
#accordionSoftware a:hover { text-decoration:none; }

/* POLICIES ACCORDION START */

#accordionPolicies {
	color:#fff;
	height:300px;
	list-style:none;
	margin:0 auto;
	overflow:scroll;
	padding:0;
	text-shadow:0 1px 0 #333;
	width:984px;
}
#accordionPolicies li {
	height:300px;
	position:relative;
}
#accordionPolicies .slide_handle {
	background:url('../images/handles/policiesHandle.png');
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:40px;
}
#accordionPolicies .slide2 .slide_handle { background-position:-40px 0; }
#accordionPolicies .slide3 .slide_handle { background-position:-80px 0; }
#accordionPolicies .slide4 .slide_handle { background-position:-120px 0; }
#accordionPolicies .slide5 .slide_handle { background-position:-160px 0; }

#accordionPolicies .slide_handle div {
	background:url('../images/accordion/graphics/arrows.gif');
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
#accordionPolicies .slide_opened .slide_handle { cursor:default; }
#accordionPolicies .slide_opened .slide_handle div { background-position:0 -7px; }
#accordionPolicies .slide_content {
	bottom:0;
	left:40px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#accordionPolicies .slide_content a img { border:0; }
#accordionPolicies .slide_caption {
	background:url('../images/accordion/graphics/black-30pct.png'); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#accordionPolicies .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#accordionPolicies .slide_caption_toggle div {
	background:url('../images/accordion/graphics/toggle-caption.png') no-repeat 50% -10px;
	height:100%;
}
#accordionPolicies .slide_caption_toggle:hover { background:url('../images/accordion/graphics/black-30pct.png'); }
#accordionPolicies .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#accordionPolicies a {
	background:none;
	color:#e1ecf6;
	font-size:16px;
	
	text-shadow:0 1px 0 #333;
}
#accordionPolicies strong {
	color:#ffffff;
	font-size:16px;
}

#accordionPolicies a {
	color:#FF8888;
	font-size:16px;
	font-weight:bold;
}
	
#accordionPolicies a:hover { text-decoration:none; }

/* POLICIES ACCORDION FINISH */