*{
	padding:0px;
	margin:0px;
}
h1, h2, h3{
	color:#FF0000;
}

html{
	height:100%;
}

html, body{
	background-color:#333333;
	background-image:url(../images/background.jpg);
	height:768px;
	background-position:center;
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0px;
	margin:0px;
	color:#ff333;
}

:root {
	overflow-y: scroll !important;	
}

a{
	color:inherit;
	list-style:none;
	text-decoration:inherit;
}

a:hover{
	color:#06F;
	list-style:none;
	text-decoration:none;
}



.container{
	position:absolute;
	width:800px;
	min_height:768px;
	background-color:#FFFF99;
	left:50%;
	top:0px;
	margin-left:-400px;
	padding:0px 0px 0px 0px;
	border:none;
}

html>body .container{
	height:auto;
}

/* header settings */
.header{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}

.headerthemes{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/headerthemes.jpg);
	background-repeat:no-repeat;
}

.headeripad{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/headeripad.jpg);
	background-repeat:no-repeat;
}


.headergame{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/headergame.jpg);
	background-repeat:no-repeat;
}


.headerppa{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/headerppa.jpg);
	background-repeat:no-repeat;
}

.headeractivities{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/headeractivities.jpg);
	background-repeat:no-repeat;
}

.headerafterschool{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/headermusic.jpg);
	background-repeat:no-repeat;
}

.headersamba{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/samba.gif);
	background-repeat:no-repeat;
}

.header2170{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/2170.jpg);
	background-repeat:no-repeat;
}

.headerholiday{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/headerholiday.jpg);
	background-repeat:no-repeat;
}

.headercontact{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/headercontact.jpg);
	background-repeat:no-repeat;
}
.header0122{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/0122.jpg);
	background-repeat:no-repeat;
}

.header0325{
	float:left;
	width:800px;

	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/0325.jpg);
	background-repeat:no-repeat;
}
.header0497{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/0497.jpg);
	background-repeat:no-repeat;
}

.header0525{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/0525.jpg);
	background-repeat:no-repeat;
}

.header1261{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/1261.jpg);
	background-repeat:no-repeat;
}

.header1381{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/1381.jpg);
	background-repeat:no-repeat;
}


.header1830{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/1830.jpg);
	background-repeat:no-repeat;
}

.header2069{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/2069.jpg);
	background-repeat:no-repeat;
}

.header2129{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/2129.jpg);
	background-repeat:no-repeat;
}

.header2137{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/2137.jpg);
	background-repeat:no-repeat;
}

.header2143{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/2143.jpg);
	background-repeat:no-repeat;
}


.header2377{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/2377.jpg);
	background-repeat:no-repeat;
}

.header2425{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/2425.jpg);
	background-repeat:no-repeat;
}

.header0505{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/0505.jpeg);
	background-repeat:no-repeat;
}

.headergroup1{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/group1.jpeg);
	background-repeat:no-repeat;
}


.header0665{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/0665.jpeg);
	background-repeat:no-repeat;
}

.headergroup{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/group.jpeg);
	background-repeat:no-repeat;
}

.headerbhm{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/BlackHistoryWeekBack.jpg);
	background-repeat:no-repeat;
}

.headerhsm{
	float:left;
	width:800px;
	height:408px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/highschool.jpg);
	background-repeat:no-repeat;
}

.headerNav{
	float:right;
	width:800px;
	height:60px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/nav2.jpg);
	background-repeat:repeat-y;
	background-color:#FFFF99;
	text-align:center;
	
}



.headerNavempty{
	float:right;
	width:800px;
	height:60px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/nav2.jpg);
	background-repeat:repeat-y;
	background-color:#FFFF99;

	
}

/* navigation */

#nav{
	width:800px;
	height:60px;
	float:center;
	margin:5px 10px 10px 100px;
	padding:0;
} 

#nav li{
	width:84px;
	font-size:13px;
display:block;

	float:left;
	padding:10px 5px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	font-weight:bolder;
	color:#FF3333;
	list-style:none;
}

#nav li a b{
display:none;
}

#nav li a{

	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#FF3333;
	padding:0;
}

#nav li a:hover{
	
	color:#000;

}



/* subNav settings */

.subNav{
	float:left;
	width:135px;
	height:500px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/subnav2tap.jpg);
	background-repeat:
	text-align:left;
	
}

.subNavempty{
	float:left;
	width:135px;
	height:500px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/subnav2tap.jpg);
	background-repeat:repeat-y;
	text-align:left;
	
}

.subNavactivities{
	float:left;
	width:135px;
	height:500px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/subnav2tap.jpg);
	background-repeat:repeat-y;
	text-align:left;
}

.subNavthemes{
	float:left;
	width:135px;
	height:500px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/subnav2tap.jpg);
	background-repeat:no-repeat;
	text-align:left;
	
}

.subNavcontact{

	float:left;
	width:135px;
	height:500px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/subnav2tap.jpg);
	background-repeat:repeat-y;
	text-align:left;
}

.subNavprotected{
	float:left;
	width:135px;
	height:500px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/subnav2tap.jpg);
	background-repeat:repeat-y;
	text-align:left;
	
}



#subnav li{
	width:135px;

	float:left;
	padding:0px 0px 0px 10px;
	margin:10px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	color:#FF0000;
	list-style:none;
	text-align:left;
}

#subnav li a b{
display:none;
}

#subnav li a{
	font-size:12px;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	color:orange;
	padding:0;
	font-size:12px;
}

#subnav li a:hover{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:red;
	padding:0;
}

#subnav li a:selected{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	padding:0;
}

/* content settings 
About				*/

.contentAbout{
	float:left;
	width:625px;
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color:#FFFF99;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	

}

.textAbout{
	float:left;
	width:590px;
	padding:0px 0px 0px 40px;
	margin:0px;
	background-color:#FFFF99;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	

}

.picTest{
	float:left;
	width:590px;
	padding:0px 0px 0px 40px;
	margin:0px;
	background-color:#FFFF99;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	

}


/* footer	*/


.footer{
	float:left;
	width:800px;
	height:70px;
	padding:50px 0px 0px 0px;
	margin:0px;
	background-color:#333;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	
}

.footer2{
	float:left;
	width:800px;
	height:70px;
	padding:50px 0px 0px 0px;
	margin:0px;
	background-color:#333;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	
}



.container .contentAbout .textAbout p {
	color: #000;