/*
CSS Credit: https://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b8aa9b;
	background: #180f00;
	width: 100%;
}
		
a:link, a:visited { color: #FFFC5A; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #CCFF00; text-decoration: underline; }

p { margin: 0px; padding: 0px; text-align: justify; }

img { margin: 0px; padding: 0px; border: none; }

.paypal_image { border:none; background:transparent; width:auto; }

h1 {
padding-top:20px;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
}

h2 {

	font-size: 22px;
	font-weight: normal;
	color: #fffc5a;
}

h3 {
	margin: 0 0 10px 0;
	/*padding: 5px 0;*/
	font-size: 12px;
	font-weight: bold;
	font-weight: bold;
	color: #39b2ff;
}

h4 {
	margin: 0 0 10px 0;
	/*padding: 5px 0;*/
	font-size: 14px;
	font-weight:normal;
	color: #FFFFFF;
}

hr {
 	border: 0;
	height:1px;
	color:#FFFFFF;
	background-color:#FFFFFF;
}

h5 {

	font-size: 12px;
	font-weight: bold;
	color: #fffc5a;
}




#templatemo_site_title_bar_wrapper {
	/*position: relative;*/
	width: 100%;
	height: 160px;
	margin: 0 auto;	
	background:  url(https://www.abaana.org/mysponsorship/images/header3.jpg) center bottom no-repeat;
}

#templatemo_site_title_bar {
	width:  760px;
	height: 160px;
	margin: 0 auto;
	/*position:relative;*/
	/*padding: 0 16px 0 64px;*/
	background: url(https://www.abaana.org/mysponsorship/images/header4.jpg) center bottom no-repeat;
}


#login {
	float: right;
	/*display: block;*/
	height:100px;
	padding-top:10px;
}

#login p {
	color: #fffc5a;
}

#login a:hover {
	color: #e4bd33;
	text-decoration: none;
}

label {
padding-left: 15px;

}

input {
	/*padding:0.15em;*/

	height:20px;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	/*display:block;
*/
}
input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

input[type="checkbox"], input[type="radio"]{
background: transparent;
border: 0;
}


	
	#submit-go {
	background: url(https://www.abaana.org/mysponsorship/images/loginButton.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	height:38px;
	width:108px;
	
	display:block;
	cursor:pointer !important; cursor:hand;
}
#submit-go:hover {
	background: url(https://www.abaana.org/mysponsorship/images/loginButtonHover.png) no-repeat;
}

#submit-image {
	background: url(https://www.abaana.org/mysponsorship/images/downloadImage.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	height:20px;
	width:60px;
	
	display:block;
	cursor:pointer !important; cursor:hand;
}

		#nav-menu { /* This is the div to hold your nav (the UL generated at run time) */
			float: right;
			/*margin: 0 0 0 0;
			height:40px;*/
			/*clear: both;*/
		/*	position:absolute;
			bottom:10px;
			right:0;*/
		}
		
		#nav-menu ul { /* The auto-generated set of links */
			height: 40px;
			padding: 0px;
			
			list-style: none;
		}
		
		#nav-menu ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		#nav-menu a { /* The nav links */
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			line-height: 36px;
			background: #c6e3ff;
			color: #e0bb25;
			text-decoration: none;
			display: block;
			height: 38px;
			width: 105px;
			outline: none;
		}
	
	#nav-menu li a { background: url(https://www.abaana.org/mysponsorship/images/menuButton.png) no-repeat;}

	
	#nav-menu a:hover  {
		background: url(https://www.abaana.org/mysponsorship/images/menuButtonHover.png) no-repeat;
	}
	


/* content */

#templatemo_content_wrapper {
	width: 100%;
	height: 420px;
	margin: 0 auto;	
	background: url(https://www.abaana.org/mysponsorship/images/mainContentWrapper.jpg) top center no-repeat;
}

#templatemo_content {
	width:  760px;
	height: 420px;
	margin: 0 auto;
	/*padding: 0 16px 0 64px;*/
	background:  url(https://www.abaana.org/mysponsorship/images/mainContent.jpg) top center no-repeat; 
}

#templatemo_content p {
	margin-bottom: 10px;
}



#templatemo_footer_wrapper {
	clear: both;
	width: 100%;
	height: 250px;
	margin: 0 auto;	
	background: url(https://www.abaana.org/mysponsorship/images/footerWrapper.jpg) top center no-repeat;
}

#templatemo_footer {
	width:  760px;
	height: 250px;
	margin: 0 auto;
	/*padding: 7px 16px 0 474px;*/
	color: #000000;
	background: url(https://www.abaana.org/mysponsorship/images/footer.jpg) top center no-repeat;
}

#templatemo_footer a {
	font-weight: bold;
	color: #000000;
}


#scrollbar1 { width: 760px; clear: both;  }
#scrollbar1 .viewport { width: 740px; height: 400px; overflow: hidden; position: relative; }
#scrollbar1 .overview {
margin: 0 30px 30px 30px; 
list-style: none; 
position: absolute; 
left: 0; 
top: 0;

 }
 #scrollbar1 .overview p { 



 }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #333333; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track {  height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

#childTable
{
/*	width: 100%;
	background: #000000;
	filter:alpha(opacity=80); */
	
	
}

table.full-height {  width:100%;  border:1px solid black;}

#childContainer {
	width: 760px;

}
 #transparentUpper {
	width: 700px;
	height:130px;


	border:thick;
	border-color:#FFFFFF;
	background-color: #000000;

	filter:alpha(opacity=20);
opacity: 0.2;
-moz-opacity:0.2;
z-index:-10;


}
 #headerInfo {
	width: 700px;
	height:120px;

	border:thick;
	border-color:#FFFFFF;
	margin-top:-125px;
	filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
z-index:-1;



}


#receivedLetters {

width: 760px;

}
#photos {

width: 760px;

}
#sendLetter {
margin-top:15px;
width: 760px;

}

#childLower {
padding-top:10px;


}

#payments
{
	

	width: 100%;
	border-collapse: collapse;
	text-align: left;
	
}
#payments th
{
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: #fffc5a;
	padding: 5px 8px;
	border-bottom: 1px solid #CCCCCC;
}
#payments td
{
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	color: #39b2ff;
	padding: 6px 8px;
}
#payments tbody tr:hover td
{
	color: #FFFFFF;
}


#pictures {/*width:100px; height: 250px; background-color:#ffffff;*/}
 #pictures a.small, #pictures a.small:visited { display:block; /*width:100px; height:100px;*/ text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
 #pictures a img {border:0;}
 #pictures a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
 #pictures a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
 #pictures a.small:hover .large {display:block; position:absolute; top: 50px; left:50px; width:561px; height:326px; }