body { 
	background-color: rgb(157, 149, 140); 
	background-image: url(mountvernon.jpg);
	background-repeat: no-repeat;   
	background-position: center; 
	background-attachment: fixed; 
	padding: 45px 55px 55px 45px; 
	margin: 0; 
	} 


#wrapper { 
	width: 750px; 
	margin: 0 auto; 
	}


h1 { 
	font-size: 45pt; 
	font-family: 'Calligraffitti', cursive;
	text-align: center; 
	} 

h2 { 
	font-size: 30pt; 
	font-family: 'Calligraffitti', cursive;
	padding: 0; 
	margin: 0; 
	text-align: center;
	} 


h3 { 
	font-family: 'Calligraffitti', cursive;
	text-align: center;
	} 

#header {   
	margin: auto; 
	padding: 10px 40px 10px;  
	} 

#logo { 
	float: left;
	margin: 0; 
	padding: 0;  
	}


#content {  
	background-color: rgb(205,192,176);
	background-color: rgba(205, 192, 176, 0.6); 
	font-family: 'Junge', serif;
	margin: auto; 
	text-align: left;
	padding: 10px 40px 10px;
	border: 1px solid black; 
	width: 75%; 
	float: right; 
	} 
	

#content a { 
	text-decoration: none; 
	font-weight: bold; 
	color: rgb(64, 64, 64); 
	}

#content a: visited {
	color: rgb(202, 72, 48);
	}

blockquote {
	background-color: rgb(202, 72, 48);
	border: 2px groove black;
	padding: 5px; 
	font-family: 'Junge', serif;
	line-height: 1.5em; 
	font-size: 14pt; 
	text-align: center; 
	} 

ol, ul, li{ 
	list-style-type: square;
	text-align: left; 
} 


#nav { 
	padding: 10px 40px 10px;    
	text-align: center;
	background-color: rgb(157, 149, 140);  
	margin: 20px 0px 20px;  
	border: 1px solid black;  
	}

#nav a {
	font-family: 'Junge', serif;
	text-decoration: none; 
	font-weight: bold; 
	font-size: 15pt; 
	margin: 0px 30px 0px;  
	display: inline; 
	padding: 20px 23px 20px 23px; 
	color: black; 
	}

#nav ul {
	list-style: none; 
	margin: 0px;   
	padding: 0px; 
	display: inline;  
	}

#nav li {
	display: inline; 
	line-height: 1.8em; 
	font-family: 'Junge', serif;
	} 

#nav ul li a:visited { 
	color: black;  
	padding: 20px 23px 20px 23px; 
	}
	

#nav ul li a:hover { 
	text-decoration: none; 
	color: black; 
	background-color: rgb(202, 72, 48);
	padding: 20px 23px 20px 23px; 
	}


#sidebar 
	{ 
	background-color:  rgb(202, 72, 48);
	background-color:  rgba(202, 72, 48, 0.8);
	width: 15%;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px; 
	text-align: center;
	border: 1px groove black;  
	float: left; 
	font-family: 'Junge', serif; 
	position: relative; 
	padding: 10px; 
	} 

#footer { 
	text-align: center; 
	font-family: 'Junge', serif;
	clear: both; 
	padding: 10px; 
	margin: auto; 
	} 



/*
 * Default styles
 */

/*
 * 300px and wider
 */
@media screen and (max-width: 400px) {
	
	#sidebar,
 	#content,
 	#header,
 	#nav, 
	{
   		float:none;
   		width:auto;
   		display:block;
 }

	h1 { 
		font-size: 25pt; 
		}

	#sidebar{ 
		float: center; 
		}
	
	blockquote {  
		margin: 0px; 
		font-size: 14pt; 
		float: center; 
		text-align: left;
		}
	
	
}


/*
 * 600px and wider
 */
@media screen and (max-width: 550px) {

	
	#sidebar,
 	#content,
 	#header,
 	#nav {
   		float:none;
   		width:auto;
   		display:block;
 }

	h1 { 
		font-size: 25pt; 
		}

	#sidebar{ 
		float: center; 
		}
	
	blockquote {  
		margin: 0px; 
		font-size: 14pt; 
		float: center; 
		text-align: center;
		}

	
	
} 


/*
 * 
 */
@media screen and (max-width: 800px) {

	#sidebar,
 	#content,
 	#header,
 	#nav {
   		float:none;
   		width:auto;
   		display:block;
 }

	#logo { 
		float: left; 
		}
	h1{ 
		font-size: 25pt; 
		}

	#sidebar{ 
		float: center; 
		}
} 


/*
 * 
 */
@media screen and (max-width: 1300px) {

	#sidebar, 
	#content, 
	#nav {
		width: auto;  
		float: none; 
		display: block; 
		margin: 10px; 
		}

	#header { 
		width: 75%; 
		}


	#nav a { 
		font-size: 10pt; 
		text-align: left; 
		}

}