@charset "utf-8";
/* CSS Document */

body{

	background-image:url(../images/com/bgBody.png);
	margin:0;
	padding:0;
	color:#666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 18px;
	/*	background-color: #13372b;*/
	
}


body a{text-decoration:underline;
color:#666666;
	}

h1{
	color:#336C4B;
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

h1 span{
	color:#CC9933;
	margin-top:5px;
	padding:5px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	line-height:30px;
}


h2{
	color:#0F7252;
	margin:0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
h2 span{color:#FFF;}

h2 a{
	color:#0F7252;
	text-decoration:none;
}

h4{
	color:#666666;
	margin-left:30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


.projectTopics, .projectTopics:link, .projectTopics:visited, .projectTopics:active
{
	font-size: 20px; 
	font-weight:bold;
	color: #FFFFFF; 
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}



.projectTopics1, .projectTopics1:link, .projectTopics1:visited, .projectTopics1:active
{
	font-size: 15px; 
	font-weight:bold;
	color: #6d9413; 
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}

.subH1, .subH1:link, .subH1:visited, .subH1:active
{
	font-size: 12px;
	font-weight:bold;
	color: #806513;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:none;
}
.subH1:hover{
color: #806513;
}



.projectList, .projectList:link, .projectList:visited, .projectList:active
{
	font-size: 12px; 
	font-weight:normal;
	color: #6d9413; 
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: underline;
}

.projectCaption, .projectCaption:link, .projectCaption:visited, .projectCaption:active
{
	font-size: 12px;
	line-height:14px
	font-weight:normal;
	color: #806513;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:none;
}
.projectCaption:hover{
color: ##6D9413;
text-decoration:underline;
}

.projectCaption1, .projectCaption1:link, .projectCaption1:visited, .projectCaption1:active
{
	font-size: 11px;
	font-weight:normal;
	color: #806513;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:none;
}


.intro, .intro:link, .intro:visited, .intro:active
{
	font-size: 12px;
	font-weight:normal;
	color: #ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}


.whiteTxt, .whiteTxt:link, .whiteTxt:visited, .whiteTxt:active
{
	font-size: 12px;
	font-weight:normal;
	color: #ffffff;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	line-height: 18px;
}


.footer, .footer:link, .footer:visited, .footer:active
{
	font-size: 11px; 
	font-weight:normal;
	color: #717171; 
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}
.footer:hover{
color: #717171;
text-decoration:none;

}


.bluelink, .bluelink:link, .bluelink:visited{
	text-decoration:underline;
	color:#06C;
	line-height:20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.bluelink:hover{text-decoration:none; color:#0068CF;}


.notice{
	color:#CF670A;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
}

.textMark1{
	color:#c3783c;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.textMark2{
	color:#E6730B;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.textMark3{
	color:#B39D5B;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}



.projetTopics, .projetTopics:link, .projetTopics:visited, .projetTopics:active
{
	font-size: 12px;
	font-weight:bold;
	color: #C3A23C;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:none;
}
.projetTopics:hover{
color: #105e44;
}

.Topic1{
	font-size: 12px;
	font-weight:bold;
	color: #117553;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:none;
}



.projetIntro, .projetIntro:link, .projetIntro:visited, .projetIntro:active
{
	font-size: 11px;
	font-weight:normal;
	color: #595959;
	font-family: Tahoma, Geneva, sans-serif;
	line-height:14px;
	text-decoration:none;
}



.moreDetails, .moreDetails:link, .moreDetails:visited, .moreDetails:active
{
	font-size: 8px;
	font-weight:bold;
	color: #bd6220;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration:none;
	text-transform: uppercase;
	line-height: 20px;
}
.moreDetails:hover{
color: #f96a01;
}



.table{ 
font-size: 8px;
}
	
.picture-border {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #FFF;
	border: 1px solid #CCC;
}


li {
	color:#666666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-image: url(../images/com/dotProjectList.png);
	list-style-type: disc;
	background-attachment: fixed;
	z-index: 15;
	line-height: 15px;
	z-index: 15;
	padding-bottom: 5px;

}

.NavigationMenu{
	float:left;
	width:155px;
	background:url(../images/com/bg-heading.jpg) right no-repeat #13372b;
	font:bold 14px arial;
	color:#fff;
	padding:10px 30px 10px 15px;
}

.submenus{
	float:left;
	width:200px;
	border-top:1px solid #d3b24e;
	clear:left;
}

.submenus a{
	float:left;
	width:157px;
	background:url(../images/com/bg-submenu.jpg) right no-repeat #C3A23C;
	font:12px arial;
	color:#604e18;
	padding:7px 28px 7px 15px;
	text-decoration:none;
}

.submenus a:hover{
	text-decoration:none;
	color:#d1c294;
	background:url(../images/com/bg-submenu-hover.jpg) right no-repeat #a38528;
}
.note{ font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 18px;
	 color:#E6730B;}
	 
	 /* Menu starts */

#about{ width:90px; height:34px; background:url(../images/bttns/about-us.png); border:0px; margin:0px; padding:0px;}
#about:hover{width:90px; height:34px; background:url(../images/bttns/about-us_hover.png); }

#destinations{ width:116px; height:34px; background:url(../images/bttns/destinations.png); border:0px; margin:0px; padding:0px;}
#destinations:hover{ width:116px; height:34px; background:url(../images/bttns/destinations_hover.png); border:0px;}

#volunteer{ width:99px; height:34px; background:url(../images/bttns/volunteer.png); border:0px;margin:0px; padding:0px;}
#volunteer:hover{ width:99px; height:34px; background:url(../images/bttns/volunteer_hover.png); border:0px;}

#inquiry{ width:76px; height:34px; background:url(../images/bttns/inquiry.png); border:0px;margin:0px; padding:0px;}
#inquiry:hover{width:76px; height:34px; background:url(../images/bttns/inquiry_hover.png); border:0px;}

#apply{ width:97px; height:34px; background:url(../images/bttns/apply-now.png); border:0px;margin:0px; padding:0px;}
#apply:hover{ width:97px; height:34px; background:url(../images/bttns/apply-now_hover.png); border:0px;}

#contact{ width:104px; height:34px; background:url(../images/bttns/contact-us.png); border:0px;margin:0px; padding:0px;}
#contact:hover{ width:104px; height:34px; background:url(../images/bttns/contact-us_hover.png); border:0px;}

#home{ width:64px; height:34px; background:url(../images/bttns/home.png); border:0px;margin:0px; padding:0px;}
#home:hover{ width:64px; height:34px; background:url(../images/bttns/home_hover.png); border:0px;}


/* Menu Ends */



/* Working for zoom */

#proj_loc{}
#proj_loc_left{ float:left; width:220px; height:250px; }
#proj_loc_right{}
#zoom{ padding:0;
	width:200px;
	height:162px;
	background:url(../images/costarica/ct_1.png);
	position:absolute; z-index:1000;
	margin:5px 0 0 0;
	left: 479px;
	top: 909px;
}
#zoom:hover{ width:700px; height:566px; background:url(../images/costarica/country-google-map.png);}


/* Working for zoom Ends*/

/*
#link{
	background:url(images/bttns/brochure-btn.png);
	width:75px;
	height:18px;
	position:absolute;
	z-index:3;
	top: 264px;
	left: 567px;
}
#link:hover{ background:url(images/bttns/brochure-btn-hover.png); width:75px; height:18px;}

*/




#sub_board{
	background:#c3a23c;
	float:left;
	width:200px;
	border-top:1px solid #d3b24e;
	clear:left;
}


#sub_board a{
	float:left;
	width:157px;
	background:url(../images/com/bg-submenu.jpg) right no-repeat #C3A23C;
	font:12px arial;
	color:#604e18;
	padding:7px 28px 7px 15px;
	text-decoration:none;
}

#sub_board a:hover{
	text-decoration:none;
	color:#d1c294;
	background:url(../images/com/bg-submenu-hover.jpg) right no-repeat #a38528;
}

#in_link{ background:#c3a23c; margin:0; padding-bottom:10px;}
#in_link a{ background:#c3a23c; color:#FFF; padding:0; text-decoration:none; margin:0 0 5px 20px;}
#in_link a:hover{ color:#604e18; text-decoration:underline; background:#c3a23c;}

	
#bttn{ margin:0; padding:0;}
#bttn:link{ text-decoration:none;}
#bttn_inner{  font-family:Verdana; font-size:11px; font-weight:bold; color:#FFF; text-decoration:none; margin:0; padding:0; width:164px; height:31px; }
#bttn a{ text-decoration:none;}
#bttn_inner:hover{color:#EEE;}
#bttn_inner:active{font-size:10px;}
#left{ background:url(http://www.newhopevolunteers.org/images/bttns/left-bg.png) no-repeat; width:6px; height:31px; float:left;}
#right{background:url(http://www.newhopevolunteers.org/images/bttns/right-bg.png) no-repeat; width:22px; height:31px; float:left;}
#mid{ background:url(http://www.newhopevolunteers.org/images/bttns/mid-bg.png) repeat-x; height:24px; float:left; padding:7px 2px 0 0;}


.highlight-wrapper{
	margin:0 auto;
	padding:0;
}

.highlight-wrapper h1{
	margin-top:6px;
		font-size: 20px; 
	font-weight:bold;
	color: #FFFFFF; 
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;}
	
	.highlight-wrapper h2{
	font-size: 15px; 
	font-weight:bold;
	color: #6d9413; 
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	}
	
	.list-prog{
		margin:0;
		padding:0 0 0 20px;
	}
	
	.list-prog li{
		color:#fba40c;
		list-style:square;
		padding:0 0px 0 12px;
		line-height:24px;
	}
	
	.list-prog li a{
		color:#c3a23c;
		font-weight:bold;
		text-decoration:none;
	}
		
	/*For silde banner writing contest*/
.slide-out-div {
	padding: 8px;
	width: 250px;
	color: #6d9413;
	border: 1px solid #29216d;
	background-color: #FFF;
}