@charset "utf-8";
/* CSS Document */

html, body {
    color: white;
	background-color: #000;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 13px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/background.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
}
body {
	color: white;
	background-color: #000;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 13px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/background.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
	}
	

div#container {width: 946px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/dropdown.png);
	background-repeat: repeat-y;
	}
	
div#main {width: 934px;
	background-image: url(images/site-back1.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}	
	
div#teens {width: 540px;
	height: 380px;
	float: right;
	margin: 0;
	padding: 12px 5px 0 0;
	}	
	
div#navigation {width: 298px;
	height: 266px;
	margin: 0;
	padding: 165px 0 0 15px;
	}	
	
div#maincontent {width: 934px;
  	padding: 225px 0 0 0;
	margin: 0 auto;
	}
	
div#contentleft {width: 616px;
    height: 798px;
	margin: 0;
	padding: 0;
	background-image: url(images/content-back1.png);
	background-repeat: no-repeat;
	float: left;
	}	
	
div#contentleft h1{color: #ea7c1a;
	background-color: transparent;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 18px;
	text-align: left;
	margin: 0 auto;
	padding: 15px 22px 10px 20px;
	}	
	
div#contentleft p{color: #000;
	background-color: transparent;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 0 auto;
	padding: 8px 39px 10px 20px;
	}

div#right {width: 290px;
	margin: 0 auto;
	padding: 0;
	float: right;
	}	
	
div#contentright-top {width: 290px;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/old-back.png);
	background-position: top center;
	height: 369px;
	}
	
div#contentright-top p{color: #000;
	background-color: transparent;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 14px;
	text-align: left;
	margin:  0 auto;
	padding: 15px 10px 10px 60px;
	}
	
div#contentright-bottom {width: 290px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	background-image: url(images/notes.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 420px;
	}
	
div#contentright-bottom p{color: #000;
	background-color: transparent;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 18px;
	text-align: left;
	margin:  0 auto;
	padding: 15px 10px 10px 60px;
	font-weight: bold;
	line-height: 1.6;
	}
		
.clear {clear: both;}
	
div#footer {width: 659px;
	height: 82px;
	margin: 0 auto;
	padding: 0;
	text-align: center;	
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	}
	
div#footer p {color: #000;
	background-color: transparent;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 9px;
	text-align: center;
	margin:  0 auto;
	padding: 22px 0 0 0;
	font-weight: bold;
	line-height: 1.2;
	}	
	
div#footer a:link, a:visted, a:active {font-style : normal;
 	font-size : 9px;
 	font-family : Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-decoration : none;
	color : #ea7c1a;
	padding : 0;
	display : inline;
	margin : 0;
	font-weight: bold;
	}


div#footer a:hover {font-style : normal;
 	font-size : 9px;
 	font-family : Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-decoration : underline;
	color : #ea7c1a;
	padding : 0;
	display : inline;
	margin : 0;
	font-weight: bold;
	}
