body {
height:100%; 
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
margin:0px;
}
/*for ie*/

* {
font-size:11px;
}

#page {
margin:0px auto;
padding:0px;
width:1000px;
height:750px;
}

#container {
position:absolute;
width:1000px;
height:750px;
border:0px solid #000000;
margin:0px;
padding:0px;
}

#leftshadow {
position:absolute;
top:0px;
left:0px;
width:10px;
height:736px;
background-image:url(/images/leftshadow.gif);
background-repeat:no-repeat;
}

#rightshadow {
position:absolute;
top:0px;
right:0px;
width:10px;
height:736px;
background-image:url(/images/rightshadow.gif);
background-repeat:no-repeat;
}

#content {
position:absolute;
width:960px;
}

#header {
position:absolute;
width:960px;
top:0px;
left:20px;
}

#logo {
position:absolute;
top:15px;
left:25px;
width:307px;
height:49px;
background-image:url(/images/logo.gif);
cursor:pointer;
}

#navbar {
position:absolute;
width:930px;
height:22px;
top:81px;
left:0px;
background-color:#5cbc51;
padding:10px 0px 0px 30px;
}

#search {
position:absolute;
width:230px;
height:30px;
top:25px;
right:25px;
}



#banner {
position:relative;
top:114px;
left:0px;
width:960px;
height:195px;
}

#main {
position:absolute;
width:960px;
top:309px;
}

#centercontent {
float:left;
width:614px;
}


.clear {
clear:both;
}
.required {
color:#f00;
}

#homeitemone {
float:left;
width:574px;
padding:25px 20px 20px;
background-color:#eef8ed;
background-image:url(/images/blueshadow.gif);
background-position:top;
background-repeat:no-repeat;
border-right:1px dotted #666666;
border-bottom:1px dotted #666666;
}

.homeitem {
float:left;
border:1px solid red;
padding:25px 20px 20px;
border-right:1px dotted #666666;
border-bottom:1px dotted #666666;
width:350px;
}

.homeitemimage {
float:left;
margin-right:20px;
width:200px;
display:inline;
}

.captionhome {
float:left;
width:188px;
margin-top:5px;
padding:5px;
font-size:7.5pt;
border:1px solid #ddd;
}

.captionarticle {
float:left;
width:233px;
margin-top:5px;
padding:5px;
font-size:7.5pt;
border:1px solid #ddd;
}

.homeitemtext {
padding-left:0;
width:350px;
line-height:140%;
float:left;
}

#supporters {
float:left;
padding:20px;
margin-bottom:15px;
border-collapse:collapse;
border-right:1px dotted #666666;
}

#rightcontent {
float:right;
width:345px;
border:0px;
}

#topcounter {
position:absolute;
width:540px;
height:38px;
top:25px;
right:25px;
float:left;
}
#topcounter div {
    float:left;
    padding-top:10px;
}
#newcounter {
    background:url(/images/topcounter.jpg) no-repeat;
    height:38px;
    width:71px;
    float:left;
    padding:0;
}
.digit {
    font-size:18px;
    float:left;
    margin-left:11px;
    padding:0;
    margin-top:-10px;
    height:18px;
    color:#000;
    font-weight:700;
    
}
*html .digit {
    margin-left:5px;
    margin-right:5px;
}

.countertext {
    color:#005D98;
    font-size:11pt;
    margin-top:2px;
}

#newsletter { 
    float:left;
    width:345px;
    background:url(/images/signupbackground.jpg) repeat-x;
    height:102px;
    position:relative;
}

* html #newsletter {
    width:300px;
}

#newsletter #title {
    width:100%;
    text-align:left;
    color:#fff;
    font:13pt "Times New Roman";
    margin-left:44px;
    margin-top:14px;
    text-shadow:#fff 0 0 0 ;
}
#newsletter form {
    padding:0;
    margin:0;
}

#newsletter fieldset {
    border:0;
    padding:5px 0 0 0 ;
    text-align:center;
    width:100%;
    float:left;
}
/*#fields .row {*/
/*    width:100%;*/
/*    text-align:center;*/
/*    float:left;*/
/*    */
/*}*/
#newsletter fieldset .inputfield {
    background: url(/images/fieldbackground.gif) no-repeat;
    border:0;
    width:250px;
    height:22px;
    padding:4px 0 0 10px;
    color:#333;
}

* html #emailcontainer {
    padding-left:42px;
}

#namecontainer {
    float:left;
    width:100%;
    margin-left:35px;
}
#namecontainer #inner {
    float:left;
    width:275px;
}
* html #namecontainer {
    margin-left:18px;
}

#newnavbar {
    float:left;
    background:green;
    width:100%;
}
#navbar .navsearch {
    position:absolute;
    right:30px;
    top:0;
}
.navsearch div {
    
    float:left;
    margin-top:5px;
    margin-left:2px;
}
.navsearchfield {
     background: url(/images/searchbackground.gif) no-repeat;
    border:0;
    width:183px;
    height:20px;
    padding:4px 0 0 10px;
    color:#333;
}

#homecounter {
float:left;
width:345px;
height:117px;
border:0px;
background-image:url(/images/counterbg.jpg);
}

#restore {
float:left;
width:300px;
padding:30px 20px 25px 25px;
background-color:#cbe9c7;
border:0px;
border-bottom:1px dotted #666666;
}

#news {
float:left;
width:305px;
padding:15px ;

}

.newsitem {
float:left;
width:305px;
border:0;
margin-bottom:15px;
}

.newsitemimage {
float:left;
width:80px;
/*height:80px;*/
margin-right:10px;
}

.newsitemtext {
float:left;
width:215px;
}


#feature {
text-align:center;
margin-top:26px;
padding:0;
}
#feature h3 {
padding-top:0;
margin:0;

}

#footer {
text-align:center;
clear:both;
padding-top:1em;
width:960px;
/*height:30px;*/
margin-top:5px;
padding-bottom:15px;
background-image:url(/images/footerbg.gif);
background-repeat:repeat-x;
background-position:top;
}

h1 {
color:#005f99;
font-size:24px;
margin-top:0px;
font-weight:normal;
}

h2 {
color:#005f99;
font-size:18px;
margin-top:0px;
font-weight:normal;
}
img {
z-index:999;
}

h3 {
color:#005f99;
font-size:14px;
margin-top:0px;
font-weight:normal;
}

h4 {
color:#005f99;
font-size:11px;
margin:0px;
font-weight:normal;
}

a:link, a:visited {
color:#5cbc51;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


.currentnav {
color:#005f99;
}

/*new nav*/
/* Begin CSS Popout Menu */

/*#menu{
width:100%;
float:left;
}

#menu a{
font:bold 11px/16px tahoma,arial,helvetica,sans-serif;
display:block;
border-bottom:1px solid #ddd;
white-space:nowrap;
margin:0;
padding:3px 0 0 10px;


}
#menu .Parent,#menu .Bachelor {
padding:0;
margin:0;
border:0;
text-align:center;

}
#menu .Parent:hover {

}


#menu a{
background:#5CBC51;
text-decoration:none;
color:#fff;

}

#menu a, #menu a:visited{
color:#fff;
}

#menu a:hover{











color:#005F99;
background:#5CBC51;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0 0 0 2em;
padding:0;
float:left;

}
* html #menu ul {
width:1%;
}

#menu li{
position:relative;

}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
padding:0;
margin:0;
width:190px;
}

#menu ul ul ul{
top:0;
left:100%;
width:190px;
}

#menu ul ul li a:hover {
background:#619FE8;
color:#fff;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

/*div#menu h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

 End of non-anchor hover selectors */

/* Styling for Expand */

/*#menu a.x, #menu a.x:visited{
font-weight:normal;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

 End CSS Popout Menu */

/* Begin Content Area - Not Part of CSS Popout Menu */




#maininside {
position:absolute;
background-image:url(/images/maininsidebg.gif);
background-position:top;
background-repeat:no-repeat;
width:960px;
top:309px;
left:20px;
}

#insidecontent {
/*padding:40px 70px;*/
}

.introtext {
color:#5cbc51;
font-size:14px;
line-height:120%;
}

.label{
float:left;
width:150px;
padding-bottom:3px;
}

.labelbigger{
float:left;
width:250px;
padding-bottom:3px;
padding-left:20px;
}

.labelsmaller{
float:left;
width:120px;
padding-bottom:3px;
}

.field{
float:left;
width:300px;
padding-bottom:3px;
}

.row {
margin-bottom:5px;
}

.LightBlueContainer {
border:1px solid #CCE0EB;
margin:0.5em 0 0.5em;
padding:0.5em 0 0.5em 0.5em;
}


.LightBlueContainer p {
padding:0;
margin:0.2em;
}

.LightBlueContainer .Lbl{
margin-left:0.5em;
width:100px;
font-weight:700;
float:left;
}


.Receipt {
border:1px solid #CCE0EB;
}

.Receipt .Header th {
background-color:#CDDFEB;
text-align:left;
padding:1em 0 1em 1em;
font-weight:700;
color:#015F9C;
}

.Receipt .Contents td,.Receipt .Footer td {
padding:0.5em 0 0.5em 1em;
}

.Receipt .Contents td {
   border-bottom:1px solid #CCE0EB;
}

.Receipt .Footer{
background-color:#E6EFF6;
color:#015F9C;
font-weight:700;
}
address {
padding-left:1em;
font-style:normal;

}
address p {
padding:0;
margin:0;
}
.MessageArea {
margin-top:1em;
}
.MessageArea h4 {
color:#f00;
}
#TripSchedule {
text-align:left;
}
#TripSchedule th {
color:#fff;
background:#99BFD6;
}
#TripSchedule td {
background:#DBE8F1;
}
/*FAQ*/
#Faq {
list-style-type:none;
padding:0;
margin:0;
}

#Faq .Question {
font-weight:700;
margin:1em 0;
}

/*Volunteer Form*/

#ApplyContainer {

}
#ApplyContainer .stdinput {
width:150px;
}

#ApplyContainer div.row {
  clear: both;
  padding-top: 10px;
  }

#ApplyContainer div.row span.label,#ApplyContainer div.row span.largeLabel,#ApplyContainer div.row span.mediumLabel {
  float: left;
  width: 170px;
  text-align: left;
  
  }

 #ApplyContainer div.row span.largeLabel {
width:240px;
 }

 #ApplyContainer div.row span.mediumLabel {
width:190px;
 } 
  
#ApplyContainer  div.row span.formw,#ApplyContainer  div.row span.formsmall {
  float: left;
  width: 595px;
  text-align: left;
  
 } 
 #ApplyContainer  div.row span.formsmall {
 width:120px;
 }

 .smallText {
 font-size:80%;
 }

 /*board member profiles*/
.Profile {
float:left;
margin-bottom:25px;
}
.Profile .Image {
float:left;
width:120px;
}
.Profile .Text {
float:left;
width:600px;
}

.Profile .Text h3{
padding:0px;
margin:10px 0px 5px;
}

/*build schedule*/
#BuildSchedule th {
background:#5CBC51;
color:#fff;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
width:41px;
padding:5px 0 5px;
}
#BuildSchedule td {
background:#DFF2DC;
height:26px;
width:41px;
border:1px solid #fff;
}

#BuildSchedule td a {
position:relative; /*this is the key*/
z-index:24; 
text-decoration:none;
border:0;
}

#BuildSchedule td a:hover {
z-index:25;
cursor:help;
}

#BuildSchedule  td a img {
border:0;
}
#BuildSchedule td a span {
display:none;
}

#BuildSchedule td a:hover span {
display:block;
position:absolute;
top:2em; 
left:2em; 
width:15em;
}
#BuildSchedule .AffiliateName {
background:#C4E7BF;
}
#BuildSchedule .IntlRow td {
text-align:center;
}
#BuildSchedule .IntlRow .CountryName {
text-align:left;
background:#C4E7BF;
font-weight:700;
}

span.ConfirmedInProgress,span.FinalDetailsToBeConfirmed,span.Completed,span.ProposedPendingSecuringOfLandAndConsents {
border:1px solid #5CBC51;
color:#fff;
text-align: center;
}
span.ConfirmedInProgress{
background:#D46665;
}

span.FinalDetailsToBeConfirmed{
background:#A78EB5; 
}

span.Completed {
background:#F6C976; 
}

span.ProposedPendingSecuringOfLandAndConsents {
    background:#005F99;
}

/*local affiliates*/
#ContactDetails {
padding-top:25px;
}


a.mainnav:link, a.mainnav:visited, a.mainnav:active{
font-weight:bold;
color:#fff;
text-decoration:none;
margin-right:15px;
}

a.mainnav:hover{
font-weight:bold;
color:#01609A;
text-decoration:none;
margin-right:15px;
}

#subnav{
float:left;
width:208px;
background-color:#DBE8F1;
position:relative;
top:-14px;
}

#subnav_curve{
width:208px;
height:36px;
background-image:url(/images/curve.jpg);
position:relative;
top:-14px;
}

#subnav_curvebottom{
width:208px;
height:16px;
}

#inside_content_smaller{
width:630px;
float:left;
margin:0px 0px 0px 50px;
padding-bottom:50px;
}

.subnav{
height:23px;
line-height:23px;
border-bottom:1px dotted #5495BB;
}

.subnav_third{
height:23px;
line-height:23px;
border-bottom:1px dotted #5495BB;
background-color:#C4DAE7;
padding-left:10px;
}

.subnav_third a{
color:#fff;
}

.subnav_on{
height:23px;
line-height:23px;
border-bottom:1px dotted #5495BB;
background-color:#99BFD6;
background-image:url(/images/arw.jpg);
background-repeat:no-repeat;
background-position:10px 8px;
}

#subnav a{
color:#005F9B;
text-decoration:none;
font-weight:normal;
}

#subnav a.hover{
color:#fff;
text-decoration:none;
font-weight:normal;
}


#subnav_on a{
color:#fff;
text-decoration:none;
font-weight:normal;
}

.counterwhite{
color:#fff;
text-align:center;
font-weight:bold;
font-size:140%;
height:35px;
}

.counterblack{
color:#000;
font-weight:bold;
font-size:180%;
height:31px;
line-height:31px;
letter-spacing:14px;
}

/* receipt styles */
.labelsmaller{
float:left;
width:120px;
padding-bottom:3px;
}

.field{
float:left;
width:300px;
padding-bottom:3px;
}

.LightBlueContainer {
border:1px solid #CCE0EB;
margin:0.5em 0 0.5em;
padding:0.5em 0 0.5em 0.5em;
}


.LightBlueContainer p {
padding:0;
margin:0.2em;
}

.LightBlueContainer .Lbl{
margin-left:0.5em;
width:100px;
font-weight:700;
float:left;
}


.Receipt {
border:1px solid #CCE0EB;
}

.Receipt .Header th {
background-color:#CDDFEB;
text-align:left;
padding:1em 0 1em 1em;
font-weight:700;
color:#015F9C;
}

.Receipt .Contents td,.Receipt .Footer td {
padding:0.5em 0 0.5em 1em;
}

.Receipt .Contents td {
   border-bottom:1px solid #CCE0EB;
}

.Receipt .Footer{
background-color:#E6EFF6;
color:#015F9C;
font-weight:700;
}
address {
padding-left:1em;
font-style:normal;

}
address p {
padding:0;
margin:0;
}
.MessageArea {
margin-top:1em;
}
.MessageArea h4 {
color:#f00;
}

.newscontent{
float:left;
width:380px;
}

.newsimage{
float:right;
width:200px;
}
#EntryForm {
border:0;
}
#EntryForm .row .label {
 width:250px;

}
#EntryForm .row {
margin-bottom:8px;
}

/*Competition Gallery*/
#GalleryContainer {
    float:left;
}
#GalleryContainer .item {
    float:left;
    margin-right:5px;
}
#GalleryContainer .entrant{
    text-align:center;
    width:85px;
    
}
#GalleryContainer .item img {
    border:0;
}
.pager {
    padding:1em;
}
.pager .current, .pager a {
    padding:2px;
}

.terms {
    padding:1em;
    margin: 1em;
}
.terms li {
    margin:10px 0 10px;
}

#detailscontainer {
    
}
#detailscontainer .buildcontent {
    border-bottom:1px solid #ccc;
}
#detailscontainer .buildcontent .description {
    margin:5px 0 15px 15px;
    
}

/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }