h1	{ font-size: 220%; 
	text-align: center;
	padding: 5% 0 0 0%; }

h3	{ font-size: 100%; 
	text-align: center;
	padding: 0 0 0 0%; }



h4	{ font-size: 120%; 
	text-align: center;
	padding: 0 0 0 0%; }

h2	{ font-size: 80%; 
	text-align: center;
	padding: 0 0 0 0%; }

h5	{ font-size: 100%; 	
	text-align: left;
	padding: 0% 0 0 0%; }

h6	{ font-size: 100%;
	padding: 0% 5% 0 0%;
	text-align: right;	}

a	{color: blue; 
	padding: 0 0 0 0%; 
	}
span  { font-size: 90%; 
	font-family: "Times New Roman", Garamond, Times, serif;
	font-style: italic;

	color: blue;	
	text-align: left;
	padding: 0% 0 0 0%; }
	
strong   { font-family: "comic sans MS", serif; 
	font-size: 110%;
	color: #00008B; }

#container   { width: 99%; 

	border: solid 8px; 
	border-color: #00008B; 
	 }

#masthead  { width: 98%;
	border: solid 8px; 
	border-color: #00008B;
	background: blue;
	color: white; 
	 
	padding: 0% 0% 15% .5%;
	text-align: left; }

#image        { position: absolute; 
	
	top: 12%; 
	right: 6%; 
		}
#image2        { position: absolute; 
	top: 12%; 
	left: 6%; 
		}


#main2          { float: left; 
	width: 99%;
	background: white;
	font-size: 85%;
	text-align: justify;
	padding: 1.2% 5% 3% 5%; 
	width: 90%; 
	font-family: ariel, helvetica, sans-serif; 
				}







#footer          { clear: both; /* starts the footer below the floated content */
	background: #D3D3D3;
	padding: .2% 0% 0% 2%; 
	font-size: 75%; 
	color: black; 
	 }