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

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

#container { width: 60em;
			margin-left: auto;
           	margin-right: auto;
			background: #ffffff;
			border: 1px solid #055b86;
			text-align: left;
			margin: 0 auto; 
			display: block;}

.floatleft {clear: both;}
		  
h1 { font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;}

h2 { 	font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		text-align: left;}
		
h3 { color: #000000;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
	font-weight: bold;} 	

#sidebar { float: left;
		width: 4em;
		margin-left: 1%}
		  
main {	background-color: #ffffff;
		   margin-left: 12%;
		   margin-right: 4%;
		   width: auto;
		   display: block;}	
			 
p a { 	text-decoration: none;
		font-size: 1em; 
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;}
p.b {   font-style: italic;}		
 		 
#rt { text-align: right;}	
#lft { text-align: left;}	
#ctr { text-align: center;}		

p { font-family: Verdana, Arial, Helvetica, sans-serif;}

.alignleft {	float: left;}
.alignright {	float: right;}   
		
footer { clear: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		margin: 5%;}	 
}	
		 
@media only screen and (max-width: 1024px) {
	
body { background-image: none;
	background-color: #ffffff;
	margin: 0;}
	
#container { width: auto;
			margin-left: auto;
           	margin-right: auto;
			background: #ffffff;
			border: none;
			text-align: left;
			margin: 0 auto; 
			display: block;}

.floatleft {clear: both;}
		  
h1 { font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;}

h2 { 	font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		text-align: left;}
		
h3 { color: #000000;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
	font-weight: bold;} 	

#sidebar { float: left;
		width: 3em;
		margin-left: 1%}
		  
main {	background-color: #ffffff;
		   margin-left: 10%;
		   margin-right: 4%;
		   width: auto;
		   display: block;}	
			 
p a { 	text-decoration: none;
		font-size: 1em; 
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;}
 		 
#rt { text-align: right;}		

p { font-family: Verdana, Arial, Helvetica, sans-serif;}

.alignleft {	float: left;}
.alignright {	float: right;}   
		
footer { clear: left;
		margin: 5%;}	
}	
			 
@media only screen and (max-width: 800px) {
	
body { background-image: none;
	background-color: #ffffff;
	margin: 0;}
	
#container { width: auto;
			margin-left: auto;
           	margin-right: auto;
			background: #ffffff;
			border: none;
			text-align: left;
			margin: 0 auto; 
			display: block;}

.floatleft {clear: both;}
		  
h1 { font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-align: left;}

h2 { 	font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		text-align: left;}
		
h3 { color: #000000;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
	font-weight: bold;} 	

#sidebar { float: left;
		width: 3em;
		margin-left: 1%}
		  
main {	background-color: #ffffff;
		   margin-left: 10%;
		   margin-right: 4%;
		   width: auto;
		   display: block;}	
			 
p a { 	text-decoration: none;
		font-size: 1em; 
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;}
 		 
#rt { text-align: right;}		

p { font-family: Verdana, Arial, Helvetica, sans-serif;}

.alignleft {	float: left;}
.alignright {	float: right;}   
		
footer { clear: left;
		margin: 4%;}		
}	

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

body { background-image: none;
	background-color: #ffffff;
	margin: 0;}
	
#container { width: auto;
			margin-left: auto;
           	margin-right: auto;
			background: #ffffff;
			border: none;
			text-align: left;
			margin: 0 auto; 
			display: block;}

.floatleft {clear: both;}
		  
h1 { font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-align: left;}

h2 { 	font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;}
		
h3 { color: #000000;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
	font-weight: bold;} 	

#sidebar { float: left;
		width: 3em;
		margin-left: 1%}
		  
main {	background-color: #ffffff;
		   margin-left: 10%;
		   margin-right: 4%;
		   width: auto;
		   display: block;}	
			 
p a { 	text-decoration: none;
		font-size: 0.8em; 
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;}
 		 
#rt { text-align: right;}		

p { font-family: Verdana, Arial, Helvetica, sans-serif;}

.alignleft {	float: left;}
.alignright {	float: right;}   
		
footer { clear: left;
		margin: 2%;}			
}

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

body { background-image: none;
	background-color: #ffffff;
	margin: 0;}
	
#container { width: auto;
			margin-left: auto;
           	margin-right: auto;
			background: #ffffff;
			border: none;
			text-align: left;
			margin: 0 auto; 
			display: block;}

.floatleft {clear: both;}
		  
h1 { font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-align: left;}

h2 { 	font-family: Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		font-weight: bold;
		text-align: left;}
		
h3 { color: #000000;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
	font-weight: bold;} 	

#sidebar { float: left;
		width: 2em;
		margin-left: 1%}
		  
main {	background-color: #ffffff;
		   margin-left: 10%;
		   margin-right: 4%;
		   width: auto;
		   display: block;}	
			 
p a { 	text-decoration: none;
		font-size: 0.8em; 
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;}
 		 
#rt { text-align: right;}		

p { font-family: Verdana, Arial, Helvetica, sans-serif;}

.alignleft {	float: left;}
.alignright {	float: right;}   
		
footer { clear: left;
		margin: 2%;}		
}	

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

body { background-image: none;
	background-color: #ffffff;
	margin: 0;}
	
#container { width: auto;
			margin-left: auto;
           	margin-right: auto;
			background: #ffffff;
			border: none;
			text-align: left;
			margin: 0 auto; 
			display: block;}

.floatleft {clear: both;}
		  
h1 { font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;}

h2 { 	font-family: Arial, Helvetica, sans-serif;
		font-size: 0.4em;
		font-weight: bold;
		text-align: left;}
		
h3 { color: #000000;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
	font-weight: bold;} 	

#sidebar { float: left;
		width: 2em;
		margin-left: 1%}
		  
main {	background-color: #ffffff;
		   margin-left: 10%;
		   margin-right: 4%;
		   width: auto;
		   display: block;}	
			 
p a { 	text-decoration: none;
		font-size: 0.8em; 
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;}
 		 
#rt { text-align: right;}		

p { font-family: Verdana, Arial, Helvetica, sans-serif;}

.alignleft {	float: left;}
.alignright {	float: right;}   
		
footer { clear: left;
		margin: auto;}		
}