/*************************************************************************
http://www.sitepoint.com/css3-vertical-accordion-using-target-selector/
*************************************************************************
How to Create a CSS3-Only Vertical accordion Using the :target Selector/
/*************************************************************************
	
*************************************************************************/
article.accordion
{
	display: block;
	width: 800px;
	padding: 5px;
	margin: 0 auto;
	background-color: transparent;
	border: 2px solid #1A4B9D;
	border-radius: 0px;
	box-shadow: 3px 3px 3px rgba(40, 89, 215, 1);
	}

article.accordion section
{
	display: block;
	width: 770px;
	height: 2em;
	padding: 0 5px;
	margin: 0 0 0.5em 0;
	color: #1A4B9D;
	background-color: transparent;
	overflow: hidden;
	border-radius: 3px;
}

/*************************************************************************
The section title is now styled to use all the available room in the closed state:
*************************************************************************/
article.accordion section h2
{
	font-size: 24px;
	font-weight: bold;
	width: 100%;
	line-height: 2em;
	padding: 0;
	margin: 0;
	color: #1A4B9D;
}

article.accordion section h2 a
{
	display: block;
	line-height: 150%;
	text-decoration: none;
	color: #1A4B9D;
	outline: 0 none;
	
	
}

  
/*************************************************************************
We can now ‘open’ the active section using the :target selector. We set a larger height and background color, then enlarge and re-color the title too:
#E9E6F1
*************************************************************************/
article.accordion section:target
{
	height: auto;
	background-color: #ffffff;
}

article.accordion section:target h2
{
	font-size: 18px;
	color: #1A4B9D;
}
/*************************************************************************
If necessary, you can set the section height to auto so it uses the minimum space it requires. However, that makes it impossible to add nice CSS3 transitions which smoothly resizes the element…
*************************************************************************/

article.accordion section,
article.accordion section h2
{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}