/* CSS Document */
a:link {
	text-decoration: none;
	color: #63850D;
}
a:visited {
	text-decoration: none;
	color: #63850D;
}
a:hover {
	text-decoration: underline;
	color: #63850D;
}
a:active {
 	text-decoration: none;
	color: #63850D;
}

/*body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	background-color:#808080;
}*/
body {
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family: Arial, Helvetica, sans-serif;
	background-color:#808080;
}

#wrapper {
	margin: 10px auto;/*centers the wrapper in compliant browsers*/
	width: 763px;/* set wrapper width - nothing else should 'poke out' from this */
	text-align: left;
}

/* page layout divs */

#wrapper {      
	margin-left: auto;    
	margin-right: auto; 
	margin-top: 0px;    
	}
	
	#menu {
	margin-top: 5px;
	height: 90px;
	width: 800px;
	background-image:url(../i/menubg.jpg);
	background-repeat: no-repeat;
	}
	
	#buttons {
	float: left;
	padding-top: 68px;
	padding-left: 30px;
	}
	
	#gorillas {
	height: 280px;
	width: 800px;
	background-image:url(../i/gorillabg.jpg);
	background-repeat: no-repeat;
	margin-top:-2px;;
	}
			#newsbg {
			width: 196px;
			height: 265px;
			float: left;
			margin-left: 600px;
			margin-top: 4px;
			}
			
	#mainouter {
	width: 800px;
	background-image: url(../i/mainbg.jpg);
	background-repeat: repeat-y;
	}
			#maininner {
			margin-left: 1px;
			float: left;
			width: 784px;
			background-image: url(../i/fade.jpg);
			background-position: top;
			background-repeat: no-repeat;			
			}
			#contentinner {
			margin-left: 1px;
			float: left;
			width: 785px;
			background-image: url(../i/fade2.jpg);
			background-position: bottom;
			background-repeat: no-repeat;	
			margin-bottom: -1px;		
			}

	#footer {
	clear: left;
	width: 800px;
	height: 153px;
	background-image:url(../i/footerbg.jpg);
	background-repeat: no-repeat;		
	}
			#logos {
			width: 785px;
			height: 70px;
			float: left;
			padding: 5px 0px 0px 27px;
			}		
					#logosinner {
					float: left;
					}
					#buttons2 {
					float: left;
					padding-left: 190px;
					padding-top: 15px;
					}
			#charitylinks {
			clear: left;
			width: 750px;
			height: 24px;
			margin-top: -5px;
			}
			#footerlinks {
			padding-top: 0px;
			clear: left;
			width: 750px;
			height: 29px;
			}

	#designedby{
	float: right;	
	padding-top: 20px;
	}
			
/* END page layout divs */






/* Home page layout divs */

#colleft {
border-right: 1px solid #333;
float: left;
width: 310px;
padding-top: 5px;
}
	#sanctbox {
	clear: left;
	width: 298px;
	padding-right: 7px;
	padding-bottom: 5px;
	}
		.leftboxtext {
		float: left;
		width: 225px;
		}
	#trainbox {
	clear: left;
	width: 298px;
	padding-right: 7px;
	padding-bottom: 5px;
	}
	#gorillacdbox {
	clear: left;
	width: 298px;
	padding-right: 7px;
	padding-bottom: 5px;
	margin-left: 5px;
	}
#colright {
float: left;
width: 472px;
padding-top: 0px;
}
	#righttopbox {
	width: 452px;
	padding: 5px 10px 5px 10px;
	}
	#leftbox {
	border-right: 1px solid #333;
	float: left;
	width: 205px;
	padding: 5px 10px 5px 10px;
	}
	#rightbox {
	float: left;
	width: 205px;
	padding: 5px 10px 5px 10px;
	}
	#rightbottom {
	clear: both;
	float: left;
	width: 410px;
	padding: 5px 15px 5px 15px;
	}

.hptitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CEDF05;
	font-weight: bold;
	line-height: 15px;
}
.hptitle a:link {text-decoration: none; color: #CEDF05;}
.hptitle a:active {text-decoration: none; color: #CEDF05;}
.hptitle a:visited {text-decoration: none; color: #CEDF05;}
.hptitle a:hover {text-decoration: underline;color: #CEDF05;}

.hptext  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;	
	line-height: 15px;
}
.hpimage {
	float: left;
	margin: 5px 5px 5px 8px;
}
/* END Home page layout divs */

#maincolleft {
	float: left;
	width: 190px;
	padding: 5px 15px 5px 15px;

} 
	#greenbox {
	border: 1px solid #60820B;
	width: 200px;
	height: 450px;
	margin-top: 10px;
	}
		#greentitlebox {
		width: 178px;
		background-color: #3C5107;
		padding: 5px 10px 3px 10px;
		margin-top: 1px;	
		margin-left: 1px;	
		}
		#rsscontent {
	margin-top: 2px;
		width: 179px;
		height:400px;
		overflow: auto;
		}
#maincolright {
	float: left;
	width: 535px;
	padding: 5px 15px 5px 15px;
} 

#mainsinglecol {
	float: left;
	width: 725px;
	padding: 15px 15px 10px 25px;

} 

#g4gbox {
border: 1px solid #222;
padding:10px;
background-color: #161616;
min-height: 72px;
}

#helpborder {
border: 1px solid #333;
padding:20px;
background-color: #161616;
background-image:url(../i/bgtile.gif);
}

#bukimapics {
width: 535px;
height: 378px;
background-image:url(../i/bukima5.jpg);
}

/* CLASSES */

.buttontext a:link {
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.03em;
	vertical-align: super;

}
.buttontext a:active {
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.03em;
	vertical-align: super;

}
.buttontext a:visited {
	text-decoration: none;
	color: #000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.03em;
	vertical-align: super;

}
.buttontext a:hover {
	text-decoration: underline;
	color: #000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.03em;
	vertical-align: super;

}

p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 26px;
	text-align: justify;
}
.center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 26px;
	text-align: center;
}

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 26px;
	text-align: justify;
}
.bodytext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 26px;
	text-align: justify;
	margin-left: 10px;
}
.bodytext3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 26px;
	text-align: left;
	margin-left: 10px;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
}
.picdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #63850D;
	align: center;
	padding: 5px;
}
.pictable {
	padding: 10px;
}
.italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 26px;
	text-align: justify;
	font-style: italic;
}

.bodytextcenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
}

.contactaddresstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCC;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	margin-left: 20px;
}
.charitylinks {text-align:center;text-decoration: none;color: #E77919;font-family: Helvetica;font-size: 11px}
.charitylinks a:link {text-align:center;text-decoration: none;color: #E77919;font-family: Helvetica;font-size: 11px}
.charitylinks a:active {text-align:center;text-decoration: none;color: #E77919;font-family: Helvetica;font-size: 11px}
.charitylinks a:visited {text-align:center;text-decoration: none;color: #E77919;font-family: Helvetica;font-size: 11px}
.charitylinks a:hover {text-align:center;text-decoration: underline;color: #E77919;font-family: Helvetica;font-size: 11px}

.footerlinks {text-align:center;text-decoration: none;color: #FFF;font-family: Helvetica;font-size: 11px}
.footerlinks  a:link {text-decoration: none; color: #FFF;}
.footerlinks a:active {text-decoration: none; color: #FFF;}
.footerlinks a:visited {text-decoration: none; color: #FFF;}
.footerlinks a:hover {text-decoration: underline; color: #FFF;}



.copyrighttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.wbsysttext, .wbsysttext a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

.wbsysttext, .wbsysttext a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.wbsysttext a:hover {text-decoration: underline;	color: #FFF;}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E77919;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A6D710;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}
.rsstitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D89131;
	font-weight: bold;
	line-height: 12px;
	text-align: left;
}
.rsscontent{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	line-height: 20px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.rsscontent a:link {text-align:center;text-decoration: none;color: #E77919;font-family: Helvetica;font-size: 11px}
.rsscontent a:active {text-align:center;text-decoration: none;color: #E77919;font-family: Helvetica;font-size: 11px}
.rsscontent a:visited {text-align:center;text-decoration: none;color: #E77919;font-family: Helvetica;font-size: 11px}
.rsscontent a:hover {text-align:center;text-decoration: underline;color: #E77919;font-family: Helvetica;font-size: 11px}

#partnerslist { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image: url(../i/bullet.gif); 
	text-align: left;
	color: #CCC;
	line-height: 20px;
}


#list { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image: url(../i/bullet.gif); 
	text-align: left;
	color: #FFF;
	line-height: 22px;
}
ol{ 
	font-family:  Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #CCC;
	line-height: 22px;
}
#list a:link {text-decoration: none; color: #A6D710;}
#list a:visited {text-decoration: none; color: #A6D710;}
#list a:hover {text-decoration: underline; color: #A6D710;}
#list a:active {text-decoration: none; color: #FFF;}

#hplist { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;	
	line-height: 15px;
	text-indent: 8px;
	list-style-position: outside;
	padding: 5px;
	margin: 2px;
	list-style-image: url(../i/gorilla_bullet.gif); 
}
.picborder { border: 2px solid #A6D710; }

hr { border: 0; width: 100%; background-color: #333; color: #333; height: 1px;}

.karematitle {
	color: #63850D;
	font-size: 18px;
	text-align: center;
}
/* END CLASSES */