.clearfix:after {/*this will help the menu to push its container down and not overlapping it in firefox*/
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
body {
	margin: 0 ;
	padding: 0;
	background: #FDF6F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #005081;
}
div{margin: 0;padding: 0;}
p{margin:0 0 10px 0;padding: 0;}
img{ border:none;}
#page_wrap {
	display:block;
	width: 980px;
	padding:5px 0 0 0;
	margin: 0 auto;
	background:  url('../parts/bgs.jpg') repeat-y top center;
	position:relative;
	

}
#page {
	display:block;
	width: 980px;
	padding:0;
	margin: 0 ;
	float:left;

}
#sidebar {
display:block;
width: 800px;
padding:0;
margin: 0  0 0 95px;
background:  url('../parts/header_new.jpg') no-repeat top left;
height:230px;
position:relative;
}
#map{
display:block;
width:172px;
height:59px;
position:absolute;
margin:0;
padding:155px 0 0 0;
top:-5px;
right:0;
text-align:center;
background: url('../parts/map.jpg') no-repeat top right;
}
#map select{
width:135px;
margin:0 0 5px 0;

}
#content {
display:block;
width: 855px;
margin: 0 auto;
min-height:230px;
position:relative;

}
#actual_content {
display:block;
width: 640px;
margin: 0;
position:relative;
left:20px;
float:left;
line-height:17px;
}
#actual_content.wide{width: 810px;}
#actual_content a{color:#007FB4; text-decoration:underline;}
#right_col {
display:block;
width: 200px;
margin: 0;
min-height:220px;
position:relative;
right:5px;
top:-25px;
float:right;
}
#footer {
	display:block;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	padding:5px 0 40px 0;
	position:relative;
	text-align:center;
	top:0;
	left:4px;
	color:#fff;
	float:left;
	
}
#footer_content_links{
display:block;
	width: 850px;
	margin:0 auto;
	padding:5px 0 0 0;
	background: #006D9F ;
	height: 52px;
	color:#fff;
	text-decoration:none;
}
#footer_content_links a{
	color:#fff;
	text-decoration:none;
	
}
.java_box{
	display:block;
	width:617px;
	height:252px;
	padding:0  0 0 17px;
	background:#fff url('../parts/java_box.jpg') no-repeat 0 0;
}
.inner_jav1{
	display:inline-block;
	float:left;
	width:375px;
	height:223px;
	padding:0;
	margin:16px 8px 0 0;
	
}
.inner_jav2{
	display:block;
	float:left;
	width:200px;
	height:223px;
	margin:16px 0 0 0;
	
}
.credits{width: 850px;margin:0 auto;  color:#218ABF;  position:absolute; left:60px;}
.credits a{width: 850px;margin:0 auto;  color:#218ABF;}
#sign_up{
position:absolute;
left:100px;
display:block;
height:64px;
width:155px;
padding:0px;
margin:0;
background:  transparent url('../parts/logo4.jpg') no-repeat 0 0;
}
#sign_up a{
text-decoration:none;
display:block;
width:100px;
height:64px;

}
#logo {
	height: 160px;
	display:block;
	width:150px;
	
}
#logo a {
display:block;
width:145px;
height:160px;
text-decoration:none;
margin:0 0 0 10px;
}
#counter {
    display:block;
	height:60px;
	width: 230px;
	text-align:center;
	padding:18px  12px 0 0;
	position:absolute;
	top:15px;
	left:352px;
	color:#fff;
	font-size:18px;
	line-height:26px;
	
}
#counter a{
display:block;
width:230px;
float:left;
clear:both;
color:#fff;
text-decoration:none;
}
#counter a strong{
font-size:22px;
}
/*menu*/
#menu{display:block; width:690px; height:50px; margin:-40px 0 0 0; float:left;}
#nav { /* all lists */
display:block;
width:630px;
position: relative;
left:85px;
 z-index: 89;
 float: left;
text-align:left;
list-style: none;
 margin:0;
 padding:0;
 background: #0077AB url('../parts/menu.gif') repeat-x 0 -2px;
}


#nav li { /* all list items */
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
padding: 8px 3px 8px 2px;
border-right:1px solid #8AC9EA ;
background: #0077AB url('../parts/menu.gif') repeat-x 0 -2px;
color: #fff;
font-size:11px;
font-weight:bold;
word-spacing: -1px;
position: relative;
}
#nav li.last {
border-right:none ;
}
#nav li ul { /* second-level lists */
position: absolute;
top: 29px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
width: 170px;
	}

#nav li ul li {
    
    width:190px;
	position:relative;
   	background-image:none;
	border-bottom:1px solid #89C9EC;
	border-top:1px solid #006693;
	font-size:1em;
	padding: 6px 2px;
	margin:0;
	text-align:left;
	list-style-type:none;
	font-size:10px;
	
	
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	 left: 0;
	 width:180px;
	 margin:0 ;
	 padding:0 10px 0 0;
	 list-style-type:none;
}
 #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	 left: 0;
	  width:180px;
	 margin:0 ;
	 padding:0 10px 0 0;
	 list-style-type:none;
}
#nav  a{
text-decoration:none;
color:#fff;
margin:0 0 0 2px;
text-transform:lowercase;

}
#nav  a:hover{
color:#DEF3FD;
}
#nav li span {
margin:0 10px 0 0;
padding:0;
}

.right_link{
display:block;
width:167px;
margin:5px 0 5px 15px;
text-align:center;}
#key_box{
display:block;
width:167px;
min-height:200px;
padding:5px 5px 5px 8px;
margin:0 0 20px 0;
background:#fff;
border:1px solid #51A8CC;
position:relative;
left:15px;
}
.key_top{
margin:0;
padding:0;
}
#key_box h3{
font-size:12px;
margin:0 0 2px 0;
color:#fff;
background:#2D89BE url('../parts/search_title.jpg') repeat-x 0 0;
width:146px;
padding:6px 8px;
}
#keys{
display:block;
width:162px;
margin:0;
padding:0;
}
#keys li{
display:block;
width:162px;
height:70px;
margin:0 0 1px 0;
padding:0;

}
#keys li.on{
background:#8AC9EA;
}
#keys li.off{
background:#218ABF;
}
#keys li.off_bor{
border:1px solid #218ABF;
background:#218ABF;
width:160px;
}
#key_box a{
text-decoration:none;
display:block;
width:82px;
padding:27px 0 0 82px;
height:43px;
color:#fff;
vertical-align:middle;
font-size:0.9em;
font-weight:bold;
text-align:center;
}
#key_box a:hover{
text-decoration:none;
color:#fff;
}
#key_box a.home{background: transparent url('../parts/category_box.jpg') no-repeat  -2px -571px;}
#key_box a.child{background: transparent url('../parts/category_box.jpg') no-repeat  0 0;}
#key_box a.dis{background: transparent url('../parts/category_box.jpg') no-repeat  0 -70px;}
#key_box a.edu{background: transparent url('../parts/category_box.jpg') no-repeat  0 -140px;}
#key_box a.elderly{background: transparent url('../parts/category_box.jpg') no-repeat  0 -210px;}
#key_box a.eth{background: transparent url('../parts/category_box.jpg') no-repeat  0 -280px;}
#key_box a.health{background: transparent url('../parts/category_box.jpg') no-repeat  0 -355px;}
#key_box a.poverty{background: transparent url('../parts/category_box.jpg') no-repeat  0 -425px;}
#key_box a.women{background: transparent url('../parts/category_box.jpg') no-repeat  0 -500px;}
#slogan {
float:left;
	display:block;
	height:90px;
	width: 350px;
	margin:0 0 20px 0;
	position:relative;
	left:170px;
	padding:0;
	
	
}

/*styles*/
h1{ font-size:20px; color:#007FB4; margin:5px 0 10px 0;}
h3{ font-size:16px; color:#AE753E; margin:0 0 2px 0;}
h3.title{ font-size:13px; color:#AE753E; margin:0 0 2px 0;}
h4{ font-size:14px; color:#AE753E; margin:10px 0 0 0;}
.hidden_div{display:none;margin: 0;}
span.my{ color:#8AC9EA; }
/*boxes*/
.light_box{ display:block; width:621px; padding:0 10px 0 10px; margin:0; background:#FEFBF2 url('../parts/light_box.gif') repeat-y  -641px 0;}
.light_box em.light_top{ display:block; width:641px; height:10px; line-height:10px; padding:0; margin:0 0 0 -10px; background:#FEFBF2 url('../parts/light_box.gif') no-repeat  0 0;}
.light_box em.light_bottom{ display:block; width:641px; height:15px; line-height:15px; padding:0; margin:0 0 0 -10px; background:#FEFBF2 url('../parts/light_box.gif') no-repeat  -1282px 0;}
.dark_box{ display:block; width:621px; padding:0 10px 0 10px; margin:0; background: url('../parts/dark_box.gif') repeat-y  -641px 0;}
.dark_box em.light_top{ display:block; width:641px; height:10px; line-height:10px; padding:0; margin:0 0 0 -10px; background: url('../parts/dark_box.gif') no-repeat  0 0;}
.dark_box em.light_bottom{ display:block; width:641px; height:15px; line-height:15px; padding:0; margin:0 0 0 -10px; background: url('../parts/dark_box.gif') no-repeat  -1282px 0;}
.light_box p,.dark_box p{ margin:0 10px 10px 0;}
.home_box{ display:block; width:156px;height:137px; float:left; background:  url('../parts/blue_box2.gif') no-repeat  0 0; text-align:center; margin:10px 1px;}
.home_box h4{ margin:5px 0; color:#fff;}
.home_box img.no_bord{height:80px; border:1px solid #fff; margin:0 auto;}
.home_box img.arr_right{ position:relative; top:3px; left:3px;}
#content .home_box a{color:#fff; text-decoration:none; padding:0 ;}
img.align_left{ float:left; margin:0 10px 0 0; padding:2px; border:1px solid #ccc;}
img.align_right{  margin:0 ; padding:2px; border:1px solid #ccc;}
img.align_right_float{float:right; margin:0 10px; padding:2px; border:1px solid #ccc;}
img.donate_now_img{ float:left; margin:5px 10px 5px 0 ;}
div.caption_left{
display:block;
width:280px;
padding:0;
margin:5px 0 15px 0;
line-height:120%;
color:#6F400C;
font-size:0.93em;
float:left;
text-align:center;
}
div.caption_right{
display:block;
width:280px;
padding:0 0 5px 0;
margin:5px 20px 15px 15px;
line-height:120%;
color:#6F400C;
font-size:0.93em;
float:right;
text-align:center;
}
div.caption_left img{ clear:both;}

/****************************************************************************
								who we are
*****************************************************************************/
.team{
clear:both;
}
img.team{ float:left; margin:5px 10px 10px 0; height:140px;}
/*************************************************************************************
                                   forms
*************************************************************************************/
.form_cont{
display:block;
padding:10px;
font-size:0.9em;
color:#245EA8;
}
.form_cont form{
padding:0;
margin:0;
color:#245EA8;
}
.form_cont form legend{
font-weight:bold;
}
.form_cont form br{
clear:both;
}
label.short_lab{
width: 120px;
float: left;
margin:  2px 0;
display: inline-block;
vertical-align: top;
}
label.long_lab{
width: 280px;
margin:  2px 0;
display: block;
vertical-align: top;
}
label.long_lab_right{
width: 390px;
margin:  0 22px;
display: block;
vertical-align: top;
}
input.text{
    width: 160px;
	margin: 2px 0;
}
input.long_text{
    width: 280px;
	margin: 2px 0;
}
input.button1{
    width: 80px;
	margin: 5px 0;
}
textarea.area{
    width: 280px;
	height:80px;
	margin: 5px 0;
	overflow:auto;
}
textarea.area2{
    width: 160px;
	height:50px;
	margin: 5px 0;
	overflow:auto;
}
select{
width: 165px;
	margin: 2px 0;
}
p.error{
color:#CC0033;
display:block;
width:285px;
background:#eee;
padding:3px 0;
}
.error span.green{
color:#009933;
}
/****************************************************************************
								contact
*****************************************************************************/
address{
line-height:150%;
}
/****************************************************************************
								faq
*****************************************************************************/
#actual_content dt{ margin:5px 0 0 0; list-style-type:none;}
#actual_content dl.faq a{ cursor:pointer; text-decoration:none;}
#actual_content dl.faq a:hover{ cursor:pointer; background: #007FB4; color: #fff; }
/****************************************************************************
								trek
*****************************************************************************/
.trek_tabs{ display:block;width:400px; text-align:center; margin:0  0 10px 70px;}
.trek_tabs li{ display:inline;line-height:30px;}
#actual_content .trek_tabs li a{ background:#005685; padding:4px 8px; color:#fff; margin:2px; text-decoration:none; border:1px solid #005685; }
#actual_content .trek_tabs li a:hover,#actual_content .trek_tabs li a.thisone { background:#fff; padding:4px 8px; color:#005685; margin:2px; text-decoration:none;}
/****************************************************************************
								celebrate
*****************************************************************************/
#example_text{
position:absolute;
top:20px;
left:100px;
display:block;
width:480px;
border:1px solid #666;
background:#FCFEBD;
padding:0 10px;
}
.error{
color:#CC0033;
display:block;
width:600px;
border:2px solid #CC0033;
padding:3px 5px;
}
/****************************************************************************
								projects
*****************************************************************************/
.project_results{
clear:both;
display:block;
width:620px;
background:transparent;
min-height:190px;
margin:0 0 5px 0;

}
 .project_results .amount{
  float:right;
  font-weight:bold;
  margin:0 10px 0 0;
 }
#actual_content p.target{
margin:0;
padding:10px 0;
color:#007FB4;
font-weight:bold;
 
 }
 #actual_content ul li{
margin:0 0 7px 0;
padding:0 ;
}
 #actual_content p{
margin:2px 0 15px 0;
padding:0 ;
}
#actual_content .project_results p{
margin:2px 0;
padding:0 ;
}
.project_results img.head{
 /*float:left;*/
 margin:5px 0 10px 0;
 width:105px;
 
 }
 .image_and_link{
 float:left;
 margin:0 0 10px 0;
 width:105px;
 text-align:center;
 font-size:0.9em;

 
 }
.project_results .results_content{
display:block;
 margin:5px 5px 10px 115px;
 width:500px;
 float:none;
 }
.project_results h4{
  font-size:16px;
  margin:0;
  padding:0;
  display:block;
  width:400px;
  color:#AE753E;
}
#actual_content .project_results h4 a{
  color:#AE753E;
}
 .so_far{
 position:relative;
 top:20px;
 left:650px;
 padding:0;
 margin:0;
 height:12px;
 line-height:12px;
 width:90px;
 }
 .project_view{
 margin:10px 0 0 0;
  }
 .project_view img{
 margin:5px 10px;
  }
 .project_view h4{
  font-size:18px;
  margin:0 0 5px 0;
  padding:0;
  text-align:left;
  }
   .project_view table td{
 padding:5px;
  }
 .project_view img.head{
 float:left;
 margin:0 10px 0 0;
  }
 .donate_to{
 
 display:block;
 height:26px;
 width:175px;
 color:#fff;
 font-size:0.9em;
  }
  .donate_to a{
 color:#fff;
 padding:7px 0 0 5px;
 line-height:26px;
 text-decoration:none;
 font-weight:bold;
  }
  .donate_to2{
display:block;
 height:34px;
 width:183px;
 color:#fff;
 font-size:0.9em;
 text-align:center;
  }
  .project_info{
 margin:30px 0 0 0;
 padding:10px 5px;
 display:block;
 width:200px;
 background:#FEF3DF;
 border:1px solid #B07438;
 float:right;
  }
 .project_info_content{
  margin:10px 0 ;
 padding:5px;
 display:block;
 width:185px;
 background:#fff;
 border:1px solid #2188C2;
  }
#bottom_line p{
  margin:0  0 10px 0;
  text-align:left;
 padding:0;
 
  }
  .project_info_content h4{
 width:185px;
 text-align:center;
 color:#2188C2;
 border-bottom:1px solid #B07438;
  }
#progress_bar {
display:block;
height:20px;
width:150px;
margin:10px 0 20px 0;
}
#progress_bar_in {
position:relative;
display:block;
border:1px solid #B07438;
height:20px;
width:150px;
padding:0;
margin:0;
background:url('../parts/bar.gif') no-repeat left top ;
}
#marks{
font-size:9px;
color:#000;
padding:0;
margin:0;
width:200px;
}
#marks span{
margin:0 40px 0 55px;
}
.text_left{
display:block;
width:580px;
margin:0 10px 0 0;
float:left;
padding:0 ;
}
.text_left_wide{
display:block;
width:780px;
margin:0 10px 0 0;
float:left;
padding:0 ;
}
.text_right{
display:block;
width:200px;
float:right;
padding:0;
}
div.paging{margin:10px;}
#actual_content a.paging{ background:#B2712F; border:1px solid #FEFBF2; padding:2px 3px; color:#fff; text-decoration:none;}
#actual_content a:hover.paging{ background:#FEFBF2; border:1px solid #B2712F; padding:2px 3px; color:#B2712F; text-decoration:none;}
/*sponsored events*/
select.short_sel{ width:60px;}
form.spons label{ width: 270px;
margin:  2px 0;
display: inline-block;
vertical-align: top;
text-align:left;}
label.med_lab{ width: 170px;
margin:  2px 0;
display: inline-block;
vertical-align: top;
text-align:left;}
#edit_page{
display:block;
position:relative;
}
#top_info{
display:block;
width:600px;
margin:0 0 5px 0;
padding:5px 0;
}
#fund_text{
/*position:absolute;
top:100px;
left:220px;*/
}
#event_target_box{
float:left;
display:block;
width:420px;
background:#FEFBF2;
padding:5px;
margin:0 0 0 10px;
border:2px solid #C18346;
}
#event_target_box a{ cursor:pointer;}
#event_target_box div.error2{
color:#FF0000;
margin:5px 0 0 0;
font-size:10px;
}
#actual_content ul.app_tabs{
margin:0;
border-bottom:1px solid #C18346;
display:block;
clear:both;
height:27px;
padding:0 10px;
margin:0 0 10px 0;
}
#actual_content .app_tabs li{
display:inline;
margin:0;
list-style-type:none;
line-height:27px;
}
#actual_content .app_tabs li a{
margin:0 1pb;
text-decoration:none;
padding:5px 2px;
line-height:25px;
border-top:1px solid #C18346;
border-left:1px solid #C18346;
border-right:1px solid #C18346;
background:#FEFBF2;
font-size:10px;
}
#actual_content .app_tabs li a:hover{
color:#C18346;
}
ul.sponsored{
display:block;
width:650px;
height:210px;
margin:0 0 0 -10px;
padding:0;

}
ul.sponsored li{
display:inline;
margin:0;
list-style-type:none;
}
#actual_content ul.sponsored li a{
display:block;
float:left;
padding:130px 0 0 15px;
height:43px;
width:195px;
color:#AE7235;
text-decoration:none;
position:relative;
}
#actual_content ul.sponsored li a img.go{
position:relative;
top:10px;
}
ul.sponsored li a.ev1{background: url('../parts/sport_event.jpg') no-repeat  0 0;}
ul.sponsored li a.ev2{background: url('../parts/celeb_event.jpg') no-repeat  0 0;}
ul.sponsored li a.ev3{background: url('../parts/com_event.jpg') no-repeat  0 0;}

.donate_now{
 display:block;
 width:160px;
 height:26px;
 background:#C18346;
 font-size:0.9em;
 margin:20px 0 0 0;
 text-align:center;
  }
#actual_content .donate_now a{
 color:#fff;
 padding:7px 15px;
 line-height:26px;
 text-decoration:none;
 font-weight:bold;
 text-decoration:none;
  }
table.reoports{
width:630px;
border-collapse: collapse;
border:1px solid #C18346;
}
table.reoports th{
text-align:left;
background:#FEFBF2;
border-bottom:1px solid #C18346;
padding: 0 22px 0 3px;
}
table.reoports td{
text-align:left;
padding:0 22px 0 3px ;
border-bottom:1px solid #C18346;
}
p.quote{
font-family:"Times New Roman", Times, serif;
font-style:italic;

}
#actual_content ol  li {
margin: 0 0 15px 30px;
}
#actual_content a.more{
color:#fff;
background:  url('../parts/arrow.gif') no-repeat center right ;
padding:0 15px 2px 5px;
text-decoration:none;
}

span.gift{
font-size:0.8em;
}
#difference{
display:block;
width:400px;
margin:0 auto;
text-align:center;
color:#017EB4;
position:relative;
top:110px;
}
.left_im{
display:block;
height:160px;
width:164px;
float:left;
text-align:center;

}
.left_im img{
border: 1px solid #ccc;
padding:2px;
}
table.dark_light td{
vertical-align:top;

}
#content div.bigger{ margin:10px 0;}