body {
	width: 80%;

	padding-left: 10%;
	padding-right: 10%;
	background-color:#dedede;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
height: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 1em;
margin-bottom: 1em;

}
#content {
background-color:#FFFFFF;
margin: 0;
width: 100%;

}

#header {
background-color:#3882C7;
border:1px solid #202020;
color:#FFFFFF;

height: 5.2em;
padding-top: 1em;
padding-left:2em;
}
#header h1
{
line-height: 0;
}

#footer {
border:1px solid #202020;
padding:0.5em;
text-align:right;

background-color: #3882C7;
color: #FFFFFF;
}
#center {
border:1px solid #202020;
border-bottom:0;
border-top:0;
color:#000;
padding:1.5em;
}


a {
color:blue;
}
a:visited
{
color:navy;
}

p
{
	margin-left: 1em;
}

#flags
{
	position: absolute;
	top: 6.4em;
	right: 1em;
}



@media only screen and (max-width: 800px) {
	body {
		margin: 0;
		padding: 0;
		font-size: 1em;
		width: 100%;
		
	}
	img {
		max-width: 100%;
	}
	
		#content {
		margin: 0;
		padding: 0;

		width: 100%;

	}
	
	#header {
		height: auto;
		padding: 3%;
		border: 0;
		
	}
	#header h1 {
		line-height: normal;
        font-size: 1.5em;
	}

	
	#center {
		padding: 0.5em;
		border: 0;
		word-wrap: break-word;
	}
	#footer {
		border: 0;
	}
	
	p {
		margin-left: 0;
	}
}