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

html, body, noscript, div, table, th, tr, td, img, ul, li, dl, dt, dd, p, h1, h2, h3, h4, form, fieldset, iframe, legend{
	margin:0;
	padding:0;
}
/* General Style Info */
html, body{
	height:100%;
}
body{
	background-color:#272626;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#333;
}
div, table{
	position:relative;
}
p{
	padding-bottom:1.5em;
}
a{
	color:#333;
	font-style:italic;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:none;
}
h1, h2, h3, h4{
	font-weight:bold;
}
h2{
	font-family:"Times New Roman", Times, serif;
	font-size:250%;
	font-style:italic;
	color:#3e8eb6;
	padding:0 20px;
	margin:0;
}
hr{
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	clear:both;
}
ul, li {
	margin: 0 12px;
}
object{
	display:block;
}
form{
	clear:both;
}
form div{
	vertical-align:text-top;
	clear:both;
}
form div.input{
	margin-bottom:1em;
}
form div.submit{
	margin-bottom:1em;
}
label{
	display:block;
	margin-bottom:5px;
}

/* Layout */
#container{
	text-align:left;
	width:100%;
	background-color:#bcd981;
	color:#333;
}
#header{
	clear:both;
	height:225px;
	width:100%;
	background-image:url(../img/header-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#header div.panel{
	width:962px;
	margin:0 auto;
	padding:0 10px;
}
#content{
	clear:both;
	width:934px;
	background-image:url(../img/content-bg.gif);
	background-repeat:repeat-y;
	background-position:11px top;
	margin:0 auto;
	padding: 8px 27px 8px 21px;
}
#footer{
	clear:both;
	width:100%;
	overflow:hidden;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	background-position:top;
	background-repeat:repeat-x;
}
#home #footer{
	height:392px;
	background-image:url(../img/home-footer-bg.gif);
	background-position:bottom;
}
#inner #footer{
	height:273px;
	background-image:url(../img/inner-footer-bg.gif);
	background-position:bottom;
}
#footer div.panel{
	background-color:#272626;
	width:962px;
	margin:0 auto;
	padding:0 10px;
}
#home #footer div.panel{
	margin-top:80px;
}
#inner #footer div.panel{
	margin-top:90px;
}
#footer a{
	color:#ccc;
	font-style:italic;
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}
#logo{
	position:absolute;
	width:314px;
	height:97px;
	left:332px;
	top:55px;
	z-index:1;
}
#logo a{
	text-decoration:none;
}
#language{
	position:absolute;
	top:2em;
	right:16px;
	font-family:"Times New Roman", Times, serif;
	font-size:110%;
}
#language a{
	text-decoration:none;
}
#language a:hover{
	text-decoration:underline;
}
#language a.active{
	text-decoration:underline;
}
#menu{
	position:absolute;
	width:962px;
	top:78px;
}
#menu ul{
	margin:0;
}
#menu li{
	list-style:none;
	margin:0;
	width:107px;
	height:74px;
	float:left;
	background-repeat:no-repeat;
}
#menu li a{
	display:block;
	width:107px;
	height:74px;
	text-decoration:none;
}
#menu li a span{
	visibility:hidden;
}
#menu li.option-1{
	background-image:url(../img/menu-option-1.png);
}
#menu li.option-2{
	background-image:url(../img/menu-option-2.png);
}
#menu li.option-3{
	background-image:url(../img/menu-option-3.png);
	width:427px;
}
#menu li.option-4{
	background-image:url(../img/menu-option-4.png);
}
#menu li.option-5{
	background-image:url(../img/menu-option-5.png);
}
#menu li.option-6{
	background-image:url(../img/menu-option-6.png);
}
#menu li:hover{
	background-position:0 -73px;
}
#menu ul li:hover ul{
	display:block;
}
#menu ul li ul{
	top:74px;
	position:absolute;
	display:none;
	width:140px;
}
#menu ul li ul li{
	clear:both;
	width:107px;
	height:24px;
	background-repeat:no-repeat;
}
#menu ul li ul li a{
	height:24px;
}
#menu ul li ul li.option-2-1{
	background-image:url(../img/menu-option-2-1.png);
}
#menu ul li ul li.option-2-2{
	background-image:url(../img/menu-option-2-2.png);
}
#menu ul li ul li.option-5-1{
	background-image:url(../img/menu-option-5-1.png);
}
#menu ul li ul li.option-5-2{
	background-image:url(../img/menu-option-5-2.png);
	height:40px;
}
#menu ul li ul li:hover{
	background-position:0 -24px;
}
#menu ul li ul li.option-5-2:hover{
	background-position:0 -40px;
}
#menu ul li ul li.option-5-2 a{
	height:40px;
}
div.panel{
	padding:4px 0;
	background-color:#8fe407;
	margin-top:10px;
}
div.panel div.background{
	background-color:#FFFFFF;
	padding:14px 0;
	width:934px;
	color:#2360a7;
	line-height:1.7em;
}
div.panel div.emphasize{
	background-color:#e2eff5;
	color:#3e8eb6;
	font-style:italic;
}
div.panel h3, #content div.panel h4{
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	margin:0;
	color:#333333;
}
div.panel h3{
	font-size:150%;
	padding:15px 20px 0.5em 20px;
}
div.panel h4{
	font-size:120%;
	padding:0 0 0.5em 0;
}
div.panel div.col{
	float:left;
	padding:0 20px;
	width:271px;
}
div.panel div.col-double{
	float:left;
	padding:0 20px;
	width:582px;
}
div.panel div.col-container-double{
	float:left;
	padding:0;
	width:622px;
}
div.panel div.col h3{
	font-size:150%;
	padding:15px 20px 0.5em 0;
}
div.panel div.image{
	padding:4px;
	background-color:#d2e5aa;
}
div.panel hr{
	padding:0;	
	margin:1em 20px;
}
div.about div.panel div.image{
	width:361px;
	height:229px;
}
div.about div.panel div.col-left{
	float:left;
	padding:15px 20px 0 20px;
	width:369px;
}
div.about div.panel div.col-right{
	float:left;
	padding:15px 20px 0 20px;
	width:485px;
}
div.types-of-volunteer-programs div.panel div.image-1{
	width:263px;
	height:204px;
}
div.types-of-volunteer-programs div.panel div.image-2{
	width:263px;
	height:166px;
}
div.types-of-volunteer-programs div.panel div.image-3{
	width:263px;
	height:309px;
}
div.types-of-volunteer-programs div.panel a{
	color:#2360a7;
}
div.objectives div.panel div.col-left{
	float:left;
	padding:15px 20px 80px 20px;
	width:427px;
}
div.objectives div.panel div.col-right{
	float:left;
	padding:15px 20px 0 20px;
	width:427px;
}
div.objectives div.panel div.image-1{
	width:253px;
	height:190px;
}
div.objectives div.panel div.image-2{
	position:absolute;
	left:277px;
	top:70px;
	width:159px;
	height:200px;
}
div.cost-and-logistics div.image{
	width:574px;
	height:232px;
}
div.participant-profile div.panel div.col-left{
	float:left;
	padding:0 20px;
	width:427px;
}
div.participant-profile div.panel div.col-right{
	float:left;
	padding:0 20px;
	width:427px;
}
div.participant-profile div.image-1{
	width:263px;
	height:323px;
}
div.participant-profile div.image-2{
	width:420px;
	height:235px;
}
div.testimonies{
	width:882px;
	margin:0 26px;
}
div.testimonies div.panel{
	margin-top:0;
	background-image:url(../img/separator.gif);
	background-position:center 10px;
	background-repeat:repeat-x;
	background-color:#d2e5aa;
	padding:10px 20px 0 20px;
}
div.testimonies div.panel div.background{
	background-color:#FFFFFF;
	background-image:url(../img/separator.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding:20px 0;
	width:auto;
	min-height:109px;
	color:#333333;
}
div.testimonies div.panel h3{
	font-style:italic;
	font-size:140%;
	font-family:"Times New Roman", Times, serif;
	padding:0 20px 0.7em 189px;
	color:#052949;
}
div.testimonies div.panel p{
	padding:0 20px 1.5em 189px;
}
div.testimonies div.panel .image{
	position:absolute;
	background-color:transparent;
	left:0;
	top:0;
	width:109px;
	height:109px;
	padding:20px 40px;
}
div.contact-us div.panel div.col-left{
	float:left;
	padding:15px 20px 0 20px;
	width:376px;
}
div.contact-us div.panel div.col-right{
	float:left;
	padding:15px 20px 0 20px;
	width:478px;
}
div.contact-us div.panel div.image{
	width:368px;
	height:235px;
}
#abstract{
	padding:4px 0;
	background-color:#8fe407;
}
#abstract div.background{
	height:250px;
	background-color:#e2eff5;
	background-image:url(../img/abstract-bg.gif);
	background-repeat:repeat-y;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	padding:20px 480px 20px 20px;
	overflow: hidden;
}
#abstract p{
	text-align:right;
}
#abstract p.top{
	color:#29c602;
	font-size:190%;
	padding-bottom:10px;
}
#abstract hr{
	padding:0;	
	margin:1em 0;
	border-color:#29c602;	
}
#abstract p.bottom{
	color:#077eb9;
	font-size:170%;
}
#abstract em{
	font-size:200%;
}
#abstract #abstract-object{
	position:absolute;
	top:0px;
	right:0px;
	width:460px;
	height:290px;
}
#abstract #abstract-object object.abstract-swf{
	width:460px;
	height:290px;
}
#abstract #abstract-object div.warning{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:460px;
}
#abstract .image{
	width:460px;
	height:290px;
}
#information{
	padding:4px 0;
	background-color:#8fe407;
}
#information div.background{
	background-color:#FFFFFF;
	padding:14px 0;
	width:934px;
}
#information div.separator{
	width:934px;
	background-image:url(../img/separator.gif);
	background-position: center;
	background-repeat:repeat-y;
}
#information #oportunity, #information #news{
	width:427px;
	float:left;
	padding:0 20px;
}
#information h2{
	font-style:italic;
	font-size:160%;
	font-family:"Times New Roman", Times, serif;
	padding:0 0 0.7em 0;
	color:#333
}
#information .detalle{
	padding:0 180px 10px 0;
	min-height:108px;
}
#information .detalle p{
	padding-bottom:0.7em;
}
#information .detalle span{
	color:#2360a7;
}
#information .detalle .image{
	position:absolute;
	top:0;
	right:0;
	width:158px;
	height:100px;
	padding:4px;
	background-color:#d2e5aa;
}
#information .last{
	padding-bottom:0;
}
#banner-1{
	width:934px;
	height:97px;
}
#banner-2{
	width:862px;
	margin:0 auto;
	padding:0 53px 10px 67px;
	background-image:url(../img/banner-2-bg.gif);
	background-repeat:repeat-y;
	background-position:11px top;
	height:119px;
}
#contact-us{
	color:#85dad5;
	padding:0 20px 0 0;
	width:500px;
	float:left;
}
#contact-us p{
	padding-bottom:0.8em;
}
#menu-panel-left{
	width:211px;
	float:left;
	color:#CCCCCC;
}
#menu-panel-right{
	width:231px;
	float:left;
	color:#CCCCCC;
}
#menu-panel-left ul, #menu-panel-right ul{
	margin:0;
	padding:0;
}
#menu-panel-left li, #menu-panel-right li{
	list-style:none;
	padding-bottom:1.2em;
}
#menu-panel-left li.container, #menu-panel-right li.container{
	padding-bottom:0;
}
#menu-panel-left li ul, #menu-panel-right li ul{
	padding-top:1.2em;
}
.no-display{
	display:none;
}
.block-break{
	clear:both;
}
div.warning{
	padding:0.2em 5px;
	color:#000;
	background-color:#FFFFCC;
}
div.warning a{
	color:#cc0000;
	text-decoration:underline;
}
div.warning a:hover{
	color:#cc0000;
	text-decoration:none;
}