/* -----------------  page styles -------------------------------------------------------*/

body { padding:0; margin:0; font:11px Verdana, sans-serif; line-height: 17px; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color: #555; }
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff;}

/* -----------------  general styles  -------------------------------------------------------*/

a { color:#631e19; text-decoration: none;background:none; }
a:hover { color:#894e4e; background:none; text-decoration:underline; }
p { margin:0;padding-top:2px;}
h2 { font-weight:bold; font-size:12px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#444; background:none; border-bottom: 2px dotted #444; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:93px; background: url(../images/header.jpg) no-repeat; 
margin:0; }
#hright {float:right; width:540px; height: 60px; margin:15px 0 0 0;}
#hrighttop {width: 520px;margin: 0 2px 0 0; padding: 0 8px 2px 0; float:right; text-align: right;}

#menu { width: 540px; float:right; margin:2px 0 0 0; padding:0; text-align:right;}
#menu li { display:inline; }
#menu li a {  color:#444; text-decoration:none; padding:1px 10px 1px 10px;
height:19px; background:none;}
#menu li a:hover { background: none;color:#631e19;} 

/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:250px; margin:5px 0 10px 0;background: url(../images/homepic.jpg) no-repeat;}
#homepic a {color:#fff;}
#homepic:hover {background: url(../images/homepichover.jpg) no-repeat;}
.message{
	position:absolute;
	width:550px;
	float:left;
	margin:120px 0px 0px 15px;
	color:#fff;
}
.donate{
	position:absolute;
	float:left;
	margin:-4px 0px 0px 30px;
}
.date{
	position:absolute;
	float:right;
	margin:-179px 0px 0px 630px;
}
#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}
#bottomcontent{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5; overflow:auto;}
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;}
.left {float: left; width: 270px;margin: 0px 16px 5px 0px; padding:10px;}
.middle {
  float: left;
  width: 270px;
  margin: 0px 11px 5px 0px; 
  padding:10px;
}

/* ----------------------------  this is the css part for the homepage bottom right panel for sponsor a child section ------*/

.right_sponsor_a_child {overflow: hidden; float: right; width: 270px; margin: 9px 0px 5px 0px; padding:0px;}
.thumbs_sponsor_a_child img{position:relative;padding:1px;margin:0px 7px 5px 0px;border:1px solid #631e19;background:none;}
.thumbs_sponsor_a_child img:hover{border:1px solid #FE8D04; background:none;}

/* ----------------------------  this is the css part for the homepage bottom right panel for sponsor a cause section ------*/

.right_sponsor_a_cause {overflow: hidden; float: right; width: 270px; margin: 9px 0px 5px 0px; padding:0px;}
.thumbs_sponsor_a_cause img{position:relative;padding:1px;margin:0px 7px 5px 0px;border:1px solid #631e19;background:none;}
.thumbs_sponsor_a_cause img:hover{border:1px solid #FE8D04; background:none;}


/*Index page latest images*/

.latest-images-thumbnail {
    display:block;
	float:left;
	width:121px;
	height:100px;
	background-color: #fff;
	border: 1px solid #7F420B;
	padding: 1px;
	margin: 0 10px 10px 0;
	
}
.latest-images-thumbnail:hover {
    display:block;
	float:left;
	width:121px;
	height:100px;
	background-color: #fff;
	border: 1px solid #FE8D04;
	padding: 1px;
	margin: 0 10px 10px 0;
}
/*  You can also style the caption underneath the thumbnails with the following:  */

.latest-images-caption {
	text-align: center;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 0;
}



/* ----------------- Bottom content -------------------------------------------------------*/

#footer { clear: both; text-align:center; line-height: 1.8em; color: #444; background: #fff; padding: 4px 0; 
margin:10px 0 0 0;}
#footer a {color: #631e19; background: inherit;}


/*-------------------------------CSS3 BUTTON STYLING  just add any of the classes to your tags in your page where you would like to apply it--------------------------------------*/

.awesome, .awesome:visited {
	background: #222 url(images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 5px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
.awesome:hover							        { background-color: #111; color: #fff; }
.awesome:active							        { top: 1px; }
.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover						{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover						{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover						{ background-color: #fc9200; }