BODY {
	margin: 0px; 
	color: black; 
   background-color: white; 
	text-align: center;
}

#header {
	border: 0px;
	width: 100%;
	padding: 2px 2px 2px 2px;
	margin :0px 0px 0px 0px;
	background-color: white;
	text-align: center;
	height: 80px;
	font-size: 18px;
}

.banner{
	float: left;
	padding: 2px 2px 2px 2px
}

#spacer1{
	background-color: #DDDDDD;
	height: 10px;
	width: 100%;
	border-top-width: 1px;
	border-top-color: black;
	border-top-style: solid;
}

#spacer2{
	background-color: white;
	height: 5px;
	width: 100%;
}

.nano {
	font-variant: small-caps;
}

.center{
	text-align: center;
}
.small{
  font-size: 11px
}

.col1 {
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	line-height: 28px;
 	height: 500px;
      width: 15%;	
	text-align: left;
	background-color: #DDDDDD;
}

.col2 {
   clear: none;
   padding: 30px 80px 30px 30px;
	margin: 0px 0px 0px 0px;
   text-align: justify;
	min-height: 500px; 
	background-color: #ffffff;
}

.col1 A:link {
	color: #CC0066;
	text-decoration: none
}

.col1 A:visited {
	color: #6600ff;
	text-decoration: none
}
.col1 A:hover {
	color: #CC0066;
   text-decoration: underline
}

.col2 A:link {
	color: navy;
	text-decoration: underline
}

.col2 A:visited {
	color: purple;
	text-decoration: none
}

.col2 A:hover {
	color: red;
	text-decoration: none
}

.activities{
	color: black;
	text-align: left;
	padding: 20px 0px 100px 0px;
}

.activities A:link{
	color: black;
	text-decoration: none
}

.activities A:visited{
	color: black;
	text-decoration: none
}

.activities A:hover{
	color: black;
	text-decoration: underline
}

A:link {
	color: navy;
	text-decoration: none
}

A:visited {
	color: purple;
	text-decoration: none
}

A:hover {
	color: red;
	text-decoration: underline
}