@charset "UTF-8";
/* CSS Document */

/* ### Fold Outs ###*/

.foldout{
	max-height:55px; /*----------------------------------------    sets the resting height of the content area*/
	width:90%;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:12px;
	border: none;
	border-radius:2px;
	overflow: hidden; /*---------------------------------------  hides the text outside of the div------*/
	background-color:#e4e4e4;  /*----------------------------------sets the resting background color----*/
	
/* ------------  below are the actual transition functions for each browser ---------------------------------*/
	transition: max-height 2s, background-color 2s;
	-moz-transition: max-height 2s, background-color 2s;        /* Firefox 4 */
	-webkit-transition: max-height 2s, background-color 2s;     /* Safari and Chrome */
	-o-transition: max-height 2s, background-color 2s;          /* Opera */
}
.foldout p{
	margin: 12px 15px 15px 15px; /*gives the text a little elbow room*/
	font-family: Century Gothic;
	font-size: 15px;
	line-height: 28px;
	font-weight: normal;
	color: #000000;
}
.foldout:hover{
	background-color:white; /* Transition-to when hovered */
	max-height:3500px;      /* this value must be set for this to work could be 1000 100000 1000000 */
	font-family: Century Gothic;
	font-size: 15px;
	line-height: 28px;
	font-weight: normal;
	color: #000000;

}