	
<style type="text/css">
	@import "friends.css";

body {
		font-family: Georgia;
 		font-size: 16px; 
		font-style: normal; margin: 0; 
		padding: 0; 
		background-color: #FFFFFF; 
		margin:10px 10px 0 10px;
		padding:0;
		}
	
	#leftcontent {
		/*position: absolute;*/
		/*left:10px;*/
		left:30px;
		/*top:145px;*/
		/*width:160px;*/
float:left;
width:15%;
margin-left: 20px;
		background:#fff;
		/*background-color: #00CCCC;*/
		/*border-right: 2px outset #eee;*/		
		}

	#centercontent {
		background:#fff;   		
		/*margin-left: 199px;
   		margin-right:auto			
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
   		margin-right:41px;*/
width: 75%;
padding-left:20px;

}



         
.photo { 
border:1px solid #BFBFBF;
margin: 5px;
padding:5px;}	
	
	html>body #centercontent {
   		margin-left: 201px;
   		margin-right:auto;
		}
		
	#banner {
		/*background:#00CCCC;*/	
				
		/*border-bottom: 2px outset #eee;*/		
		voice-family: "\"}\"";
		voice-family: inherit;
		height:130px;
		}
	html>body #banner {
		height:150px;
		}
			
			
	ul, ol{
		line-height: 1.5;
	}
		
	#banner h1 {
		/*font-size:28px;*/
		font-size:200%;
		color:#00a1b1;
		padding:0px 10px 0 10px;
		margin:0;
		}	
	
.adbox { 
	line-height: 20px;
	text-align: center;
	font-size:100%	
	padding: 4px; 
	margin: 0 0 10px 0;	
	border: 2px solid #66CCCC;	
}

.adbox1 { 		
	text-align: center;
	padding: 6px 6px 0px 6px; 
	margin: 0 0 10px 0;
	font-size: 70%;
}
.adbox2 { 		
	text-align: center;
	padding: 6px 2px 0px 6px; 
	margin: 0 0 10px 0;
	font-size: 70%;
}		

a:link {
	color: #0084A5/*teal*/;
	font-weight: 500;
}
 a:visited {
	color: #0084A5/*teal*/;
	font-weight: 500;}
a:hover {
	color: maroon;
	font-weight: 600;
} 
#leftcontent ul { 
	list-style: none; 	
	margin: 10px 6px 0 15px; 
	padding-left: 0;  
	width: 150px;	

}
#leftcontent li { 	
	font-size: 14px;
	color: #000;
	margin-bottom: 0.3em; 
	border-bottom: 1px solid #E7AFAF;	 
	text-decoration: none; 
	
} 
#leftcontent a:link {
	text-decoration: none;	
	color: #000;
	background-color: transparent; 
}

#leftcontent a:visited {
	text-decoration: none;	
	color: #0084A5/*teal*/;
	background-color: transparent; 
}

 
#leftcontent a:hover { 
	text-decoration: none;	
	color: maroon;
	
}

 
hr { 
	border: none;
	background-color: #ADD8E56;
	color:#ADD8E56;
	height: 1px dotted; 
	width: 100%;
	margin-left:0;
	
}
.leftimg { 
	float: left;	
	margin: 0 10px 0 0;
	padding: 0 30px; 
}

/*#footer {	
	margin-left: 16em;
	width: 70%;
	font-size: 70%;
	font-color: #000000;
	bakcground-color: transparent;

}*/

#footer {
	clear: both;
	font-size:80%;
	color: #fff;
	background-color:#00a1b1;
	
	padding:1px;
}
#footer a:link {
	/*text-decoration: none;*/	
	color: #fff;
	background-color: transparent; 
}

#footer a:visited {
	/*text-decoration: none;*/	
	color: #fff.;
	background-color: transparent; 
}

 
#footer a:hover { 
	text-decoration: none;	
	color: maroon;
	
}

p.header, p.special {	
	font-style: normal;	
	color: #fff;
	background-color:#00a1b1;
	margin-top: 0;
	padding:15px 0;
}
</style>