/* CSS Document */

body { background-color:#FFFFFF; font: 90% 'Georgia', serif; text-align: center; }
td,a { text-decoration: none; outline:none; }
img  { border:none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  }

.container { width: 1183px; text-align: left; margin: 0 auto; position: relative; background:url(../images/topmiddlebg.jpg) repeat-x; }
.body-container { width: 1140px; margin: 0 auto;}

/* New Header Styles */
#headerContainer { background: url(../images/topleftcorner.jpg) no-repeat; }
#header { background:url(../images/toprightcorner.jpg) no-repeat top right; height: 126px; position: relative; }

#header h1 { position: absolute; top: 17px; left: 20px; width: 193px; height:103px; background: url(../images/logo.jpg) no-repeat; }
#header h1 a { display: block; width: 193px; height: 103px;  }
#header h1 span { display: none; }

/* NAVIGATION BAR */
.nav-container { position: absolute; top: 83px; right: 20px; }

#navigationbar {}
#navigationbar LI { list-style:none; float:left; padding: 0; margin: 0; position:relative; }
#navigationbar ul { padding: 0; margin:0; }
#navigationbar ul li ul li { clear:both; }
#navigationbar img,
#navigationbar a { padding:0; margin:0; border:0; }

#rollover li { float:left; }


#navigationbar ul.nav li>ul { display:block; position:absolute; }
#navigationbar ul.nav li:hover>ul { display:block; } 
#navigationbar ul.nav li.aboutHover:hover { background-image:url(../images/nav/over_r1_c2.png); }
#navigationbar ul.nav li.orphanageHover:hover { background-image:url(../images/nav/over_r1_c4.png); }

/*
#nav LI A { display: block; border: 0px solid silver; height: 35px; }
#nav LI A SPAN { display: none; }
#nav LI IMG { display: none; }
#nav #navHome A { background: url('../images/nav/up_r1_c1.png') no-repeat center center; width: 46px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav/up_r1_c1.png', sizingMethod='image'); border:1px solid black;}
#nav #navHome A:hover { background-image: url('../images/nav/over_r1_c1.png'); }
*/

/* Other nav styles, need to be consolidated with whats right above */
#nav, #nav ul { padding: 0; margin: 0; list-style: none; z-index: 1000; }
#nav a { display: block; width:auto; }
#nav li { float: left; width: auto; padding:0; }
#nav li ul { position: absolute; left: -999em; }
#nav li ul li { clear:both; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav > li { margin: 0 5px; }
 
/* MAST HEAD */
#masthead { background:url(../images/banner2.jpg) no-repeat; width: 1140px; height: 147px; margin: 0 0 15px 20px; position: relative; }
#masthead a { position: absolute; top: 92px; left: 936px; }

/* INFO PANEL */
.info-panel { width: 200px; margin: 0 auto 15px auto; background: #704E42; }
.info-panel H5 { margin: 15px 0; padding: 0 0 14px 0; color: #C6A58D; font-size: 14px; font-weight: 100; text-align: center; border-bottom: 1px solid #C6A58D; }
.info-panel UL { list-style: none; margin: 0; padding: 0; }
.info-panel UL LI { font-size:12px; color:#FFF; font-weight: 100; line-height: 1.3em; padding: 0 0 0 20px; margin:0 0 5px 0; background:url(../images/bullet.jpg) 0 5px no-repeat; }
.info-panel UL LI A { color: #fff; text-decoration: underline; }
.info-panel BLOCKQUOTE { color:white; font-size: 12px; margin: 0; padding: 5px; line-height: 1.4; }
.info-panel CITE { text-align:right; color:white; font-size: 10px; float: right; }

/* SUBMENU PANEL */
.submenu-panel { margin: 20px 0 20px 20px; }

/* CONTENT PANEL */
.content-panel { width: 590px; margin: 0 auto;  }
.content-panel address { padding: 10px 0 15px 0; margin: 0; font-variant: normal; }
.content-panel p { padding: 0 0 15px 0; margin: 0; }
.content-panel-image { border: 1px solid darkgray; float: right; }
.full-content P { float: none; width: auto; }
.content-panel h2 {	color:#5B1B00; text-align:left; font-size:20px; padding: 0; margin: 0 0 5px 0; font-weight:lighter; }
.content-panel h2 a { color:#5B1B00; }
.content-panel h2 a:hover { color:#3B1B00; }
.content-panel h3 { font-weight: bold; margin: 0 0 5px 0; padding: 0; }
.content-panel h4 { font-weight: normal; color: #591C00;  }
.content-panel UL { margin: 5px 0 10px 0; }
.content-panel IMG { border: 1px solid darkgray; }

/* ACTION PANEL */
.email-signup { min-height: 150px; background: url('../images/emailsignupBG.jpg') repeat-x; }
.email-signup h5 { color:#5189B8; text-align:center; font-family:Arial, Helvetica, sans-serif; padding:8px 0 5px 0; font-size: 16px; }
.email-signup form { overflow: auto; padding:0; margin:0;}
.email-signup label { color:#000; margin: 0 5px 7px 5px; font-weight:500; font-size:14px; font-family: Arial, Helvetica, sans-serif; float:left; margin-top:5px; }
.email-signup input { float:right; margin: 0 10px 7px 0; clear: right; width: 150px; }

/* Follow us on */
.follow-us { border-bottom: 1px solid #CCC; margin: 5px 0 0 0; padding: 0 0 8px 0; overflow: hidden; width: 250px;}
.follow-us span { font: 14px 'Arial', 'Helvetica', 'sans-serif'; color:#5E6EAC; margin:10px 5px 0 2px; display: block; float: left; }
.follow-us A { float: left; margin: 0 5px 0 0;}

/* Join the Tano Tano Campaign */
.tanotano { text-align: center; }
.tanotano p {font-family:Arial, Helvetica, sans-serif; color:#630; font-size: 14px; }
.tanotano a { color: #630; text-decoration: underline; }

/* TEAM MEMBERS */
.team-member { overflow: hidden; margin: 0 0 10px 0;}
.team-member p { float:right; width:425px; }
.team-member img { float:left; margin: 5px 0 0 0; }

/* PAGE SPECIFIC STYLINGS */
.index .content-panel P { float: left; width: 350px; }
#BB_BuyButtonForm { margin: 10px 0; }

/* Hate these, but I still reference them, so including them here. */
.orangebox{ background: #704E42; margin: 0 0 15px 0;}
.graybox{ background: #e5e5e5;}

/* SELECTED MENU STYLES */
.Bsuccessstories #successstories-menu-item li a,
.Bprograms #programs-menu-item li a,
.Bcontact #contactus-menu-item li a,
.Bgetinvolved #getinvolved-menu-item li a { color: #CC6600; font-weight: bold; }

/* Different Utility Styles */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.pal { padding: 15px; }
.mal { margin: 15px; }
.mhl { margin: 0 15px; }
.mrl { margin: 0 15px 0 0; }

/* Bleh */
.showme { background: pink; border: 1px solid navy; }
#clear{clear:both}
#clearpad {clear:both; height:7px;}
.clearleft {clear:left;}
.baraka {
	color:#FF9115;
}
.namehighlight {
	color:#774D40;
}
.padleft {
	border: 2px solid red;
}
.textlink {
	color:#5B1B00;
	text-decoration:underline;
}

.topleftcorner{ background-image: url(../images/topleftcorner.jpg); background-repeat:no-repeat;}
.toprightcorner{ background-image:url(../images/toprightcorner.jpg); background-repeat:no-repeat;}
.topmiddle{ }
.bottomleft{ background-image:url(../images/bottomleft.jpg); background-repeat:no-repeat;}
.bottomright{ background-image:url(../images/bottomright.jpg); background-repeat:no-repeat;}
.bottomborder{ border-bottom:solid 2px #d7d7d7; }


.line{
	background-color:#c6a68d;
	height:1px;
}
.line2 {
	background-color:#CCC;
	margin:5px 0;
	height:1px;
}

.borderleft{ border-left:solid 2px #d7d7d7; border-right:solid 2px #d7d7d7;}

.tahomawhitebold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#C6A58D;
}
.tahomawhite{
	font-family:Tahoma;
	font-size:12px;
	color:#FFFFFF;
	font-weight: 100;
}
a.tahomawhite {
	font-family:Tahoma;
	font-size:12px;
	color:#FFFFFF;
	font-weight: 100;
	text-decoration:none;
	
}
.tahomawhite a:hover {
	color:#CCC;
}
.tahomabold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:lighter;
	color:#000000;
}
.tahomanormal{ font-family:Tahoma; font-size:14px; font-weight:normal; color:#000000; text-align:justify;}

a.tahomalink{ font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	color:#CCC;}
a.tahomalink:hover{ font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	color:#CCC;
	text-decoration:underline;}

a.tahomaorange{ font-family:Tahoma; font-size:15px; font-weight:normal; font-weight:bold; color:#b13500; text-decoration:underline;}
a.tahomaorange:hover{ font-family:Tahoma; font-size:15px; font-weight:normal; font-weight:bold; color:#b13500; text-decoration:underline;}
.tahomaorange1{ font-family:Tahoma; font-size:15px; font-weight:normal; font-weight:bold; color:#b13500;}

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

/*HEADERS AND TEXT*/
.graybox {
	font-size:14px;
}





/* NEWLY ADDED CLASSES */
.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right};
#tanoList {
	margin-left: 20px;
}
#tanoList ul {
}
#tanoList li {
}
#testimonial {
	color:white;
	padding:0;
	margin:0;
}

.PDFreport {
	width:150px;
	float: left;
	margin-right:20px;
	margin-bottom:10px;
}
.PDFreport h6 {
	padding:0;
	margin:0 0 5px 0;
	line-height:1.5;
	color:#C60;
	text-align:center;
}
.PDFreport img {
}
/*RIGHT SIDEBAR CLASSES */
.empower { font:Arial, Helvetica, sans-serif 14px; color:#704E42; float:left;}
.follow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#704E42;
	float:left;
	width: auto;
	margin: 5px 15px 0 0;
	font-weight: 100;
	padding: 0;
}

.tanoP {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#630;
	font-size: 14px;
}


.dropmenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#653B29;
	text-transform:capitalize;
	
}
.dropmenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	color:#b13500;
}
.Bindex .Dindex, .Baboutus .Daboutus, .Bprograms .Dprograms, .Borphanages .Dorphanages, .Bgetinvolved .Dgetinvolved, .Bsuccessstories .Dsuccessstories {
	color:#b13500;
}

/* Selected submenus get this style rule */
.Baboutus .Caboutus, .Bmission .Cmission, .Bteam .Cteam, .Bmodel .Cmodel, .Bpartners .Cpartners, .Bcontact .Ccontact, .Borphanages .Corphanages, .Bmamangina .Cmamangina, .Bmeetthechildren .Cmeetthechildren {
color:#C60;	
background:url(../images/selectedBullet.png) bottom left no-repeat;
padding-left:15px;
margin-left:26px;
list-style-position:inside;
	
}

.btexthiglight{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#b13500;
}	

ul < ul {
	list-style:inside;
}


/*TEAM PAGE */

#wrap_team p {
	float:right;
	width:425px;
}
#wrap_team img {
	float:left;
	margin-top: 30px;
}


/*LEFT SIDE NAVIGATION*/


.menutitle ul {
	list-style:none;
	background-image:none;
	list-style-type:none;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.menutitle li {
	list-style:none;
	font-weight:200;
	background-image:none;
	padding-left:20px;
	margin-bottom: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 2px;
	list-style-type: none;
}
.menutitle li a {
	color:white;
	font-size:14px;
}
.menutitle a:hover {
	color:#B8A7A1;
}

.menutitle{
cursor:pointer;
margin-bottom: 5px;
color:#ffffff;
width:180px;

text-align:left;


}

.submenu{
margin-bottom: 0.5em;
}
.submenu a {
	 font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#B8A7A1; padding-left:40px; line-height:18px;
}
.submenu a:hover {
	color:#fff;
}

.homeP {
	float:left;
	width:350px;
	padding: 10px 0;
	margin: 0;
}

.newsList {
	list-style:none;
	margin-left:0;
	padding-left:0;
	margin-top:0
}
.newsList li {
	padding-left:20px;
	margin-bottom:5px;
	margin-left:0;
	background-image:url(../images/bullet.jpg);
	background-position: 0 7px;
	background-repeat:no-repeat;
}
.newsList a:hover {
	color:#ccc;
}



/*MEET THE CHILDREN */
#MTCdiv img {
	margin-top:25px;
}
#MTCdiv2 {
	border: 2px solid pink;
	float:right;
	width:380px;
}
#MTCdiv2 li {
	font-size:12px;
}
.child {
	width:190px;
	float:left;
}
.child h3 {
	text-align:center;
}
.child img {
	margin:0 auto;
}
.child p {
	text-align:center;
	font-size:12px;
}
.child p + p {
	padding:10px;
	text-align:justify;
}