/* *ALL* accordions must specify a width for their content panels. Here, we
 * are overriding the default content panel height (200px) to be something else.
 */

#Acc2 .Content {
	height: 300px;
	background-color:#fff;
}


/* Specifying the width of an accordion is optional. If not specified, it will expand horizontally as much as it can. */

#Acc2 {
	width: 80%;
	margin: 10px 10%;
}

span.AccordionPanelContent {
	display: block;
}

/* Here's an example of an accordion Aqua Gradient theme that uses
 * different class names from the ones used in SpryAccordion.css,
 * to style the different parts of the accordion.
 */
.AquaAccordion {
	border-left: solid 1px gray;
	border-bottom: solid 1px gray;
	overflow: hidden;
}

.AquaAccordion .Tab {
	height: 24px;
	background-image: url(../img/aqua-gradient.gif);
	background-repeat: repeat-x;
	background-color: #333;
	border-top:solid 1px #999;
	color:#ccc;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AquaAccordion .Content {
	overflow: auto;
	margin: 0px;
	padding: 0 10px;
	text-align:left;
	background-image: url(../img/gray-gradient.gif);
	background-repeat: repeat-x;
	color:#333;
}

.AquaAccordion .hover {
	/*
	background-image: none;
	background-color: #c03;*/
	background-image: url(../img/aqua-gradient_.gif);
	color: #fff;
}

.AquaAccordion .open {
	/* Add properties here. */
	background-image: url(../img/aqua-gradient_.gif);
	color: #fff;
}

.AquaAccordion .closed {
	background-color: #fFF;
	/* Add properties here. */
}

.AquaAccordion .Tab .focused {
	color: #fff;
	/* Add properties here. */
}

.Content p { 
	padding: 20px 40px;
}