﻿/* CSS Document */



#topNav { width: 100%; height: 164px; margin: 0 auto 20px auto; background: #666666; color: #000000; }

#flash { width: 896px; height: 380px; margin: 0 auto; background: #666666; color: #ffffff; border: 2px solid white; }

#progNavVolCam { width:800px; height: 150px; margin-left:4px; font-size:12px; display:block; }
#progNavVolCam a { display:block; background:transparent; color:#663300; text-decoration: none }
#progNavVolCam ul { margin:0; padding:0;list-style:none; display:block; width:800px; margin-top:244px; }
#progNavVolCam li { float:left; margin:0; margin-right:4px; background:#996633; color: #663300; font-weight:bold; border-right: solid #000000 2px; border-left: solid #000000 2px; border-top: solid #000000 2px; border-bottom: solid 2px #000000; }
#progNavVolCam li.current { background:#ffffff; color:#663300; border-right: solid #663300 2px; border-left: solid #000000 2px; border-top: solid #000000 2px; border-bottom: solid 2px #ffffff; }
#progNavVolCam a:link, #progNavVolCam a:visited { color:#663300; text-decoration:none; padding: 6px 8px; }
#progNavVolCam a:hover { color:#663300; background:#cccc99; text-decoration:none; }


#FaqImage
{
    width: 952px;
    height: 272px;
    margin: 0;
    background: #666666 url(/volunteer/cambodia/images/faqs.jpg) top no-repeat;
    color: #ffffff;
    border: 4px solid white;
}

#FlightsImage
{
    width: 952px;
    height: 272px;
    margin: 0;
    background: #666666 url(/volunteer/cambodia/images/flights.jpg) top no-repeat;
    color: #ffffff;
    border: 4px solid white;
}


#HometopImage
{
    width: 952px;
    height: 272px;
    margin: 0;
    background: #666666 url(/volunteer/cambodia/images/home.jpg) top no-repeat;
    color: #ffffff;
    border: 4px solid white;
}

#CostsImage
{
    width: 952px;
    height: 272px;
    margin: 0;
    background: #666666 url(/volunteer/cambodia/images/Costs.jpg) top no-repeat;
    color: #ffffff;
    border: 4px solid white;
}


#ApplyImage
{
    width: 952px;
    height: 272px;
    margin: 0;
    background: #666666 url(/volunteer/cambodia/images/apply.jpg) top no-repeat;
    color: #ffffff;
    border: 4px solid white;
}

#mainContent { width:960px; background: #ffffff url(/volunteer/southafrica/images/leftcolumnbg.gif) left repeat-y; color: #000000; overflow: auto; }

#mainContent a, #mainContent a:visited { margin: 0; background: transparent; color: #996633; text-decoration: underline; font-weight: bold; }
#mainContent a:hover { margin: 0; background: transparent; color: #663300; text-decoration: none; font-weight: bold; }

#leftMain { width: 648px; margin: 0 10px 0 48px; padding: 0; color: #666666;  float: left;}
#leftMain2 { width: 90%; margin: 0 20px 0 48px; padding: 0; color: #666666; background: transparent; float: left;}

#costsImg { width: 270px; height: 280px; margin: 10px 0 0 20px; padding: 0; color: #666666; background: #666666; float: left;}
#costsImg img { width: 270px; height: 280px; margin: 0 auto; padding: 0;  border: none;}

#Imagine { width: 616px; height: 140px;  margin: 3px 0 15px 0; color: #666666; background: transparent; float: left; }
#Imagine img { width: 600px; height: 140px; margin: 0; padding: 0 0 0 1px;  border: none; }

.whyImg { width: 360px; height: 250px;  margin: 10px 0 15px 42px; float: left;  }
.whyImg img { width: 350px; height: 250px;  border: none; }
#rightWhy, #rightWhy2 { width: 395px;  margin: 0 0 15px 0; padding: 0; float: left;  }
#rightWhy .right, #rightWhy2 .right { width: 100%; margin: 10px 0 15px 5px; padding: 0;  }

#leftMain p, #leftMain2 p { font-size:9pt; width: 90%; margin: 0 0 10px 0; padding: 0 0 0 55px;  float: left; text-align: justify; line-height: 1.3em; }
.firstLine { color: #999966; background: transparent; font-weight: bold; }
.topLine { color: #663300; background: transparent; font-weight: bold; font-size: 9pt; }
.darker { color: #330000; background: transparent; font-weight: bold; font-size: 10pt; }

#heading1, #heading2, #heading3, #heading4, #heading5, #heading6, #heading7, #heading8, #heading9, #heading10, 
#heading11, #heading12, #heading13, #heading14, #heading15, #heading16, #heading17, #heading18 { width: 100%; height: 40px; margin-top: 10px; padding: 0; color: #996633; background: transparent url(/volunteer/southafrica/images/headingbg.gif) left no-repeat; color: #666666; float: left; }

.headingA { width: 100%;  margin: 10px 0 15px 40px;  padding: 0; float: left; }
.headingA h2 { margin-top: 10px;  color: #cc9966; background: transparent; padding:0 0 0 35px; font-size: 1.2em; font-weight: bold; }

#heading1 h2, #heading2 h2, #heading3 h2, #heading4 h2, #heading5 h2, #heading6 h2, #heading7 h2, #heading8 h2, 
#heading9 h2, #heading10 h2, #heading11 h2, #heading12 h2, #heading13 h2, #heading14 h2, #heading15 h2, 
#heading16 h2, #heading17 h2, #heading18 h2 { display: block; color: #663300; background: transparent; margin: 0; padding: 9px 0 0 15px; font-size: 14pt; font-weight: bold; }

#doTable { margin: 0 0 20px 85px;  float: left; border: 1px solid #663300; }
#doTable img { margin: 0; float: left; width: 170px; height: 65px; border: none; }
#doTable table { width: 510px; height: 130px;  float: left; }
#doTable td { width: 170px; height: 65px; background: #996633; color: #ffffff; }
#doTable a { display: block; width:170px; height: 65px; margin: 0; text-indent: -999em;  text-decoration: none;  }

#doTableCambodia { width: 510px; height: 65px; margin: 0 0 20px 85px;  float: left; }
#doTableCambodia table { width: 510px; height: 65px;  float: left; margin: 0; padding: 0; float: left; }
#doTableCambodia img { margin: 0; float: left; width: 255px; height: 65px; border: none; }
#doTableCambodia td { width: 255px; height: 65px;  padding:0 1px 0 0;  }
#doTableCambodia a { display: block; width:255px; height: 65px; margin: 0; text-indent: -999em;  text-decoration: none;  }

#doTableGhana2 { width: 510px; height: 65px; margin: 1px 0 20px 85px;  float: left;  }
#doTableGhana2 table { width: 510px; height: 65px;  float: left; margin: 0; padding: 0; float: left; }
#doTableGhana2 img { margin: 0; float: left; width: 255px; height: 65px; border: none; }
#doTableGhana2 td { width: 255px; height: 65px; padding-right: 2px;}
#doTableGhana2 a { display: block; width:255px; height: 65px; margin: 0; text-indent: -999em;  text-decoration: none;  }


#doTable .info { font-weight: bold; text-align: center; margin: 0; background: #996633; color: #330000; line-height: 1em; padding:0; }

.SaTableInfo, .SaTableInfo2 { margin: 15px 0; width: 100%; float: left;  }
.SaTableInfo1 { margin: 15px 0; width: 280px; float: left;  }
.SaTable, .SaTable1, .SaTable2, #SaTable2 {  margin-top: 5px; background: #cccc99; color: #666666; border: 1px solid #cccc99;  }
.SaTable td, .SaTable1 td, .SaTable2 td, #SaTable2 td { padding: 0 0 0 10px; margin: 0; background: #ffffff;  }
.SaTable .FAQheader, .SaTable1 .FAQheader, .SaTable2 .FAQheader, #SaTable2 .FAQheader {font-size: 11pt; padding: 2px 0 2px 8px; font-weight: bold;  background: #663300 url(/volunteer/southafrica/images/grad.gif) left center repeat-x; color: #ffffff;  border: 1px solid #ffffff; font-size: 11pt; }
.SaTable .header, .SaTable1 .header, .SaTable2 .header, #SaTable2 .FAQheader { font-weight: bold; padding: 2px 0 2px 45px;   background: #996633 url(/volunteer/southafrica/images/tblArrow.gif) left no-repeat; color: #ffffff;  border: 1px solid #ffffff;  }
.SaTable .data, .SaTable1 .data, .SaTable2 .data, #SaTable2 .data { margin: 0; color: #666666; text-align: justify; padding: 5px; font-size:10pt; }

.pastData { margin: 0; color: #cccccc; background: #ffffff; text-align: justify; padding: 5px; }

.SaTableInfo a, .SaTableInfo a:visited { margin: 0; background: transparent; color: #ffffff; text-decoration: underline; }
.SaTableInfo a:hover { margin: 0; background: transparent; color: #ffffff; text-decoration: none; }


#SaTable2 a, #SaTable2 a:visited { margin: 0; background: transparent; color: #ffffff; text-decoration: underline; }
#SaTable2 a:hover { margin: 0; background: transparent; color: #663300; text-decoration: none; }

.SaTableInfo2 a, .SaTableInfo2 a:visited { margin: 0; background: transparent; color: #996633; text-decoration: underline; }
.SaTableInfo2 a:hover { margin: 0; background: transparent; color: #663300; text-decoration: none; }

.SaTableInfo .FAQheader2 { display: block; width:250px; height:23px; margin: 10px 0; padding: 0 0 0 20px; font-weight: bold;  background: #663300; color: #ffffff;  border: 1px solid #ffffff; font-size: 11pt; }

#SaTableInfo2 .header2 { display: block; width:500px; height:20px; margin: 5px 0 0 0; font-weight: bold;  padding: 1px 0 2px 48px;  background: #996633 url(/volunteer/southafrica/images/tblArrow.gif) left no-repeat; color: #ffffff;  border: 1px solid #ffffff; }

#mainContent .header2 { display: block; width:530px; height:18px; margin: 5px 0 10px 0; font-weight: bold;  padding: 1px 0 3px 48px;  background: #996633 url(/volunteer/southafrica/images/tblArrow.gif) left no-repeat; color: #ffffff;  border: 2px solid #ffffff; font-size:11pt; }


.header { font-weight: bold;  padding: 0 0 0 45px; background: #996633 url(/volunteer/southafrica/images/tblArrow.gif) left no-repeat; color: #ffffff;  border: 1px solid #ffffff;  }


#WhatDoContainer { }

.WhatDoHead { color: #996633; background: #ffffff; font-weight: bold; font-size: 13pt; margin: 0; }

.WhatDoImg { width: 200px; height: 135px;  margin: 0 10px 10px 1px; padding: 0;   float: left; }
.WhatDoImg img { width: 200px; height: 135px; margin: 0; padding: 0;}

.WhereImage { width: 500px; height: 207px;  margin:0; padding: 20px 0 0 56px; float:left;}
.WhereImage img { width: 200px; height: 207px; margin: 0 25px 0 0; padding: 0; float:left;}

#WhatDoTopic { width: 390px; padding: 0; background: transparent; color: #666666; margin: 0;  float: left;}
#WhatDoTopic p { width: 98%; padding: 0; margin: 0; text-align: justify; line-height: 1.3em;  }

#rightFeatures { width: 212px;  margin-left: 724px; color: #ffffff; background: transparent; font-size: 8pt;}
#rightFeatures h3 { padding: 10px 0 0 70px; text-align: left; margin: 0; font-size:10pt; font-weight: bold; color: #ffffff; line-height: 1.1em; }

#FeaturesFooter { width: 210px; margin-top: 1px; background: #663300 url(/volunteer/southafrica/images/departureGrad.gif) left center repeat-x; color: #cc9966; border: 1px solid #330000; }
#FeaturesFooter h4 { font-size:10pt; font-weight: bold; margin: 0; line-height: 1.1em; text-align: right; padding: 10px 10px 10px 0;}
#FeaturesFooter .white { font-size:12pt; color: #ffffff; background: transparent; }

#MapWeather { width: 65px; height: 110px; margin-left:6px; background: transparent; color: #ffffff;float: left;  }
#MapWeather img { width: 65px; height: 45px; border: none; margin:0; }

#FeaturesFacts { width: 212px; height: 160px; background: #330000; color: #ffffff; }
#FeaturesFacts p { font-size: 7pt;  margin-top:10px; padding-left:10px; text-align: left; font-weight: bold; color: #ffffff; line-height: 1.3em; }
#FeaturesFacts .subTitle { color: #999966; }
#FactsCopy { width: 120px; height: 80px;float: left; }

#threeWishes { width: 212px; height: 125px; margin-top: 1px; background: #996633; color: #ffffff;  }
#threeWishes p { font-size: 8pt;  margin-top:15px;  text-align: left; font-weight: bold; background: #996633; color: #ffffff; line-height: 1.3em; }
#threeWishes img { width: 60px; height: 71px; border: none; padding: 0 0 0 5px;float: left;}
.wish { color: #330000; background: #996633;}

#FeaturesGallery { width: 212px; height: 140px; margin-top: 1px; background: #999966; color: #cccc99; }
#FeaturesGallery img { width: 200px; height: 128px; border: 2px dashed #ffffff; margin: 5px 4px; }
#FeaturesGallery a {margin: 0; border: none; }
#FeaturesGallery p { font-size: 8pt; width: 100%; margin-top:5px;  text-align: center; font-weight: bold; color: #ffffff; line-height: 1.3em; }

#nextStepVol { font-size: 9pt; width: 210px; height:155px; background: #cccc99 url(/volunteer/southafrica/images/nextStepBg.gif) top no-repeat; color: #ffffff; border: 1px solid #330000; border-bottom: none; }
#nextStepVol h3 { font-size:11pt; font-weight: bold; margin: 0 0 25px 0; line-height: 1.1em; text-align: right; padding: 15px 18px 0 0;}
#nextStepVol a, #nextStepVol a:visited { font-size: 9pt; line-height:1.4em; margin:0; font-weight: bold; padding:0 0 0 5px; color: #663300; background: transparent; text-decoration: underline; }
#nextStepVol a:hover { font-weight: bold; margin: 0; color: #996633; background: transparent; text-decoration: none; }
#nextStepVol p {  text-align: center;font-size: 8pt; width:100%; margin: 60px 0 5px 0; font-weight: bold; color: #ffffff; line-height: 1.6em; }
#nextStepVolp .callUs { font-weight: bold; color: #663300;  }
#nextStepVol .bigOr  { font-size: 10pt; font-weight: bold; color: #ffffff; }

#FeaturesRead { width: 212px; height: 140px; margin-top: 1px; background: #cccc99; color: #ffffff; }
#FeaturesRead img { width: 50px; height: 70px; border: none; margin: 10px 5px 0 8px;  float: left;}
#FeaturesRead p { font-size: 8pt;  margin-top: 5px; padding-left: 20px;  text-align: left; font-weight: bold; color: #996633; line-height: 1.3em; }
#FeaturesRead .bookName { color: #330000; }
#FeaturesRead .white { color: #ffffff; font-weight: bold;}

#FeaturesReadWatch { width: 212px; height: 210px; margin-top: 1px; background: #cccc99; color: #ffffff; }
#FeaturesReadWatch img { width: 50px; height: 150px; border: none;  margin: 10px 5px 0 8px;  float: left;}
#FeaturesReadWatch p { font-size: 8pt;  margin-top: 5px; padding-left: 15px;  text-align: left; font-weight: bold; color: #996633; line-height: 1.3em; }
#FeaturesReadWatch .bookName { color: #330000; }
#FeaturesReadWatch .white { color: #ffffff; font-weight: bold;}

#FeaturesBig3 { width: 212px;  height: 150px; margin-top: 1px; background: #330000; color: #ffffff; }
#FeaturesBig3 img { width: 60px; height: 90px; border: none; margin: 10px 5px 0 5px;  float: left;}
#FeaturesBig3 p { font-size: 7pt;  padding-left: 5px;  margin-top: 10px;  text-align: left; font-weight: bold; color: #ffffff; line-height: 1.5em; }
#FeaturesBig3 .iWish { color: #cc9966; font-size: 8pt; }

#FeaturesLinks { width: 212px; height: 170px; margin-top: 1px; background: #999966; color: #ffffff; }
#FeaturesLinks img { width: 60px; height: 120px; border: none; margin: 10px 5px 0 5px;  float: left;}
#FeaturesLinks p {  font-size: 8pt;  padding-left: 5px;  margin-top: 10px;  text-align: left; font-weight: bold; color: #330000; line-height: 1.3em; }
#FeaturesLinks .dark { color: #330000; }
#FeaturesLinks a, #FeaturesLinks a:visited { font-weight: bold; margin: 0; color: #ffffff; background: transparent; text-decoration: underline; }
#FeaturesLinks a:hover { font-weight: bold; margin: 0; color: #666633; background: transparent; text-decoration: none; }

#Testimonial { width: 212px; padding-bottom: 50px;  margin-top: 1px; background: #330000 url(/volunteer/southafrica/images/quoteEnd.gif) bottom no-repeat; color: #ffffff;  }
#Testimonial img { width: 60px; height: 49px; border: none; margin: 17px 10px 0 5px; float: left;}
#Testimonial p { font-size: 8pt; width: 85%; margin-top:15px; padding-left:25px; text-align: left; font-weight: bold;  line-height: 1.3em; }
#Testimonial .quote { color: #999966; font-size: 8pt; }

#whyBunac { width: 900px; height: 80px;  margin: 0; background: #ffffff; color: #000000; border-bottom: 1px solid #000000; float: left;   }
#whyBunac p { margin: 25px 0 0 40px;}
#whyBunac a, #whyBunac a:visited { font-size: 14pt; font-weight: bold; margin: 20px; background: #ffffff; color: #996633; text-decoration: underline; }
#whyBunac a:hover { font-size: 14pt; font-weight: bold; margin: 20px; background: #ffffff; color: #996633; text-decoration: none; }

#lowerLinks { width: 960px; height: 90px; margin: 0; font-size:11pt; background: #663300 url(/volunteer/southafrica/images/linksBg.gif) top left repeat-x; color: #000000; float: left; }

.costsExpand { height: 120px; }
.tinyExpand { height: 60px; }
.smallcostsExpand { height: 80px; }
.midcostsExpand { height: 150px; }
.applyExpand { height: 100px; }
.bigExpand { height: 200px; }
.biggerExpand { height: 260px; }

#applyDownload { width:235px; height: 22px; margin: 5px 0 0 55px; padding:5px; border:2px solid #CCCC99; background-color:#fff; float: left; font-size:11pt;}

#printTab { width: 180px; height: 90px; margin: 0 10px 0 50px; background: transparent url(/volunteer/southafrica/images/printTabBg.gif) top right no-repeat;  float: left; }
#printTab p { margin: 5px 20px 0 0; text-align: right;  }
#printTab a, #printTab a:visited { font-weight: bold; margin: 0; color: #ffffff; background: transparent; text-decoration: underline; }
#printTab a:hover { font-weight: bold; margin: 0; color: #ffffff; background: transparent; text-decoration: none; }

#printTabEmpty { width: 180px; height: 90px; margin: 0 10px 0 50px; background: transparent url(/volunteer/southafrica/images/facebookTabBg.gif) top no-repeat;  float: left; }
#printTabEmpty p { margin-top: 5px; text-align: center;  color: #ffffff; background: transparent;}
#printTabEmpty a, #printTabEmpty a:visited { font-weight: bold; margin: 0; color: #330000; background: transparent; text-decoration: underline; }
#printTabEmpty a:hover { font-weight: bold; margin: 0; color: #330000; background: transparent; text-decoration: none; }

#emailTab { width: 330px; height: 90px; margin-right: 10px; background: transparent url(/volunteer/southafrica/images/emailTabBg.gif) top no-repeat; color: #996633; float: left; }
#emailTab p { margin-top: 5px; text-align: center;  color: #996633; background: transparent;}
#emailTab a, #emailTab a:visited { font-weight: bold; margin: 0; color: #330000; background: transparent; text-decoration: underline; }
#emailTab a:hover { font-weight: bold; margin: 0; color: #330000; background: transparent; text-decoration: none; }

#callTab { width: 280px; height: 90px; margin: 0; background: transparent url(/volunteer/southafrica/images/callTabBg.gif) top left no-repeat; color: #996633; float: left; }
#callTab p { padding: 5px 0 0 0; color: #996633; background: transparent; font-weight: bold; text-align: center;}
#callTab .white { color: #ffffff; background: transparent; }

.bold { font-weight: bold; }
.italic { font-style:italic; }

#mainContent ul {width: 100%; margin:0 0 10px 20px; padding-bottom: 5px; background: #ffffff; color: #996633;border: 2px solid #cccc99;  }

#mainContent li {padding: 2px 5px;color: #663300;font-weight: bold; }

#icon { width: 60px; height: 70px; margin-right: 8px; float: left; }
#icon img { width: 60px; height: 70px; border: none; margin:0; }
#GalleryImg { width: 140px; height: 70px; margin-top: 8px; }
#GalleryImg img { width: 140px; height: 70px; border: none; margin:0; }

