/*This block removes any default margins or padding from all of the block level elements so that this properties can be added in deliberately.*/
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, blockquote, form {
	margin:0;
	padding:0;
}

body {
	font-family:trebuchet,verdana,arial,sans-serif;
	font-size:75%;
	background-image: url(collage-tmb.jpg);
	background-color: #993300;
	text-align: center;
}

a:link, a:visited { 
	color:#C80000; 
	text-decoration:underline; 
} 


a:active { 	
	color:#CCCCCC; 
	text-decoration: underline; 
} 

a:hover { 
	color:#FF9933; 
	text-decoration:underline;
}

#wrapper {
	text-align:center;
	margin: 4em;
}

#container {
	background-color:#FFFFFF;
	width:80%;
	text-align: left;
	padding: 2em;
	}

h1 {
	font-size:140%;
	margin-bottom: 1em;
}

h2 {
	font-size:120%;
	margin-bottom: 2em;
	text-align: center;
	margin-top: 2em;
}

p {
	margin-bottom:1em;
}



#copyright {
	color:#666666;
	font-size:90%;
	font-weight:normal;
	text-align:right;
	margin:3em 0 1em 0;	
	clear:both;
}

.quoteblock {
	font-style:italic;
	margin-left:3em;
	margin-right: 1em;
}



/* ~~~~~~~~~~~~~~~~~~~~~ */

/* Breadcrumb Navigation  */

#topnav {
	background-color:#333333;
	color:#787878;
	padding:.5em 0 .7em 85px;
	font-size:95%;
	border-bottom:2px solid #999999;
	text-align:center;
	clear: both;
}

#topnav a:link, #topnav a:visited { 
	color:#D2D2D2; 
	text-decoration:none;
	border-bottom:1px dotted #999999;
} 

#topnav a:active { 
	color:#CCCCCC; 
	text-decoration:none;
} 

#topnav a:hover { 
	color:#FFFFFF; 
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
}

#topnav #bloglink {
	width: 75px;
	font-size:90%;
	text-align:right;
	float: right;
	margin-right: 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~ */