@import url("p7exp.css");
@import url("discount.css");
/*__________________________________________________________________________NEW DESIGN VOLUNTEER STORY STYLESHEET
version: 3.0
author: nathaniel manu
email: nat@uvolunteer.org
website: www.uvolunteer.org
__________________________________________________________________________LAYOUT STRUCTURE
LOGO = 100%
	LOGO INNER = 974px
HEADER = 100%
	HEADER INNER = 974px + 7px for Header-inner-bg.gif (981px)
MAIN BODY = 100%
	CONTENT AND SIDEBAR HOLDER
		CONTENT HOLDER = 744px
			LOCALNAV = 155px 
			CONTENT = 564px
		SIDEBAR = 205px
BOTTOM MENU = 100%
	BOTTOM MENU INNER = 974px
FOOTER = 100%
	FOOTER INNER = 974px
__________________________________________________________________________GLOBAL STYLES AND SOME RESETS */
body {
margin:0;
padding:0;
font-size:small;
font-family: Verdana, Geneva, sans-serif;
background:#fefcf1;
}
h1 {font-size:150%;}
h2 {font-size:130%;}
h3 {font-size:120%;}
h4 {font-size:90%;}
h5 {font-size:80%;}
ul {margin:0;padding:0;}
a:link, a:link, a:active, a:visited {
color:#d14f00;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/*__________________________________________________________________________CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

/*__________________________________________________________________________CONTAINERS */
#menu, #logo,#header,#main-body, #bottom-menu,#footer, #reserve-footer  {
width:100%;
}
/*ALL INNER TYPE CONTAINERS WIDTH OF 974 AND CENTERED*/
#content-sidebar-holder, #country-inner, #vol-bottom-menu-inner, #bottom-menu-inner,#bottom-menu-inner-1col,#vol-header-inner,#logo-inner,#bottom-menu-inner,#footer-inner  {
width:974px;
position:relative;
left:50%;
margin-left:-487px;
overflow:hidden;
xxborder:1px solid red;
}
#main-body {
background:#fefcf1 url(images/blend-top2.jpg) repeat-x top left;
clear:both;
overflow:hidden;
}

/*__________________________________________________________________________LOGO */
#logo{
background:#369a02 url(images/logo-bkg3.gif) repeat-x ;
position:absolute;
top:0;
}
div.number-euro{background:url(images/number-euro.gif) no-repeat;background-position: top right;}
div.number-usa{background:url(images/number-usa.gif) no-repeat;background-position: top right;}
div.number-all{background:url(images/number-all.gif) no-repeat;background-position: top right;}

/*_________________________________________________________________________________________HEADERS*/
#header {
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
background:#759e23 url(images/header-bg2.gif) repeat-x bottom left;
margin-top:97px;
}

#header-inner {
width:986px;
position:relative;
left:50%;
margin-left:-493px;
overflow:hidden;
xxbackground:url(images/vol-header-bg.jpg) repeat-x bottom right;
background:url(images/header-bg-blend2-6.jpg) repeat-x bottom right;
}
#header img{
margin:45px 0 0 50px; 
padding-bottom:30px;
float:left;
}
#header  h1{
margin:45px 60px 15px 350px; 
padding:0;
color:#fff;
font-size:230%;
font-weight:normal;
}
#header  p{
margin:0 60px 0 350px; 
color:#fff;
font-size:16px;
padding-bottom:30px;
line-height:150%;
xxborder:1px solid;
}
#header p a{
color:#baf54d;
}
#header p strong{
font-weight:normal;
}
/*__________________________________________________________________________COUNTRIES HEADER STYLE SHEET */
#country #header-inner {
width:974px;
position:relative;
left:50%;
margin-left:-487px;
overflow:hidden;
xxbackground:url(images/vol-header-bg.jpg) repeat-x bottom right;
xxborder:1px solid;
height:284px;
background-position:bottom left;
}
#country #header  h1{
margin:30px 60px 15px 330px; 
padding:0;
color:#fff;
font-size:230%;
font-weight:normal;
}
#country #header p{
margin:0 60px 0 330px; 
color:#fff;
font-size:16px;
padding-bottom:30px;
line-height:150%;
xxborder:1px solid;
}
#country #header .argentina{background:url(images/hdr-bg-argentina.jpg) no-repeat center right;}
#country #header .bolivia{background:url(images/hdr-bg-bolivia.jpg) no-repeat center right;}
#country #header .china{background:url(images/hdr-bg-china.jpg) no-repeat center right;}
#country #header .costa-rica{background:url(images/hdr-bg-costa-rica.jpg) no-repeat center right;}
#country #header .ghana{background:url(images/hdr-bg-ghana.jpg) no-repeat center right;}
#country #header .india{background:url(images/hdr-bg-india.jpg) no-repeat center right;}
#country #header .kenya{background:url(images/hdr-bg-kenya.jpg) no-repeat center right;}
#country #header .malawi{background:url(images/hdr-bg-malawi.jpg) no-repeat center right;}
#country #header .nepal{background:url(images/hdr-bg-nepal.jpg) no-repeat center right;}
#country #header .nicaragua{background:url(images/hdr-bg-nicaragua.jpg) no-repeat center right;}
#country #header .peru{background:url(images/hdr-bg-nepal.jpg) no-repeat center right;}
#country #header .thailand{background:url(images/hdr-bg-thailand.jpg) no-repeat center right;}
#country #header .uganda{background:url(images/hdr-bg-uganda.jpg) no-repeat center right;}
#country #header .south-africa{background:url(images/hdr-bg-south-africa.jpg) no-repeat center right;}
#country #header .tanzania{background:url(images/hdr-bg-tanzania.jpg) no-repeat center right;}

#country #header .africa{background:url(images/hdr-bg-africa.jpg) no-repeat center right;}
#country #header .south-america{background:url(images/hdr-bg-south-america.jpg) no-repeat center right;}
#country #header .central-america{background:url(images/hdr-bg-central-america.jpg) no-repeat center right;}
#country #header .latin-america{background:url(images/hdr-bg-latin-america.jpg) no-repeat center right;}
#country #header .southeast-asia{background:url(images/hdr-bg-southeast-asia.jpg) no-repeat center right;}
#country #header .asia{background:url(images/hdr-bg-asia.jpg) no-repeat center right;}


#country #header .hiv-and-aids{background:url(images/hdr-bg-hiv-and-aids.jpg) no-repeat center right;}
#country #header .animal-conservation{background:url(images/hdr-bg-animal-conservation.jpg) no-repeat center right;}
#country #header .arts-and-crafts{background:url(images/hdr-bg-media-arts.jpg) no-repeat center right;}
#country #header .building-and-constructing{background:url(images/hdr-bg-building-and-constructing.jpg) no-repeat center right;}
#country #header .community-development-and-education{background:url(images/hdr-bg-community-development-and-education.jpg) no-repeat center right;}
#country #header .orphanage-childcare{background:url(images/hdr-bg-orphanage-childcare.jpg) no-repeat center right;}
#country #header .conservation{background:url(images/hdr-bg-conservation.jpg) no-repeat center right;}
#country #header .environmental-conservation{background:url(images/hdr-bg-environmental-conservation.jpg) no-repeat center right;}
#country #header .family-volunteering{background:url(images/hdr-bg-family-volunteering.jpg) no-repeat center right;}
#country #header .groups-volunteering{background:url(images/hdr-bg-groups-volunteering.jpg) no-repeat center right;}
#country #header .healthcare{background:url(images/hdr-bg-healthcare.jpg) no-repeat center right;}
#country #header .teach-it-and-computer-skills{background:url(images/hdr-bg-teach-it-and-computer-skills.jpg) no-repeat center right;}
#country #header .journalism{background:url(images/hdr-bg-journalism.jpg) no-repeat center right;}
#country #header .language-school{background:url(images/hdr-bg-language-school.jpg) no-repeat center right;}
#country #header .media{background:url(images/hdr-bg-media.jpg) no-repeat center right;}
#country #header .medicine{background:url(images/hdr-bg-medicine.jpg) no-repeat center right;}
#country #header .project-combinations{background:url(images/hdr-bg-project-combinations.jpg) no-repeat center right;}
#country #header .rehabilitation{background:url(images/hdr-bg-rehabilitation.jpg) no-repeat center right;}
#country #header .special-needs{background:url(images/hdr-bg-special-needs.jpg) no-repeat center right;}
#country #header .teaching{background:url(images/hdr-bg-teaching.jpg) no-repeat center right;}
#country #header .teaching-and-coaching-sports{background:url(images/hdr-bg-teaching-and-coaching-sports.jpg) no-repeat center right;}
#country #header .teaching-english{background:url(images/hdr-bg-teaching-english.jpg) no-repeat center right;}
#country #header .turtle-conservation{background:url(images/hdr-bg-turtle-conservation.jpg) no-repeat center right;}
#country #header .wildlife-conservation{background:url(images/hdr-bg-wildlife-conservation.jpg) no-repeat center right;}
#country #header .womens-empowerment{background:url(images/hdr-bg-womens-empowerment.jpg) no-repeat center right;}


/*________ VOLSTORIES HEADER */
#volstory #header-inner h1{
width:564px;
height:46px;
background:url(images/header-tab.jpg) no-repeat top left;
margin:0 0 0 0;
padding:10px 0 0 25px;
position:relative;
top:10px;
margin-left:181px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
}
#volstory #header-inner p{
margin:0 0 0 15px;
color:#fff;
width:510px;
font-size:18px;
padding-bottom:30px;
line-height:150%;
}
p.page_name{
font-size:120%;
font-weight:bold;
}
/*____________________________________RESERVATION HEADER*/
#reservation-logo-inner h2{
font-family: "Trebuchet MS", sans-serif;
color:#baf54d;
font-weight:normal;
margin:0;padding:4px 0 10px 0;
font-size:220%;
float:left;
margin-left:8px;
}
#reservation-logo-inner h2 span{
color:#fff;
display:block;
font-size:58%;
font-weight:normal;
margin-top:-3px;
}

/*_______________________________________________________________________________________ COUNTRY HOMEPAGE STYLES*/

/*___________COUNTRY PAGES LAYOUT*/
#country #content-sidebar-holder {
width:994px; /* NEEDS TO GROW TO ACCOMODATE BORDEDR */
background:#fefcf1 url(images/content-country-bg.jpg) no-repeat top left;
position:relative;
left:50%;
margin-left:-497px;
padding-top:40px;
}
#country #content-holder {
width:665px;
margin-left:0px;
position:relative;
left:60px;
line-height:145%;
float:left;
}
#country #sidebar {position:relative;left:-30px;}
#country #content-holder div img {float:left; padding:5px;border:1px solid #ccc;}
xx#country #content-holder img {float:left;}
#country #content-holder h2{
margin:0;
padding:0 0 5px 0;
font-size:22px;
line-height:150%;
font-weight:normal;
}

img.h_flag {
float:left;
position:relative;
left:-3px;
}


/*___________REGION PAGE LAYOUT H2*/
#country #content-sidebar-holder .region h2, #country #content-sidebar-holder .category h2{
padding:0;
}

#country #content-holder div p {
margin:10px 0 0 150px;
padding:0;
}
#country #content-holder div{
border-top:2px dotted #e8e6e6;
padding:15px 0 5px 0;

}
#country #content-holder h4{
font-family: "Trebuchet MS", sans-serif;
font-size:165%;
font-weight:normal;
padding:0;
margin:0 0 0 150px;
}
#country #content-holder div img {
float:left; 
border:1px solid #eceae0;	
padding:8px;
background:#faf9f2;
margin-bottom:15px;
}
#country #content-holder div span {
display:block;
font-size:90%;
color:#666;
margin:15px 0 5px 0;
}
#country #content-holder div span strong {
color:#b0e333;
}
.project-list a {line-height:1.25em;}

/*________________________________________________________________________________ VOLUNTEER STORIES SPECIFIC STYLES*/
#vol-story #content-holder {
width:700px; /* 744 (original size) + 9 (content-bg.jpg difference/2) = 753 */
float:left;
}
/*________________________________________________________________________________ PROJECTS PAGE SPECIFIC STYLES*/
#projects #header-inner {background-image:none;}
#projects #header img{margin:45px 0 0 0;}
#projects #header h1{margin:45px 100px 15px 300px;}
#projects #header p{margin:0 100px 0 300px;font-size:1.4em;line-height:165%;}

#projects #content-holder {
width:804px; 
float:right;
xxborder:1px solid blue;
background:#fefcf1 url(images/content-proj-bg.jpg) no-repeat top right;
xxpadding-top:20px;
}
#projects #content-sidebar-holder{
width:984px;
position:relative;
left:50%;
margin-left:-487px;
xxborder:1px solid red;
overflow:hidden;
}

#proj-content{
width:564px;  /* 564 (original size) + 18 (content-bg.jpg difference) = 582 */
float:left;
line-height:170%;
margin-top:30px;
}
#proj-content p, #proj-content ul, #projects #proj-content h3{
width:525px;
xxposition:relative;
margin-left:30px;
xxborder:1px solid red;
}
#proj-content h3 {
margin:25px 0 0 0;
padding:0;
font-size:110%;
color:#90bf31;
}
#proj-content ul {
margin-top:10px;
}
#proj-content ul li {
list-style-type:square;
margin-left:15px;
margin-bottom:10px;
}
#proj-content p img{
float:left;
margin-top:5px;
margin-right:10px;
margin-bottom:10px;
xxborder:1px solid #ccc;
background:#f3efef;
padding:4px;
}
#proj-content h2{
color:#fff;
background:#5dae36 url(../images/listing-icon.gif) no-repeat 99% 50%;
padding:4px 0;
text-transform:sentence;
padding:0 0 0 10px;
margin:0;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight:normal;
}

/*____________________________________________________________________________________PROJECT TABBED NAVIGATIONS */
#header-inner ul{
clear:both;
font-family: Verdana, Geneva, sans-serif; 
list-style:none;
margin-left:196px;
width:594px;
}
#header-inner ul li{
float:left;
margin-right:3px;
}
#header-inner ul li a{
float:left;
display:block;
font-size:100%;
font-weight:bold;
color:#769f23;
text-decoration:none;
padding:5px 40px 5px 10px;
background:#b0d95e;
border:1px solid #cae496;
border-bottom:1px solid #6f9521;
}
#header-inner ul li.proj-overview a{
padding-left:20px;
}

#header-inner ul li a:hover{
color:#fff;
text-decoration:none;
background:#8ad33b;
}

#header-inner a em{
display:block;
font-style: normal;
}
/*-------------Active Links Styling just for the first tab*/
body.proj-overview #header-inner .proj-overview a{
color:#000;
background:#fff;
cursor:default;
padding:7px 40px 5px 20px;
border:0;
float:left;
}
/*-------------Active Links Styling for rest of tabs */
body.proj-factfile #header-inner .proj-factfile a, 
body.proj-extras #header-inner .proj-extras a, 
body.proj-after-register #header-inner .proj-after-register a {
color:#000;
background:#fff;
cursor:default;
padding:7px 40px 5px 10px;
border:0;
float:left;
}
body.proj-overview #header-inner .proj-overview a:hover, body.proj-factfile #header-inner .proj-factfile a:hover, body.proj-extras #header-inner .proj-extras a:hover, body.proj-overview #header-inner .proj-after-register a:hover { /*to stop the hover style on the active link*/
color:#000;
background:#fff;
}

/*________FACTFILE HIDE SHOW*/
#proj-content-factfile {
xxborder:1px solid blue;
width:530px;
position:relative;
margin:0;
left:30px;
display:none;
float:left;
line-height:170%;
margin-top:15px;
}
#factfile {
xxborder:1px solid red;
}
#proj-content-factfile ul {
margin:15px 0 0 0;
}
#proj-content-factfile ul#factfile li {
border-bottom:2px dotted #ccc;
list-style-type:none;
margin:0;
padding:8px 0;
}
#proj-content-factfile ul#factfile li li {
xborder:1px solid blue;
border-bottom:0;
list-style-type:square;
margin:0 0 0 15px;
padding:0;
}


/*__________________________________________________________________________________________________LOCALNAV */
#localnav {
width:155px;
float:left;
margin-top:25px;
xxborder:1px solid;
}
#localnav img{
xxpadding:6px;
xxbackground:#fff;
xxborder:1px solid #eceae0;
margin:15px 0 10px 0;
xxpadding:5px;
}

#projects #localnav {
width:165px;
float:left;
xxborder:1px solid #e0eacc;
xxmargin-left:10px;
}
#projects #sidebar {
width:233px; /* 205 (original size) + 10px to accomodate half pageblend) = 215 */
float:right;
xxborder:1px solid #e0ea7c;
text-align:left;
}

#volpic {
color:#bbaf84;
line-height:180%;
font-size:90%;
margin-bottom:30px;
list-style:none;
}
#volpic strong{
color:#998643;
}
/*__________________________________________________________________________LOCALNAV MENUS*/
#localnav ul {
margin-bottom:30px;
}
#localnav h3{
font-size:90%;
color:#797b74;
border:1px solid #ccc;
background:#fff url(images/sides-h3-bg.gif) repeat-x;
background-position:bottom center;
text-align:left;
padding:10px 0 10px 10px;
margin:0;

}

.localnav-menu li {
list-style:none;
border-bottom:1px dotted #ccc;
}
.localnav-menu  li a {
color:#d14f00;
text-decoration:none;
padding:6px 10px;
display:block;
line-height:180%;
font-size:90%;
}
.localnav-menu a:hover {
background-color:#f6f8e2;
}
/*__________________________________________________________________________CONTENT*/
#content{
width:582px;  /* 564 (original size) + 18 (content-bg.jpg difference) = 582 */
float:right;
background:#fefcf1 url(images/content-bg.jpg) repeat-x top left;
}
#content p{
margin-left:35px;
padding-right:25px;
line-height:150%;
width:512px;
}
p.program-project {
font-size:85%;
padding:20px 0 0 0;
xxborder:4px solid #e0eacc;
width:300px;
}
p.program-project a {
text-decoration:none;
color:#d14f00;
}
.program-project a:hover {
text-decoration:underline;
}
p strong em {
color:#90bf31;
padding-top:20px;
}
#content img {
margin:0 0 0 0;
border:6px solid #eaf4d5;
}
p span {
color:#90bf31;
}
/*__________________________________________________________________________________ PROMOS */

/*_______________________ DOWNLOAD PROJECT INFORMATION */
.download-project {
background:url(images/download-fff.gif) no-repeat;
height:47px;
text-indent:35px;
font-size:120%;
border:0;
padding-top:.4em;
text-align:left;
margin:25px 0 0 0;
}
#vol-story .download-project {
margin-left:35px;
xxborder:1px solid red;
}
.download-project a{
color:#d14f00;
text-decoration:none;
}
.download-project a:hover{
text-decoration:underline;
}
#bottom-menu-inner-1col .download-project{
margin-left:15px;
}
/*_______________________ VOLUNTEER STORY PROMO */
.volstory-promo {
border:1px solid #ece9d9;
position:relative;
left:30px;
overflow:hidden;
background:#f5fbf1 url(images/vs-promo-quotes.gif) no-repeat top left;
width:520px;
padding:0 0 10px 0;
}
.volstory-promo img.volpic, #factfile img.volpic{
float:left;
margin:10px;
}
#proj-content .volstory-promo p, #factfile .volstory-promo p{
xxborder:1px solid #ece9d9;
margin:7px 0 0 0;
padding:0;
width:380px;
position:relative;
left:-20px;
float:right;
font-style:italic;
}
.volstory-promo p strong {
font-size:110%;
font-style:normal;
}
.volstory-promo p em {
font-size:80%;
font-style:normal;
}
.volstory-promo a{
font-style:normal;
}
.volstory-promo a.readmore, .volstory-promo a.readmore{
font-style:normal;
display:block;
}
#factfile .volstory-promo {
margin:10px 0 10px -30px;
width:528px;
}
/*__________________________________________________________________________SIDEBAR */
#sidebar {
width:205px;
float:right;
margin-top:25px;
xxborder:1px solid red;
}

#vol-gallery {
padding:6px;
background:#fff;
border:1px solid #eceae0;
margin-bottom:10px;
}
#rnav-promos{
xxborder:1px solid blue;
width:205px;
}

#country #rnav-promos h3, #projects #rnav-promos h3, #vol-story-index #rnav-promos h3, #vol-story-index #localnav h3  {
font-size:90%;
color:#797b74;
border:1px solid #ccc;
background:#fff url(images/sides-h3-bg.gif) repeat-x;
background-position:bottom center;
text-align:left;
padding:10px 0 10px 10px;
margin:0;
clear:both;
}
#rnav-promos ul {
margin-bottom:10px;
}
/*__________________________________________________________________________DATES DURATION N PRICE CALCULATOR */
.datesNfees {
		width:204px;
		padding:2px 0 14px 0;
		margin:10px auto;
		background:url("images/avilability-bg.gif") bottom left no-repeat;
		padding-right:30px;
}
.datesNfees h3 {
		font-size:110%;
		color:#49980d;
		margin:0;
		padding:7px 10px 5px 10px;
		background:url("images/avilability-bg.gif") top left no-repeat;
		border-bottom:1px solid #97cc2d;
}
.datesNfees form{
		margin:0;
		padding:15px 0 0 10px;
		border-left:1px solid #97cc2d;
		border-right:1px solid #97cc2d;
		background:#fff;
		line-height:120%;
}
.datesNfees form label {display:block;margin-bottom:4px;padding-left:18px;}	
.datesNfees form label#idate {background:url("images/idate.gif") 0% 50% no-repeat;}
.datesNfees form label#ifee {background:url("images/ifee.gif") 0% 50% no-repeat;}
.datesNfees form label#ilang {background:url("images/ilang.gif") 0% 50% no-repeat;}	
.datesNfees form select {width:184px;margin-bottom:7px;}
.datesNfees form span {text-align:center;display:block;font-size:85%;color:#999;position:relative;left:-5px;}	


/*__________________________________________________________________________COMMUNICATION BUTTONS*/

#btn-ask-question{
margin:10px 0;
padding:0;
list-style:none;
}
#btn-ask-question a {
display:block;
background:url(images/btn-ask-question.gif) no-repeat;
height:64px;
width:205px;
}

#btn-request-callback{
margin:10px 0;
padding:0;
list-style:none;
}
#btn-request-callback a {
display:block;
background:url(images/btn-request-callback.gif) no-repeat;
height:64px;
width:205px;
}

/*

h3#btn-more-info, h3#btn-ask-question,  h3#btn-speak-advisor, btn-request-callback {
font-size:100%;
height:64px;
border:0;
margin:10px 0;
padding:0;
}
#btn-more-info a, #btn-ask-question a,  #btn-speak-advisor a, btn-request-callback a{
padding:15px 0 45px 50px;
display:block;
width:153px;
xxborder:1px solid;
}
h3#btn-more-info {
background:url(images/btn-more-info.gif) no-repeat;
}

h3#btn-speak-advisor {
background:url(images/btn-ask-question.gif) no-repeat;
}

h3#btn-ask-question{
margin:10px 0;
padding:0;
}
h3#btn-ask-question a {
background:url(images/btn-ask-question.gif) no-repeat;
height:64px;
width:205px;
}
h3#btn-ask-question a:hover {
background:url(images/btn-ask-question-hover.gif) no-repeat;
}

#btn-ask-question span {
xxposition:relative;
xxtop:-47px;
font-size:75%;
margin:3px 0;
padding:0 0 0 0;
display:block;
font-weight:normal;
line-height:120%;
text-indent:0;
width:100%;
xxborder:1px solid;
color:#666;
}

#btn-ask-question a:hover{
text-decoration:none;
}
#btn-ask-question a em{
text-decoration:none;
font-style:normal;
}*/
/*__________________________________________________________________________BOTTOM MENU INNER */
#bottom-menu {
xxbackground:url(images/blend-bottom.jpg) repeat-x bottom left;
border-bottom:1px solid #fff9d7;
}
#bottom-menu-inner, #bottom-menu-inner-2col, #bottom-menu-inner-1col{
xxborder:1px solid green;
overflow:hidden;
}
#bottom-menu-inner a:hover {text-decoration:underline;}

/*_____________________ 2 COLUMNS BOTTOM MENU */
#bottom-menu-inner-2col{
width:642px; /*582 + the margin-right (30px)times 2 = 642 */
position:relative;
left:50%;
margin-left:-288px; /*half of 582 original width of div*/
}
#bottom-menu-inner-2col ul{
list-style:none;
margin:0 30px 50px 0;
width:251px;
line-height:250%;
float:left;

}
#bottom-menu-inner-2col ul li, #bottom-menu-inner-1col ul li{
border-bottom:1px solid #f0d7a9;
}
#bottom-menu-inner-2col ul li a, #bottom-menu-inner-1col ul li a{
display:block;
color:#d14f00;
text-decoration:none;
text-indent:0px;
}
#bottom-menu-inner-2col ul li a:hover, #bottom-menu-inner-1col ul li a:hover{
xxbackground:#f8f1cd;
text-decoration:underline;
}

/*_____________________ 1 COLUMN BOTTOM MENU */
#bottom-menu-inner-1col{
width:526px;
padding-left:198px;
xxheight:150px;
}
#country #bottom-menu-inner-1col{
width:715px;
padding-left:0;
}
#bottom-menu-inner-1col ul{
list-style:none;
margin:30px 0 0px 0;

line-height:250%;
clear:both;
xxborder:1px solid;
}


/*-------------Active Links Styling bottom menu*/
body.proj-overview #bottom-menu #proj-overview a, 
body.proj-factfile #bottom-menu #proj-factfile a, 
body.proj-extras #bottom-menu #proj-extras a, 
body.proj-after-register #bottom-menu #proj-after-register a {
color:#f0d7a9;
}

body.proj-overview #bottom-menu #proj-overview a:hover, 
body.proj-factfile #bottom-menu #proj-factfile a:hover, 
body.proj-extras #bottom-menu #proj-extras a:hover, 
body.proj-after-register #bottom-menu #proj-after-register a:hover { /*to stop the hover style on the active link*/
color:#f0d7a9;
text-decoration:none;
cursor:default;
}
/*__________________________________________________________________________PROGRAM LISTINGS */

#uv-programs {
margin:0 auto;
xxheight:350px;
background:#333;
color:#fff;

}
#program-listings {
margin:10px auto;
width:974px;
xxborder-bottom:1px solid;
}
#program-listings a{
font-weight:bold;
margin-left:200px;
text-decoration:none;
width:526px;
display:block;
xborder:1px dotted #f0d7a9;
padding:10px 0;
}

#country #program-listings a{
font-weight:bold;
margin-left:0;
text-decoration:none;
width:526px;
display:block;
xborder:1px dotted #f0d7a9;
padding:10px 0;
}

#program-listings a:hover{
text-decoration:underline;
}

#uv-programs ul{
float:left;
border:1px solid;
font-size:80%;
width:200px;
}
#uv-programs ul li.first{
font-weight:bold;
}
#uv-programs div{
border:1px solid red;
overflow:hidden;
width:700px;
}
/*__________________________________________________________________________FOOTER INNER */
#footer {
background:#90c22b url(images/footer-bg.jpg) repeat-x top left;
xxheight:285px;
line-height:250%;
}
#footer-inner ul{
margin-top:30px;
}
#footer-headers {
float:left;
font-weight:bold;
}
#footer-nav {
float:right;
width:772px;
}
#footer-inner ul{
list-style:none;
xxborder:1px solid;
}
#footer-inner p{
clear:both;
xxborder:3px solid red;
}
#footer-inner p em{
display:block;
font-style:normal;
font-size:80%;
}

#footer-inner a{
color:#f8f77c;
text-decoration:none;
}
#footer-inner  a:hover{
color:#fff;
}

#partner-network {
width:214px;
height:149px;
position:absolute;
right:0;
top:38px;
}
#partner-network img{
border:0;
}
/*__________________________________________________________________________RESERVATION FORM CONTAINERS*/
#reservation-inner, #reservation-logo-inner {  /* To center position ALL containers*/
width:775px;
position:relative;
left:50%;
margin-left:-389px;
overflow:hidden;
}


/*__________________________________________________________________________RESERVATION FORM HEADER */
#reservation-inner{
overflow:hidden;
font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
}
#reservation-inner h1{
margin:30px 0 0 0;
padding:0;
color:#eaff35;
font-size:250%;
width:510px;
font-weight:normal;
}
#reservation-inner p{
margin:0 0 0 0;
padding:0;
color:#fff;
width:510px;
font-size:16px;
line-height:150%;
}
#reservation-inner p span{
margin:30px 0 0 0;
display:block;
color:#000;
font-size:14px;
font-weight:bold;
background:#fff;
padding:25px 25px 10px 25px;
width:250px;
}

/*__________________________________________________________________________COOMMUNICATIONS FORMS */
#communications-form h1{
width:100% ;
}

#communications-form #reservation-inner p span{
padding-left:40px;
}
#communications-form .payment-notes{
width:230px;
xxborder:1px solid blue;
margin:0 0 0 40px;
}
#communications-form .form-content p{
margin:30px 0 20px 0;
font-weight:bold;
color:#666;
line-height:150%;
}
#communications-form .payment-notes strong{
margin:0 0 10px 0;
clear:both;
}
#communications-form .payment-notes img{
margin-bottom:20px;
}
#communications-form .form-content label em{
font-size:90%;
margin-left:8px;
float:left;
}
#communications-form input.checkbox{
margin:0;
border:0;
}
#communications-form input.submit{
border:0;
padding-top:15px;
display:block;
clear:both;
}
#communications-form textarea{
border: 1px solid #d5e6ee;
width:450px;
}
#communications-form label.first {
margin-top:10px;
line-height:120%;
margin-bottom:8px;
}

body.request-callback #main-body .payment-notes{
margin-top:330px;
}
body.request-project-info #main-body .payment-notes{
margin-top:75px;
}
body.request-volunteer-info #main-body .payment-notes{
margin-top:250px;
}
body.ask-question #main-body .payment-notes{
margin-top:110px;
}
input#submit {margin-bottom:20px;}

#cancel-request:before {
content: "[ ";
color:#999;
}
#cancel-request:after {
content: " ]";
color:#999;
}
/*__________________________________________________________________________RESERVATION FORM ERRORS STYLES*/
.errorMsg {
border:1px dashed #e63131; 
padding:10px;
background-color:#f9f1f1;
font-size:100%;
color:black;
}
.errorMsg strong {
color:red;
}

/*__________________________________________________________________________RESERVATION FORM */
#reservation-content {
background:#fefcf0 url(images/reservation-form-tbg.gif) no-repeat top center;
width:785px;
position:relative;
left:50%;
margin-left:-394px;
xxoverflow:hidden;
xxborder:1px solid blue;
color:#414242;

}
#form-bgcolor, #footer-form-bgcolor {
background:#fff;
width:775px;
position:relative;
left:5px;
}
#form-bgcolor {
xxpadding-top:40px;
border:1px solid #f5f4f0;
margin-bottom:30px;
border-bottom:1px solid #efeee7;
border-top:0;
}
.form-content{
width:450px;
float:left;
position:relative;
left:38px;
xxborder:1px solid purple;
}
.form-notes{
width:230px;
border:1px solid red;
float:right;
position:relative;
left:-38px
}
.payment-notes{
width:230px;
float:right;
position:relative;
position:absolute;left:480px;
}




/*__________________________________________________________________________RESERVATION FORM -  PROJECT DETAILS */
.reservation-form h2{
margin:0px 0 20px 0;
padding:25px 0 10px 0;
font-weight:none;
font-size:115%;
border-top:1px solid #f0d7a9;
}
.reservation-form h2.first-header{
border-top:0;
}
#reserve-footer{ /*to fix bug of colapsing margin*/
padding:20px 0 30px 0;
}


.form-content{
padding-bottom:30px;
margin-bottom:20px;
xxborder:1px solid red;
}

.reservation-form img{
padding:6px;
background:#fff;
border:1px solid #eceae0;
xxmargin-bottom:10px;
xxmargin-top:35px;
float:left;
}
.reservation-form ul{
margin:0 0 0 145px;
padding:0 0 0 0;
line-height:140%;
}

.reservation-form ul li{
list-style-type:none;
padding:0 0 5px 0;
}
.reservation-form p{
clear:both;
}
.reservation-form p a{
display:block;
margin:10px 0;
}

.form-notes, .payment-notes{
margin:104px 0 0 0;
font-size:100%;
color:#649ab3;
line-height:140%;
}
#reserve-footer .form-notes{
margin:67px 0 0 0;
font-size:100%;
color:#649ab3;
line-height:140%;
}


.form-notes strong, .payment-notes strong{
color:#000;
display:block;
}
/*__________________________________________________________________________RESERVATION FORM - PERSONAL DETAILS */
.reservation-form ul.form-inputs {
padding:0;
margin:0;
line-height:200%;

}

.reservation-form ul.form-inputs li {
list-style-type:none;
}

ul.form-inputs input.text{
width:440px;
border:1px solid #d5e6ee;
background:#eaf7ff;
padding:7px 5px;
display:block;
color:#3e75b3;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:140%;
font-weight:lighter;
margin-bottom:0px;

}

ul.form-inputs input.validate[]{
width:440px;
border:1px solid #d5e6ee;
background:#eaf7ff;
padding:7px 5px;
display:block;
color:#3e75b3;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:140%;
font-weight:lighter;
margin-bottom:10px;
}

ul.form-inputs textarea{
border:1px solid #d5e6ee;
background:#eaf7ff;
padding:7px 5px;
display:block;
color:#3e75b3;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:140%;
font-weight:lighter;
margin-bottom:10px;
}

ul.form-inputs select{
border:1px solid #d5e6ee;
background:#eaf7ff;
display:block;
margin-bottom:10px;
padding:1px;
}

ul.form-inputs label{
	padding-top:10px;
display:block;
}
input.radio {
display:inline;
padding:0;
border:0;
background:none;
position:relative;
left:-3px;
top:3px;
}

ul.form-inputs img{
	padding:0;
border:0;
clear:both;
margin-bottom:5px;
}

input.checkbox {
margin:10px 0 0 0;
padding:0 0 0 0px;
float:left;
}
li.checked-terms input{border:0;margin-right:20px;}
li.checked-terms {border:0;margin-top:10px;margin-bottom:20px;}
#terms{
border:1px solid black;
}

form#booking #submit{
display:block;
padding:20px 0 0 0;
}

.formError{
		width:450px;
		color:red;
		font-family: Verdana, Geneva, sans-serif;
		font-size:12px;
		font-weight: bold;
		position:relative;
		top:-50;
		margin-top:0px;
		padding-top:0px;
	}

/*__________________________________________________________________________RESERVATION CONFIRMATION FORM */
.form-content-reserve-confirm{
width:725px;
margin:0 25px;
xxborder:1px solid;
clear:both;
overflow:hidden;
xxbackground:url(images/reserve-confirm.gif) no-repeat top right;

}
.form-content-reserve-confirm p img{
margin-right:20px;
margin-bottom:15px;

}
/*FOR RESERVATION CONFIRM PAGE*/
.reservation-form ul.reserve-personal{
float:left;
xxborder:1px solid;
width:300px;
margin:0 20px 0 0;
}

.form-content-reserve-confirm a{
font-weight:bold;
line-height:20pt;
padding:15px 0 10px 0;
display:block;
clear:both
}

#fee-area-change{
border:1px solid #e7dcc5;
background-color:#f9ebd0;
color:#f10c2d;
padding:0 15px;
margin-bottom:20px;
display:block;
}
#fee-area-no-change{
border:1px solid #e7dcc5;
background-color:#f9ebd0;
color:#f10c2d;
padding:0 15px;
margin-bottom:20px;
display:none;
}

#pay-paypal {
display:none;
}
#pay-bank {
display:block;
}
/*__________________________________________________________________________RESERVATION FORM - FOOTER */

#reserve-footer-inner {
background:#fefcf0 url(images/reservation-form-bg.jpg) no-repeat top center;
width:785px;
position:relative;
left:50%;
margin-left:-392px;
margin-bottom:40px;
height:125px;
xxborder:1px solid black;
}

#reserve-footer {
color:#414242;
overflow:hidden;
background:#fefcf0 url(images/reserve-botblend2.jpg) repeat-x bottom left;
xxborder:1px solid red;
}

/*__________________________________________________________________________RESERVATION FORM VALIDATION */
.hidden_input {border:0; display:none;}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #000;
}
input.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

input.validation-passed, textarea.validation-passed, select.validation-passed {
	border: 1px solid none;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px 0 15px 0;
	color : #FF3300;
	font-weight: bold;
	width:480px;
	height:20px;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.custom-advice {
	margin: 5px 10px;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*__________________________________________________________________________VOLUNTEER STORY INDEX PAGE STYLE SHEET\
version: 2.0
author: nathaniel manu
email: nat@uvolunteer.org
website: www.uvolunteer.org
____________________________*/

#vol-story-index #header-inner{
width:974px;
background-image:none;
height:274px;
left:50%;
margin-left:-487px;
text-align:right;
xxborder:1px solid;

}
#vol-story-index #header-inner h1{
float:right;
width:500px;
xxborder:1px solid;
margin:45px 70px 15px 0; 
font-size:250%;
}
#vol-story-index #header-inner p{
float:right;
width:500px;
xxborder:1px solid;
margin:0 70px 0 0; 
}

#vol-story-index #header .costa-rica{background:url(images/hdr-bg-costa-rica-vs.jpg) no-repeat bottom center;}
#vol-story-index #header .peru{background:url(images/hdr-bg-peru-vs.jpg) no-repeat bottom center;}
#vol-story-index #header .nepal{background:url(images/hdr-bg-nepal-vs.jpg) no-repeat bottom center;}
#vol-story-index #header .bolivia{background:url(images/hdr-bg-bolivia-vs.jpg) no-repeat bottom center;}
#vol-story-index #header .thailand{background:url(images/hdr-bg-thailand-vs.jpg) no-repeat bottom center;}
#vol-story-index #header .argentina{background:url(images/hdr-bg-argentina-vs.jpg) no-repeat bottom center;}
#vol-story-index #content-sidebar-holder {
padding:0;
xxborder:1px solid green;
width:994px;
left:50%;
margin-left:-497px;
background:#fefcf1 url(images/content-country-bg.jpg) no-repeat top left;
}

#vol-story-index #sidebar {
xxborder:1px solid;
margin-right:35px;
margin-top:30px;
}

#vol-story-index #vs-content {
width:650px;
line-height:170%;
float:left;
font-family:verdana, sans-serif;
xxborder:1px solid red;
margin:25px 0 0 45px;
}

.vol-story-list {
width:650px;
margin-bottom:40px;
overflow:hidden;
xxborder:1px solid purple;
}

#vs-content .vol-story-list h3, #vs-content .vol-story-list p {
width:490px;
float:right;
padding:0;
margin:0;
xxborder:1px solid yellow;
}

#vs-content .vol-story-list p {
margin:0 0 5px 0;
}

.vol-story-list img {
float:left;
padding:8px;
border:1px solid #ece9d9;
background-color:#fff;
margin-top:5px;
}

.vol-story-list a {
font-weight:bold;
font-style:italic;
font-size:110%;
display:block;
border-top:1px dotted #9f9f9f;
padding:5px 0 0 0;
margin-top:5px;
}
.vol-story-list a.first {
border:0;
}

.vol-story-list p a.li-proj-link {
display:inline;
border:0;
font-weight:normal;
font-style:normal;
}
p.details {
font-size:80%;
line-height:140%;
margin:0;
padding:0;
}

p.details strong {
color:#5dae36;
}


/*__________________________________________________________________________VOLUNTEER STORY HEADER STYLE SHEET */

#vs-header {
width:100%;
clear:both;
background:#759e23 url(images/vol-story.jpg) repeat-x bottom left;
}
#vs-header-inner {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:0 auto;
width:960px;
color:#fff;
clear:both;
xxborder:2px solid;
padding-top:110px;
}
#vs-header-inner p{
margin:0px 0 0 195px;
padding:20px 0 20px 0;
font-size:18px;
width:563px;
line-height:170%;
}
#vs-header-inner p img{
position:relative;
}
#vol-story #vs-header h1{
margin:0 auto;
padding:9px 0 0 20px;
font-weight:normal;
height:46px;
width:563px;
color:#fff;
background:url(images/vs-header-bg.gif) no-repeat top left;
position:relative;
left:-12px;
top:9px;
}

.vs-firstpara {
border-top:1px dotted black;
padding-top:10px;
margin-top:5px;
}

/*__________________________________________________________________________ VOLUNTEER STORY CONTENT*/

#vol-story  #content-holder{
width:755px;
}
#vol-story  #content{
width:582px;  /* 564 (original size) + 18 (content-bg.jpg difference) = 582 */
float:right;;
background:#fefcf1 url(images/content-bg.jpg) repeat-x top left;
}
#vol-story  #content p img{
margin-top:8px;
margin-bottom:10px;
}
#vol-story  #sidebar{
text-align:right;
xxborder:1px solid;
width:215px;
}
#content p{
margin-left:35px;
padding-right:25px;
line-height:150%;
width:512px;
}
p.program-project {
font-size:85%;
padding:20px 0 0 0;
width:300px;
}
p.program-project a {
text-decoration:none;
color:#d14f00;
}
.program-project a:hover {
text-decoration:underline;
}
p strong em {
color:#90bf31;
padding-top:20px;
}
#content img {
margin:0 0 0 0;
border:6px solid #eaf4d5;
}
p span {
color:#90bf31;
}

p.built-in-hdr strong{display:block;}
/*__________________________________________________________________________ VOLUNTEER STORY PICTURE BORDER */
.volpic{ /*Styling for image border*/
border:1px solid #ece9d9;
background-color:white;
padding:7px;
}
/*__________________________________________________________________________ VOLUNTEER BOTTOM MENU INNER */

#vol-bottom-menu-inner p {
margin-left:205px;
width:512px;
border-top:1px dotted #ccc;
padding-top:20px;
line-height:170%;
xxborder:1px solid;
}
#vol-bottom-menu-inner img  { 
float:left;
margin:0 20px 40px 205px;
}
#vol-bottom-menu-inner ul {
list-style:none;
width:250px;
float:left;
}
#vol-bottom-menu-inner ul li {
border-bottom:1px solid #f0d7a9;
padding:5px 0 5px 25px;
}
#arrow {background:url(../images-new/arrow-circle.gif) no-repeat 0 25%;}
#mail {background:url(../images-new/mail.gif) no-repeat 0 25%;}
#vol-bottom-menu-inner a, #vol-bottom-menu-inner a:active, #vol-bottom-menu-inner a:visited {
color:#d14f00;
text-decoration:none;
}
/*__________________________________________________________________________ VOLUNTEER STORY GALLERY*/
#gallery a img{
border:1px solid #eceae0;	
padding:6px;
background:#fff;
}
#gallery a:hover img{ 
border:1px solid #d14f00;
xxbackground:#d14f00;
}
#gallery p{
font-weight:bold;
color:#bbaf84;
}
#gallery .invisible{display: none;}
#gallery .small{ font-size:90%;}
/*__________________________________________________________________________ GALLERY 2011*/
.g2011{
position:relative;
padding:0;
margin:0;
clear:both;
width:205px;
}
.g2011 img{
border:9px solid #d14f00;
}
.g2011 h5{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
position:absolute;
background:#d14f00;
width:163px;
font-size:18px;
color:#fff;
padding:2px;
padding-left:0;
margin:0;
top:120px;
left:8px;
}
.g2011 p{
padding:5px 0;
margin:0 0 10px 0;
border-bottom:1px solid #d14f00;
color:#d14f00;
font-weight:bold;
}
.g2011 .invisible{display: none;}
/*__________________________________________________________________________ COUNTRY PAGES ----- */

.useful-links li{
padding-bottom:10px;
padding-left:25px;
list-style:none;
list-style-position:inside;
}

.useful-links li em{

font-style:normal;
display:block;
}

.useful-links li.first-item{
list-style:none;
xxborder:1px solid;
padding-left:0;
}
#country #content-holder h3 {
margin:25px 0 5px 0;
padding:0;
font-size:115%;
color:#90bf31;
}
/*__________________________________________________________________________ COMMON  TAGS */
#common_tags {
margin:15px 0 0 0;
color:#666;
font-size:11px;
line-height:150%;
border-top:1px solid  #666;
padding-top:8px;
}


.country-img-small{
padding-bottom:10px;
}