a:link {color:#000000;}

a:visited {color:#990099;}

a:hover {color:#666666;}

a:active {color:#666666;}

/* footer link tags */

#footer a:link {
	color: #000000;
	text-decoration: none;
}

#footer a:visited {
	color: #000000;
	text-decoration: none;
}

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

#footer a:active {
	color: #000000;
	text-decoration: none;
}

/* Header tags */

	#header h1 {
		font-family: Georgia, Times New Roman, serif;
		font-size: 18pt;
		color: #FFFFFF;
		padding: 20px 20px 0px 20px;
	}

	#navigation h2 {
		font-family: Georgia, Times New Roman, serif;
		font-size: 12pt;
		color: #000000;
		margin: 20px 0px 20px 10px;
	}

	h1 {
		font-family: Georgia, Times New Roman, serif;
		font-size: 18pt;
		color: #000000;
		padding: 5px 20px 0px 20px;
	}

	h2 {
		font-family: Georgia, Times New Roman, serif;
		font-size: 12pt;
		color: #000000;
		margin: 20px 0px 0px 20px;
	}

	h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #000000;
		margin: 20px 0px 5px 10px;
	}

/* Paragraph tags */

	#header p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		line-height: 1.6;
		word-spacing: 2px;
		color: #FFFFFF;
		padding: 0px 15px 5px 20px;
	}

	#contents p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		line-height: 1.6;
		word-spacing: 2px;
		color: #000000;
		padding: 0px 15px 5px 20px;
	}

	span.nav-title { 
		color: #FFFFFF;  
		word-spacing: 2px;
		font-size: 11pt;
		margin: 0px 3px 0px 3px;
	}

	#navigation p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		margin: 8px 5px 8px 10px;
	}

	#friends p { 
		font-size: 10px;
		text-align: left;
		margin: 5px 5px 0px 5px;
	}

	#footer p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 7pt;
		font-weight: normal;
		text-align: center;
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 5px 0px;
		color: #000000;		
	}

/* Img tags */

	#header img {
		margin: 10px;
	}

	#contents img {
		margin: 10px 15px 5px 15px;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		float: right;		
	}

/* list tags */
		
	ul {
		margin: 0px 100px 15px 15px;		
	}

	li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: left;
		line-height: 1.4;
		word-spacing: 2px;
		color: #000000;
		margin: 0px 150px 8px 20px;		
	}

	
/* ======================================= */
/* Layout style 			   */
/* ======================================= */
	
	body {
		margin: 0;
		padding: 0;
		text-align: center;
		color: #000000;
		background: #F7F7F7 url('../images/background.jpg');background-repeat: repeat-x;
	}

	#header {
		width: 800px;
		margin: 25px auto 10px auto;
		height: 100px;
		background: #666666;
		text-align: left;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
		box-shadow: 5px 5px 5px #888;
	}
	
	#container {
		margin: 0px auto 0px auto;
		width: 790px;
		text-align: center;
		background-color: #F7F7F7;
	}

	#navigation {
		float: left;
		margin: 10px 10px 0px 0px;
		width: 160px;
		height:400px;
		padding: 1px;
		text-align: left;
		background-color: #CCCCCC;
		-moz-box-shadow: 5px 5px 5px #888;
		-webkit-box-shadow: 5px 5px 5px #888;
		box-shadow: 5px 5px 5px #888;
	}


	#contents {
		float: right;
		width: 615px;
		margin: 10px auto 10px auto;
		text-align: left;
		background-color: #FFFFFF;
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;

	}

	#friends {
		float: right;  
		border: 1px solid #000000; 
		margin: 10px 30px 50px 10px;
	}

	#footer {
		margin: 0px 0px 0px 0px;
		width: 100%;
		color: #663300;
		height: 70px;
		text-align: left;
		background-color: #CCCCCC;
	}