body { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 75%; background: #CCCCCC; margin:0; padding: 0; color: black;/*#666;*/}

a { color: #C18A52;}
a:hover { color: #D3AC84;}

h1 { color: #C18A52; margin: 0; }
h2 { color: #C18A52; margin: 0;}

.center { text-align: center; }
.xhosa { color: #999; font-style:italic;}

#outer {width: 900px; margin: 10px auto 10px auto; padding: 10px; background-color: #FFF; text-align: center; border: 2px solid #000;}

#header {height: 159px; text-align: center; margin: 0 auto 0 auto; padding: 0; background-image: url("../images/website_banner.jpg"); background-repeat: no-repeat; background-position: 10px 10px;}
#header h1 { font-size: 3em; margin: 0; padding: 0; font-style: italic;}
#header #donate { float: right;}

#content-right { float: right; margin-top: 0px; padding: 4px; width: 200px; background-color: #cfc; color: #000; border: 1px solid #006633;}
#content-right h3 { margin: 0 0 2px 0; }
#content-right ul { margin: 10px 0 0 15px; padding: 0;}
#content-right li { margin: 0 0 10px 0; }

#content-right form { padding: 4px; background: green; text-align: center; margin: 5px auto 5px auto;}
#content-right input { width: 130px; margin: 4px 0 4px 0; }

/* background-color: #006633 */
#content { height: 1%; font-size: 13px; text-align: left; margin: 0px 5px 4px 5px; padding: 5px; z-index: 1; }
.with-right-column { width: 670px; }
.with-stretchy { margin: 20px; padding: 0;}


#content ul { list-style: none; }
#content li { margin: 0 0 10px 0; }
#content p {  }

#main-menu { margin: 10px; height: 30px; padding: 5px; border: 2px solid #000;  z-index: 2;}

#movie { z-index: 1;}

/*** DEMO SKIN ***/
/*** DEMO SKIN ***/
.sf-menu {
	font-size: 0.9em;
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		9px 2px 9px 2px;
	text-decoration:none;
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}
.sf-menu li {
	width: 96px;
	background:		#663300;
}
.sf-menu li li {
	background:		#D3AC84;
}
.sf-menu li li li {
	background:		#D3AC84;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#C18A52;
	outline:		0;
}



/*

.sf-menu {
	font-size: 0.9em;
	background-color: red;
}
.sf-menu ul { 
	background-color: blue; 
	margin: 0 0 0 10px;
}

.sf-menu a {
	border-left: 2px solid #fff;
	border-top:	2px solid #fff;
	padding: 	.75em .75em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { 
	color:	#FFF;
}
.sf-menu li {
	background: #6c6;
}
.sf-menu li li {
	background: #006633;
}
.sf-menu li li li {
	background: #9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #663300;
	outline: 0;
}

*/


/* standard form */
#content #std-form form {}
#content #std-form .formerror { color:#ff7c11; }
#content #std-form label { float: left; width: 200px;}
#content #std-form label.full-width { float: left; width: 100%;}

/* Search form */
#content #searchform { width: 150px; height: 260px; float: left; padding: 5px; margin: 0 5px 5px 0; border: 1px solid #006633; background-color: #cfc;} 
#content #searchform h4 { margin: 0;}
#content #searchform form label { display: block;}
#content #searchform form label.checkbox { display: inline;} 

/* Search nav form */
#content #search-nav { height: 40px; margin: 0 0 10px 150px; padding: 0; text-align: center; }

/* home page */
#content #contactus {font-weight: bold; border: 1px solid #006633; width: 300px; margin: 10px; background-color: #cfc; padding: 4px;}
#content #contactus h2 {text-align:center; margin: 4px;}
#content #contactus p { margin: 2px 2px 2px 50px;}

#photobank { width: 315px; float: left; margin: 10px; padding: 0; font-size: 0.8em; text-align: center; font-weight: bold; }
.photo { float: left; margin: 0 3px 3px 0; padding: 0; }
.photo a { display: block; width: 150px; height: 113px; background-color: #006633; padding: 2px;}
.photo-long a { height: 200px; }
.photo a:hover { background-color: #6c6;}
.photo img { margin: 0 auto 0 auto; padding: 0; border: 0; }

#infobank { width: 270px; float: left; margin: 10px; padding: 0; }
#infobank .header {background: url('/images/corner_F5F5F5_FFFFFF_right.gif') no-repeat right top; margin: 0;padding: 0;}
#infobank .header h3 {font-size: 0.95em;background: url('/images/corner_F5F5F5_FFFFFF_left.gif') no-repeat left top;border-bottom: 1px solid #6c6;margin: 0;color: #666;padding: 0.4em 0.5em 0.4em 0.8em;}
#infobank .body {margin: 0; padding: 0.5em 2px 2em 2px;border-left: 1px solid #6c6;border-right: 1px solid #6c6;border-bottom: 1px solid #6c6;overflow: hidden;position: relative;}
#infobank .body ul { margin: 0 0 0 -20px;}
#infobank .body li { margin: 5px 0 0 0;}
#infobank .footer {margin: 0;padding: 0.5em 0 0 0;clear: right;}


#staffprofile { margin: 10px auto 0 auto; padding: 0; width: 80%;}
#staffprofile .profile { margin: 0 0 10px 0; border-left: 1px solid #6c6;border-right: 1px solid #6c6;border-bottom: 1px solid #6c6;}
#staffprofile .profile .p-body img.profile-photo {float: left;border: 1px solid #6c6;margin: 10px 10px 10px 0px;padding: 0 0 0 0; width: 150px;}
#staffprofile .p-header { background: url('/images/corner_6c6_F7DCB4_right.gif') no-repeat right top;margin: 0;padding: 0;}
#staffprofile .p-header h3 {font-size: 0.95em;background: url('/images/corner_6c6_F7DCB4_left.gif') no-repeat left top;border-bottom: 1px solid #6c6;margin: 0;color: #fff;padding: 0.4em 0.5em 0.4em 0.8em;}
#staffprofile .p-body {margin: 0;padding: 0.5em 1.5em 2em 1.5em;}
#staffprofile .p-footer { clear: left; }


#sponsorprofile { margin: 0 0 0 180px; } 
#sponsorprofile .profile {  padding: 0; width: 560px; }
#sponsorprofile .profile .body img.profile-photo {float: left;border: 1px solid #6c6;margin: 10px 10px 10px 0px;padding: 0 0 0 0;position: relative; width: 150px;}
#sponsorprofile .profile .body .clear {clear: both;}
#sponsorprofile .profile .footer {clear: both;}
#sponsorprofile .profile .nophoto img {display: none !important;}
#sponsorprofile .header {background: url('/images/corner_6c6_F7DCB4_right.gif') no-repeat right top;margin: 0;padding: 0;}
#sponsorprofile .header h3 {font-size: 0.95em;background: url('/images/corner_6c6_F7DCB4_left.gif') no-repeat left top;border-bottom: 1px solid #6c6;margin: 0;color: #FFF;padding: 0.4em 0.5em 0.4em 0.8em;}
#sponsorprofile .body {margin: 0;padding: 0.5em 1.5em 2em 1.5em;border-left: 1px solid #6c6;border-right: 1px solid #6c6;border-bottom: 1px solid #6c6;overflow: hidden;position: relative;}
#sponsorprofile .footer {margin: 0;padding: 0.5em 0 0 0;clear: right;}

#sponsorprofile .profile-summary { float: left; margin: 0 10px 10px 0; padding: 0; width: 170px; text-align: center; height: 250px;}
#sponsorprofile .profile-summary img { margin: 0 auto 0 auto; }
#sponsorprofile .profile-summary h3{ font-size: 1em; margin: 1px; color: #000; }

#sponsorprofile table { border-collapse: collapse; border: 1px solid #6c6; margin: 10px; width: 340px; background-color: #cfc;}
#sponsorprofile th { border: 1px solid #6c6; text-align: left; padding: 4px; width: 30%;}
#sponsorprofile td { border: 1px solid #6c6;}
#sponsorprofile table {}
#sponsorprofile input.submit { border: 1px solid #000; font-weight: bold; padding: 4px; background-color: #ff7c11;}

#donate {float: right;}

.green-link { color: #006633 }
.green-link a:active { color: #006633 }
.green-link a:visited { color: #006633 }
.green-link a:hover { color: #cfc; }



#footer { text-align:center; border: 1px solid #000; padding: 5px; }
#footer p { background-color: #663300; display: block; margin: 0; padding: 2px; color: #FFF;}