@charset "UTF-8";
/* CSS Document */

html, body { background: url(images/typebackground.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	margin: 0;
}

.clear {clear: both;}

 
#container {

	width: 80%;
	height:auto;
    max-width:960px;
    padding:20px 15px; 
    margin:0 auto;
    position: relative;   
    background-color: rgba(82,0,1,.7);
    min-height:100%;
}

#header {
	background: url(images/clouds.gif);
	background-size: cover;
	position: relative;
	height:250px;
	width:100%;
	background-color: rgba(0,0,0,.7);
	margin: 0 auto;
	text-align: center;
	
}

#header img {background-color:rgba(0,0,0,0); margin: 0 auto; width: 100%; float:none;}

#leftcolumn {
	position: relative;
	float: left;
	width:50%;
	height: auto;
	background-color:rgba(0,59,8,1.00);
	
}

#leftcolumn p {
	background: url(images/peanuts.gif);
	background-size: cover;
	font-family:'georgia', serif;
	font-size:16px;
	padding: 20px;
	margin: 0;
	color:#FF7600;
	letter-spacing:1px;
	height: auto;
	
}


#leftcolumn p img {float: left; height: 75px; width: 75px;}

#middlecolumn {
	position: relative;
	float: left;
	width:50%;
	background-color:rgba(0,21,93,1.00);
	
}

#middlecolumn p {
	background: url(images/peanuts2.gif);
	background-size: cover;
	font-family:'georgia', serif;
	font-size:16px;
	padding: 20px;
	margin: 0;
	color:#698B69;
	letter-spacing:1px;
	height: auto;
}

#middlecolumn p img {float: left; height: 75px; width: 75px;}

#rightcolumn {
	position: relative;
	float: left;
	font-family:'arial', sans-serif;
	font-size:30px;
	color:#698B69;
	letter-spacing:1px;
	width:100%;
	background-color:#555;
	
}

#rightcolumn p {
	
	font-family:'georgia', serif;
	font-size:16px;
	padding: 20px;
	margin: 0;
	color:#E1FBAF;
	letter-spacing:1px;
}

#rightcolumn p img {float: left; height: 75px; width: 75px;}

#footercolumn {
	position: relative;
	float: left;
	width:100%;
	background-color:beige;
	
}

#footercolumn p {
	font-family:'georgia', serif;
	font-size:16px;
	padding: 20px;
	margin: 0;
	color:#698B69;
	letter-spacing:1px;
	
}

#footercolumn p img {float: left; height: 75px; width: 75px;}

span.bold { 
	color:rgba(13,175,0,1.00);
	font-weight: bold;
	font-style: italic;

}


@media all and (min-width: 602px) and (max-width: 800px) {
	
	
	#container {font-size: 30px;}
	#leftcolumn { width: 50%;height:auto;}
	#leftcolumn p {height:auto;}
	#middlecolumn { width: 50%; height:auto;}
	#middletcolumn p {height:auto;}
	#rightcolumn { width: 50%;float: left;}
	#footercolumn { width: 50%;float: left;}
	
	span.bold { font-size: 15px;}
	

	}


@media all and (max-width: 601px) {
	
span.bold {}
	
#container {font-size: 20px; width: 95%; padding:0;margin: 0 auto;}
	
#leftcolumn { width: 92%;float: none;margin: 0 auto; padding: 0;}
#leftcolumn p { font-size: 18px;margin: 0; height:auto;}

#middlecolumn { width: 92%; float: none;margin: 0 auto;padding: 0;height: auto;}
#middlecolumn p { font-size: 18px; margin: 0; height: auto;}
	
#rightcolumn { width: 92%;float: none; margin: 0 auto;padding: 0;height: auto;}
#rightcolumn p { font-size: 18px;margin: 0;}
	
#footercolumn { width: 92%;float: none; margin: 0 auto;padding: 0;height: auto;}
#footercolumn p { font-size: 18px; margin: 0;}
	
	span.bold { font-size: 12px;}
	
}



@media all and (max-width: 480px) {
	
span.bold { }
	
	#container {font-size: 12px;}
	#copybox {

	font-size:9px;
	color:#483D8B;
	
	}
}