body { margin:0;
        background-color: #ffffff;}

header, nav, main, footer { display: block;}

#container { width: 1200px;
			margin-left: auto;
           	margin-right: auto;
			background: #FFFFFF;
			text-align: left;
			margin: 0 auto; 
			display: block;}
header { margin: -1% 0 0 0;
        	background-color: #ffffff;}			
#background-img { width: 100%;
	height: auto;
	border-style: none;
	position: relative;}
	
main {	float: left;
		background-color: #ffffff;
		   margin-left: 2%;
		   margin-right: 10%;
           width: 50%;
		   display: block;}	
		   
sidebar { float: right;
            width: auto;
			margin-right: 10%;
			clear: left;}	
	
img { max-width: 100%;
    height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000099; }
p a { 	text-decoration: none;
		color: #000099; 
		font-size: 1em; 
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;}
#ctr { text: center;}
h1  { display: block;
		font-family: Arial, Tahoma, sans-serif;
		color: #33b2ff;
		text-align: center;
		font-size: 1.6em;
		white-space: normal;
		text-shadow: 1px 1px 1px #000000;}
nav { display: inline;
		font-family: "Times New Roman", Georgia, sans-serif;
		font-size: 1em;
		padding: 4px;
		color: #000099;}
.contact { font-weight: bold;
	   font-size: 1em;
 	   font-family: Arial, Helvetica, sans-serif;
	   text-align: center;
	   color: #000000;
	   padding-top: 1em;}
footer { position: inline;
		margin: 4%;
		clear: both;}
		
@media only screen and (max-width: 640px) {

header { font-size: 1.2em;    
		text-align: center;}
		
#background-img { display: none;}	

h1  { display: block;
		margin-top: 4%;
		font-family: Arial, Tahoma, sans-serif;
		color: #33b2ff;
		text-align: center;
		font-size: 1.6em;
		white-space: normal;
		text-shadow: 1px 1px 1px #000000;}

#container { width: 1200px;
			margin-left: auto;
           	margin-right: auto;
			background: #FFFFFF;
			text-align: left;
			margin: 0 auto; 
			display: block;}
			
main {	float: left;
		background-color: #ffffff;
		   margin-left: 3%;
		   margin-right: 5%;
           width: 100%;
		   display: block;}	
sidebar { float: left;
            width: auto;
			margin-right: 10%;
			clear: left;}
.contact { font-weight: bold;
	   font-size: 1em;
 	   font-family: Arial, Helvetica, sans-serif;
	   text-align: center;
	   color: #000000;
	   padding-top: 1em;}
 
footer { display: inline;
		position: absolute;
		margin: 2%;
		clear: both;}	
}

@media only screen and (max-width: 480px) {

header { font-size: 0.8em;    
		text-align: center;}
		
#background-img { display: none;}	

h1  { display: block;
		margin-top: 4%;
		font-family: Arial, Tahoma, sans-serif;
		color: #33b2ff;
		text-align: center;
		font-size: 1.2em;
		white-space: normal;
		text-shadow: 1px 1px 1px #000000;}

#container { width: 100%;
			background: #FFFFFF;
			margin: 0 auto;
			margin-left: 2%;
			border: none;
			text-align: left;
			display: block; }

main { 	margin-left: 2%;
		margin-right: 3%;
		width: 100%;
		display: block;
        background-color: #ffffff;}	
sidebar { float: left;
            width: auto;
			margin-right: 10%;
			clear: left;}		 
.contact { font-weight: bold;
	   font-size: 0.8em;
 	   font-family: Arial, Helvetica, sans-serif;
	   color: #000000;
	   text-align: center;
	   padding-top: 1em;}

footer { display: inline;
		position: absolute;
		margin: 2%;
		clear: both;}	
}	

@media only screen and (max-width: 200px) {

main { font-size: 0.8em; 
		width: 100%;
		margin-left: 2%;
		margin-right: 3%;}

img { display: none;}	

h1  { margin-top: 1%;
        font-size: 0.8em;
        color: #000000;
		text-align: center;
		text-shadow: none;}
 	
footer { margin: 2%;
		clear: both;}	

}