/* CSS Document */

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

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

ul, li {
	text-align: left; 
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

h1 {
    color: #000;
	text-align: left;
	font-size: 55px; 
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

h2 {
	color: #000;
	text-align: left;
	font-size: 40px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
h3 {
	color: #0074C8;
	text-align: left;
	font-size: 30px; 
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

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

ul {
	font-size: 18px;
}

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

.header {
	text-align: center;
}
.small {
	font-size: 15px;
}

/* 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; }
.center { 
	margin: 0; float: center; 
}
img {
	margin: .8em;
}
 
.social-share-facebook {
  background: transparent url(images/facebook.png) no-repeat;
  display: block;
  float: left;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
}

.social-share-twitter {
  background: transparent url(images/twitter.png) no-repeat;
  display: block;
  float: left;
  height: 32px;
  width: 32px;
  text-indent: -9999px;
}