body {
 padding: 20px 20px 100px 20px;
 text-align:center;
 font-family: Verdana, Geneva, sans-serif;
 background-color: #eee;
 color: #666;
}

/* container for placing the site in the middle of a window */
#wrapper {
 margin: 0 auto;
 width: 800px;
 text-align:left;
 padding: 10px;
 background-color: #fff;
 -moz-box-shadow: 2px 2px 15px 2px #6a6a6a;
 -webkit-box-shadow: 2px 2px 15px 2px #6a6a6a;
 box-shadow: 2px 2px 15px 2px #6a6a6a;
}
#box {
	background-color: #eee;
	margin:20px;
	padding:5px 20px 5px 20px ;;

	border-left-style: solid;
	border-left-width: 30px;
	border-left-color: #8fcc00;
}
audio {
	width: 100%;
	height: 30px;
	color:green;
}

h1 {
	color: #8fcc00;
	font-size: 30pt;
	font-weight: bolder;
		margin:20px;
	padding: 20px;

	background-color: #eee;
	border-left-style: solid;
	border-left-width: 30px;
	border-left-color: #8fcc00;
}
h2 {
	color: #8fcc00;
	font-weight: bolder;
	margin-bottom: 0pt;
}
h3 {
	color: #aaa;
	margin-top: 0pt;
}

p {
	font-size: 10pt;
	text-align: justify;

}
p.referent {
	font-style: italic;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #8fcc00;
}

div.details {
	display: none;
}