/* 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:  50px;     
	text-align: center;
}

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

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

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

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

body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 16px;     
	text-align:justify;
}
img {
	margin: .8em;
}

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

/* Captioned images */ 
div.captionpic {
   width:9em;
   padding:0.25em;
   margin:0.25em 0.25em 0 0;
   float:left;
   border:solid 1px #000;
   font-family: "Times New Roman", Times, serif;
   font-style:italic;
   font-size:0.5em;
   color:#555;
   text-align:center; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img {
   width:100%;
   border:none;
}