@charset "utf-8";
html {
	overflow:scroll;
	overflow-x:hidden;
	overflow-y: scroll;
}
			
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #BCCFDA;
	margin: 0;
	padding: 0;
	color: #000;
}

.container {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 800px;
	background-color:#fff;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #400080;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #64AB29;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

h1 {
	font-size:26px;
}

h2 {
	 font-size:21px;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;
}