/* CSS Document */

/* Wrapper contains the layout */
#wrapper{
  width:40em;
  background-color: #fff;
/* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
   margin: 20px auto 0 auto;
}

h1{ 
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:  55px;     
	text-align: center;
}

h2{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 40px;     
	text-align: center;
}

h3{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 30px;     
	text-align: left;
	font: bold;
}

h4{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 23px;     
	text-align: center;
	font: bold;
}

body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;     
	text-align:justify;
}

.listen {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-left: 25em;
}
.indent {
	margin-left: 2em;
}

/* Captioned images */ 
.picture { 
	background-color: #F9F9F9; 
	border: 1px solid #CCCCCC; padding: 3px; 
	font: 15px Arial, sans-serif;
	text-align: center } 
.picture img { 
	border: 1px solid #CCCCCC; 
	vertical-align:middle; margin-bottom: 3px; } 
.right { 
	margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { 
	margin: 0.5em 0.8em 0.5em 0; float:left; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img {
   width:100%;
   border:none;
}