@charset "utf-8";
/* CSS Document */
/* to achieve the background color effect all the way to the bottom of the window, */
/* regardless of the amount of content, both HTML and BODY must have height:100%    */
/* all parent containers need to have height:100%									*/
* {
padding: 0;
margin: 0;
}
html, body {
/* height: 100%; */
}

/*div {border-color:#000000; border-style:solid; }*/

body {font-family:  Helvetica, sans-serif; text-align: center; background-color:#fffabf;; margin-top: 0px; /*min-height: 100%; height: 100%;*/} 

.invisible { position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.hideTabInfo {background: none; z-index: -1; margin: 0px; padding: 0px;  background-color: white; left: 0px; top: 0px;}
.bold {font-weight: bold; }
.italic {font-style:italic; }
.center {text-align:center;}

/* according to Yahoo: */
/* pixel width / 13px = EM width */
/* em width * .9759 = IE width */
/* when you use * before a directive only IE  understands */
/* when you use _ before a directive only IE6 understands */
/* example: #custom-doc { width: 46.15 em; /*non ie* / *width: 45.04 em; /* ie * / } */
#custom-doc { width:1192px; /**width: 1142px;*/ min-width:850px; margin:auto; text-align:left; /*height: 100%; */}
#custom-doc {background-color:#FFFFFF;  /*min-height:100%; */  margin: 0 auto; background-color: white;}

* html #custom-doc {/* height: 100%; */}

#hd { width:1192px;  min-width:850px; margin: 0px; position: relative; top: 0px; left: 0px; text-align:center; background-color: #663300; /*border-color:#00FF00; border-style:solid;*/}

#logoImage {margin: 0px 0px 0px 0px; }

#logoTabs {float: left; height:118px; width:252px; _width: 20px;  position: relative; top: 0px; left: 0px; background-color: #663300; } 
#printHeader {display: none; }
#peoplePhoto {position: relative; top: 0px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #fffabf; width:549px; _width: 549px; height: 118px;}  
#headerPhoto {float: left;}
#donateText {width:390px; _width 300px; height: 118px; /*float: right; _*/float: left; position: relative; top: 0px; left: 0px; font-size: 200%;  background-color: #663300;} 
#donatePhoto {margin: 30px 0px 0px 20px; float: left;}
#yellowSquare {
	float:left;
	background-color: #fffabf;
	color: #663300;
	font-size: 50%;
	height:71px;
	_height:75px;
	width:140px;
	margin: 30px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	text-align:left;
}

#buffer { clear: both; height: 34px; _height: 20px; width: 100%; background-color: #663300; margin: 0px; padding: 0px;}
#blackCoalition {height: 34px; _height: 20px; width: 252px; float: left; margin: 0px 0px 0px 0px; background-color: #CC5133; padding: 0px;}
#brownSpace {height: 27px; _height: 20px; width: 530px; _width: 550px; float: left; font-size: 140%; color: #FFFF00; background-color: #663300; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 20px; /*_padding: 0px; */}
.white {color: white;}
#donateNowImage {float: left; margin: 0px 10px 0px 0px; padding: 0px;}
#paypal {
	float: left; /*background-color: #CC5133 #CC5133*/
	;
	background-image:url(images/donate_bkgd.jpg);
	background-repeat:repeat-x;
	width: 390px;
	height: 34px;
	_height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* left nav width should be 230px */

/*.yui-b{float:left; zindex: 2;} */
/*.yui-b{float:left;  z-index: 2; background-color:#CC0000; height: 100%} */
#bd {clear:both; /*min-height: 100%; height: 100%; */ background-image:url(images/bca_bkgd.jpg); background-repeat:repeat-y; }
#yui-main { /*height: 100%;  min-height: 100%; */ }
.yui-b {}
.yui-g {border-color:#00FF00; border-style:solid;}
#leftBlock {position: relative; float: left; top: 0px; left:0px;  width:253.5px;  /**width: 279px;*/ /*background-color: #fffabf; min-height: 100%;*/ }
#leftNav {  width:195px;  /**width: 10px; */ /*background-color: #fffabf;  min-height: 100%;*/}
#leftNav li.navHead {font-size: 140%; 
			color: white;
			font-weight: bold;
			text-decoration: none;
		}
#leftNav ul.subLink {margin-top: 0px; padding-top: 0px;}
#leftNav li.subLink   {margin: 3px 0px 0px 0px; padding: 0px; text-indent: -15px; border-bottom: #666666 thin;}


#leftNav a.subLink {font-size: 110%; _font-size: 80%;
			color: #663300;
			text-decoration: none;
		}
#leftNav a.subLink:hover {font-size: 110%; _font-size: 80%;
			color: #990000;
			text-decoration: underline;
			font-weight: bold;
		}
#leftNav a.subLinkSelected {font-size: 110%; _font-size: 80%;
			color: #990000;
			font-weight: bold;
			text-decoration: none;
			margin: 3px 0px 0px 5px;
		}
#leftNav a.subLinkSelected:hover { text-decoration: none;
									color: #990000; }
#leftNav a:hover {
	text-decoration:underline;
	color: #990000;
}		
			
#leftNav ul {list-style: none;
			list-style-type:none;
			marker-offset: 0px;
			margin: 20px 0px 0px 30px; }

#leftNav li {margin: 10px 0px 0px 0px;}

.leftNavItem { width:123px; height:23px; background-image: url(images/BCA_leftnav.jpg) }

#leftNavRule { color:#c2b88e; margin: 0 0 0 15px; width:200px;}

/* #yui-main .yui-b .yui-c {background-color: #ffffff; } */
/*#content {position: relative; top:20px; left: 70px; width:44.5em; *width:43.5em; background-color: #ffffff; color: #333333; border-color:#000000; border-style:solid;} */
#contentNFooter {position: relative; float: left; left: 252px; top:0px;  width:545px; /**width:565.5px;*/ padding: 0px 0px 0px 0px; color: #333333; /*height: 100%; *//*border-color:#FF0000; border-style:solid;*/}
#content {position: relative; float: left; left: 0px; top:0px;  width:520px;  padding: 20px 0px 30px 20px; color: #333333;  }

#content a {color: #CC3300}
#content a:visited {color: #993300}

a.inpageNav {text-decoration: none;}
a.inpageNav:hover {text-decoration:underline; }

#content ul {
				margin: 0;
				padding: 0 0 0 1em;
				 }

#content li {
				padding: 0;
				margin: .25em 0 0.5em 30px;
			} 
			
#content ul.bulletproof {
				list-style: none;
				margin: 0;
				padding: 0 0 0 1em;
				 }
			
#contentRule { color:#c2b88e; height: 1px;}		

.offset{ margin: 20px 0px 20px 0px; }	




h1 { _margin: 0px; _padding: 0px;}
h2 { color: #663300; font-size: 140%; font-weight: bold; margin-top: 10px;}
h3 { color: #663300; font-size: 130%; font-weight: bold; margin-top: 10px;}
h4 { color: #663300; font-size: 115%; font-style: italic; margin-top: 10px; }

/* Default text size is 16px. */
/* 16 * 1.125 = 18 */
#content p {font-size: 90%; margin-bottom: 10px; line-height:1.5em;}

.formFieldDiv { margin: 20px 0px 0px 0px; }
.formFieldLabel {width: 150px; padding: 0px 5px 0px 0px; float: left; text-align:right; }

#rightRail { float: left; position: relative; left: 300px; width: 200px; color: #000000; padding: 20px 40px 0px 0px;  /*border-color:#00FFFF; border-style:solid;  height: 100%; */}
#rightRail p {font-size: 90%; margin-bottom: 10px; line-height:1.5em;}
#rightRail img{ margin: 0px 0px 20px 0px; }	


.pullQuote { font-size: 150%; font-weight: bold; font-style: italic; font-family: Helvetica condensed, sans-serif; color: white; margin: 0px 0px 20px 0px;}

#newsBox { margin: 0px; padding: 0px;  width: 228px; }

#whatsNewHeader { background-image: url(images/whatsNewHeader.jpg); width: 228px; height: 27px; border: 0; font-size: 140%; color: white;	font-weight: bold; text-align:center; padding: 10px 0px 0px 0px; _background-color: #CC5133;}
#whatsNewImage {margin: 0px; padding: 0px 0px 0px 0px; border-bottom-width: 0px; background-color: #fffabf;}
#whatsNew {position: relative; left: 2px; top: 0px; width: 204px; _width: 223px; background-color: #fffabf; margin: 0px; padding: 10px;}
#whatsNewBottom {background-image: url(images/whatsNewBottom.jpg); width: 228px; height: 28px; border: 0; }

.inlineImageLeft {float: left; margin: 0 10px 10px 0; border-style:solid; border-width: 1px; border-color: #c2b88e;}
.inlineImageLeftNB {float: left; margin: 0 10px 10px 0;}

.inlineImageRight {float: right; margin: 0 0 10px 10px; border-style:solid; border-width: 1px; border-color: #c2b88e;}
.inlineImageRightNB {float: right; margin: 0 0 10px 10px;}

#footer { clear:both; background-image:url(images/bca_bkgd.jpg); background-repeat:repeat-y; /*border-color:#FF0000; border-style:solid;*/}
#ft { /*float: left;*/ position: relative; left: 252px;  width: 550px; font-size: 91%; text-align: center; color:#ffffff; 
margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px;  background-color: #663300; }

#ft a {color: #ffffff; text-decoration:none; font-weight: bold; }
#ft a:hover {text-decoration:underline;}

#copyright {margin: 0px 20px 0px 20px;}
.fthome {margin: 0px 20px 0px 0px;}




.rafikiHead {
	font-size: 85%;
	text-transform: uppercase;
}
.rafikiEvent {
margin-top:2px ;
}

.calendarMonths {
	font-size: 100%;
	color:#000;
	text-transform: uppercase;
	padding-bottom:1em ;

}