/* Below we import two fonts using Google's font api 
The two fonts are "Libre Baskerville" and "Julius Sans" */
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville|Julius+Sans+One);


/* Zeros out any default margins and paddings that a web browser 
might add to major elements. By default, h1,h3,...,h6 have top and bottom margins.
Removing default padding and margin a common practice to make page more compact. */
html, body, h1, h2, h3 {
	padding: 0;
	margin: 0;
}
h1{
text-align:center;
border:1px dashed #333;
background: #A9A9A9;
font-size: 4em;
padding-bottom: 25px;
padding-top:25px;
margin-bottom: 55px;
}

h2{
padding: 0;
margin:0;
font-size: 2.5em;
font-family: 'Century Gothic',sans-serif;
font-weight:bold;
text-align:center;

}

h3{
padding: 0;
margin:0;
font-family: 'Century Gothic',sans-serif;
text-align:center;

}

/* Makes the body background black and established the main font 
If Libre Baskerville is not supported, the font will be a basic sans-serif 
We also reduce the font size by 80%
The default font is pretty big 16px*/
body {
	background-color:white;
	color: black;
	font-family: 'Century Gothic', sans-serif;
	font-size: 12pt;
	width: 800px;
	margin: 20px auto;
	padding: 20px;

}

div.footers{
background:lightblue;
font-size: 0.6em;
text-align:center;
margin: 20px, 40px, 20px;
padding: 30px 20px 25px;
}

ul{
list-style-type: none;
text-align:left;
background-color: lightblue;


}

li{
border: 1px solid #333;
padding-top:15px;
padding-bottom:15px;
}

header, footer{
	background-color: lightblue;
	color: black;
	padding: 10px;	
	text-align: center;
	clear: both;
}
div.labels{
font-weight: bold;
text-align:left;




}



}