* {
margin: 0;
padding: 0;
}

html{
overflow:scroll;
overflow-x: auto;
}

body{
background-image:url(../pictures/compasssback.jpg);
text-align:center;
font-family: Arial, Helvetica;
font-weight:normal;
background-repeat:repeat-y;
background-position:center;
}

/*the container*/
	#content{
	width: 1000px;
	margin: 0 auto 0 auto;
	text-align:center;
	z-index:1;
	}

/*index layout*/
	.indlogo{
	text-align:center;
	width:469px;
	margin:0 265px 30px 265px;
	float:left;
	}
	
	#logoindex{
	width:469px;
	height:333px;
	}
	
	#indlogo{
	float:left;
	width:469px;
	height:150px;
	margin:0 265px 0 265px;
	}
	
	#indlogo2{
	text-align:center;
	float:left;
	margin:0 0 0 0;
	}

	#indlogo3{
	text-align:center;
	float:right;
	margin:60px 0 0 0;
	}
	
	#indtxt{
	float:left;
	text-align:center;
	width:700px;
	margin:0 150px 20px 150px;
	}
	
	#indlogo4{
	float:left;
	margin:0 265px 0 265px;
	}

/* placing the logo on the page*/
	#logo{
	height:156px;
	width:200px;
	margin: 0 0 0 35px;
	float:left;
	z-index:1;
	}

img{
border:0;
}

/* placing the banner on the page*/
	#header{
	height:57px;
	width:600px;
	margin: 12px 0 0 70px;
	float:left;
	z-index:1;
	text-align:center;
	vertical-align:middle; 
	}

/*placing the first menu (who what why) on the page*/
	#bord2{
	height:34px;
	width:620px;
	float:left;
	margin:20px 0 0 80px;
	text-align:left;
	z-index:1;
	}

	.first{
	margin: 0 20px 0 0;
	float:left;
	z-index:1000;
	list-style: none;
	width:180px;
	cursor:pointer;
	}

	.first a{
	text-decoration:none;
	}

	.prime{
	background-color: #ECECEC;
	height:32px;
	width:180px;
	border-width:1px;
	border-color:#009900;
	border-style:solid;
	font-weight:bold;
	font-size:14px;
	color:#009900;
	list-style: none;
	text-align:center;
	z-index:1000;
	cursor:pointer;
	}

	.prime:hover{
	background-color: #009900;
	border-color:#ECECEC;
	color:#ECECEC;
	}
	
	.prime2{
	background-color: #ECECEC;
	border-width:1px;
	border-color:#009900;
	border-style:solid;
	font-weight:bold;
	font-size:14px;
	color:#009900;
	list-style: none;
	text-align:center;
	z-index:1000;
	cursor:pointer;
	padding:8px 0;
	width:180px;
	}
	
	.prime2:hover{
	background-color: #009900;
	border-color:#ECECEC;
	color:#ECECEC;
	}
	
/*placing the first line on the page*/
	#hrr{
	float:left;
	height:10px;
	width:920px;
	margin:10px 0 0 40px;
	}

/*define the color of the link for all the page*/
	a{
	color:#009900;
	}

/*placing the second menu on the page*/
	#menu2{
	float:left;
	width:200px;
	margin: 5px 0 0 40px;
	text-align:center;
	list-style:none;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	}

	#menu2 ul{
	margin:0 0 10px 0;
	}

	#menu2 li {
	list-style:none;
	font-size:14px;
	font-weight:normal;
	color:#009900;
	cursor:pointer;
	text-decoration:underline;
	width:200px;
	}

	#menu2 li:hover{
	background-color:#009900;
	color:#ECECEC;
	text-decoration:none;
	}

	#menu2 a:hover{
	color:#ECECEC;
	text-decoration:none;
	}

	.second{
	width:200px;
	text-decoration:underline;
	cursor:pointer;
	}

	.second:hover{
	text-decoration:none;
	}

/*placing the effective content on the page*/
	#page{
	float:left;
	width:700px;
	margin: 0px 0 0 20px;
	text-align:left;
	font-size:14px;
	z-index:1;
	font-weight:normal;
	}

#banner2{
text-align:left;
width:660px;
height:232px;
z-index:1;
padding:10px 20px;
}

#banner2 img{
padding:0 20px 0 0;
}

/*define the form of the titles*/
	#page h1{
	text-align:center;
	font-size:30px;
	padding:10px 0;
	}

	#page h2{
	text-align:justify;
	font-size:14px;
	padding:10px 0;
	color:#009900;
	font-weight:normal;
	}

	#page h3{
	font-size:16px;
	text-align:left;
	padding:10px 0;
	}

	#page h4{
	text-align:left;
	font-size:24px;
	text-decoration:underline;
	padding:10px 0;
	}

	#page h5{
	text-align:left;
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
	}
	
	#page img{
	margin:8px 0;
	}

/*define the form of the paragraphs*/	
	#page p{
	font-size:14px;
	padding:7px 0 7px 0; 
	text-align:justify;
	}
	
	#page ol{
	padding:0 0 0 20px;
	}
	
	#page ol li{
	width:680px;
	text-align:justify;
	}

.linklist li{
list-style:none;
text-align:center;
}

#but{
color:#009900;
text-decoration:underline;
cursor:pointer;
}

#past{
display:none;
}

.textlist{
left:40px;
position:relative;
width:660px;
}

.textlist li{
list-style:none;
padding:10px 0;
text-align:justify;
}

.textlist2{
left:40px;
position:relative;
width:620px;
}

.textlist2 li{
list-style:none;
padding:6px 0;
text-align:justify;
}

.textlist3{
left:40px;
position:relative;
width:580px;
}

.textlist3 li{
list-style:none;
padding:3px 0;
text-align:justify;
}

.peoplelist{
left:40px;
position:relative;
width:660px;
list-style:none;
}

.peoplelist li{
padding:5px 0;
}

.under{
text-decoration:underline;
}

.title1{
font-weight:bold;
}

.title2{
font-style:italic;
}

.smallr{
font-size:12px;
}

.gototop{
width:700px;
height:14px;
}

.gototop a{
float:right;
}

#footer{
float:left;
width:920px;
margin: 20px 0 0 40px;
z-index:1;
font-size:12px;
font-weight:normal;
}

#footer hr{
width:920px;
}