body {
	background-color: #ffffff; 
        font-family: arial;
        
}

div {
	border: 0px solid Black; 
	padding: 0px;
	width: 100%;
}



#navigation {
	float: left;
	width: 15%;
        background: #FFFFFF;
        color: #ffffff;     
        height: 570px;
        font-size: 15px;
        font-weight: bold;  
        text-align: center;
   
}



.btnav { background-color: #6495ed; border: 1px #000000 solid;} 
/*This is how the text will look before mouse over*/
.btnav1 {color=#ffffff}
.btnav2:hover 
.btnav2 {color=#ffff00}


/*This is how the text will look on mouse over. Note "hover" is the most important change here*/




#content1 {
	float: left;
	width: 40%;
        height: 570px;
        font-size: 15px;
        text-align: justify;
        margin-left: 1%; margin-top: 0%; margin-right: 1%; margin-bottom: 0.5%;

}

#content2 {
	float: left;
	width: 41%;
        font-size: 15px;
        height: 570px;
        text-align: justify;
        margin-left: 1%; margin-top: 0%; margin-right: 0%; margin-bottom: 0.5%;
}

#pagetitle  {
	float: left;
	width: 100%;
}

.indent {margin-left: 5% }

#chccfooter {
        float:left;
        margin-top:-10px; margin-bottom:0em;
	width: 100%;
        background: #ffffff;
        height: 15px;
        font-size: 18px;
        text-align: center;
        color=#000000;