body { background: #ffffff; font: normal 12px arial,sans-serif; margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; }
h1 { margin: 5px 0px 0px 0px; font-size: 1.8em; padding: 0px; color: #807f7f; }
h2 { margin: 5px 0px 0px 0px; font-size: 1.3em; padding: 0px; color: #807f7f; }
h3 { margin: 10px 0px 0px 3px; padding: 0px; font-weight: bold; color: #807f7f; font-size: 1.1em}
a { color: #f6960b; text-decoration:none; }
a:hover { text-decoration:underline; }
p, .p { color: #636363; padding: 0px 3px 2px 3px; }
td, li { color: #636363; }

.spacer { margin-top: 10px; width: 50%; }
.pgtop { vertical-align: top; }

a img { border: none; }
p img { margin:5px; }
.message, .messages { font-weight: bold; color: darkgreen; font-size: 1.1em; }
.messages td { color: darkgreen; }
.warn { color: darkred; }
tr.warn td { color: darkred; }
tr.error td { color: red; }

.messages .error { color: red; }
span.error textarea { border: 1px solid red; padding: 0.1em 0em 0.2em 0.1em}
span.error input { border: 1px solid red; padding: 0.1em 0em 0.2em 0.1em; margin-right: 2px; }
span.error { font-size: 0.9em; font-family: arial,sans-serif; font-weight: normal; color: red;  }
span.error label { font-size: 1.1em }
.selectRadio input { padding: 0px; vertical-align: middle; margin: 0px; }
.selectRadio label { padding: 0px; vertical-align: middle; }
input[type="submit"][readonly], input[type="submit"][disabled], input[type="submit"][disabled]:active { padding: 0px 6px 0px 6px; color: GrayText; cursor: inherit; }


.clear { clear: both; }
span.superscript { font-size:9px; vertical-align:top; } 

.name { vertical-align: top; font-weight: bold; width: 115px; float: left; padding: 5px; margin-top: 3px; clear: left; }
.value { float: left; padding: 5px; }
.errors { color: red; vertical-align: middle; }
img.errors { padding-right: 5px; }
.errors input { border: 1px solid red; }
.errors textarea { border: 1px solid red; }
.required { color: red; padding-left: 2px; }

.container { width: 910px; margin: 5px auto; padding:0px;  }
.header { width: 100%;  }
.logo { width: 186px; float: left; }
.logo-wl { width: 450px; float: left; }
.quicklinks { margin-top: 5px; width: 267px; float:right; text-align: right; font-family: arial,sans-serif; }
.quicklinks-wl { margin-top: 15px; width: 200px; float:left; }
.quicklinks-wl img { margin-left: 20px; height: 100px; }
.quicklinks a { color: #636363 }
.quicklinks a:hover { color: #444 } 
.strapline, .strapline-wl { float: right; clear: right; width: 510px; }
.strapline-wl { width: 450px !important; }
.strapline p, .strapline-wl p { margin: 5px 0px 0px 0px; text-align: right; padding:0px; font-size: 20pt; font-family: arial,sans-serif; color: #758fad}
.strapline-wl p { margin: 73px 0px 0px 0px !important; padding: 0px; font-size: 18pt; }
.strapline p.phonenumber { font-weight: bold; font-size: 1.4em; padding: 0px; margin: 10px 0px 0px 0px; color: #f6960b; }


/* Nav bar */
.navbar { width: 100%; height: 33px; text-align: center; z-index: 10; position: relative; top: 0px; left: 0px; }
.navbar ul { margin: 0; padding: 0; list-style: none; padding-bottom: 1px;  }
.navbar ul li { font-weight:bold; position: relative; float: left; background-color: #efac4a; height: 33px; border-right: 1px solid white; }
.navbar ul.navlinkscharities li { background-color: #798cab; }
.navbar ul.navlinkscorporates li { background-color: #969b4c; }

.navbar li .dropdown { position: absolute; left: 0px; top: 33px; border: 1px solid #fefefe; display:none; padding-bottom: 3px; background-color : #efac4a; } /* Second level frame */
.navbar ul.navlinkscharities li .dropdown { background-color: #798cab; }
.navbar ul.navlinkscorporates li .dropdown { background-color: #969b4c; }

.navbar li .dropdown ul { width: 140px; padding: 0px; margin: 0px; }
.navbar ul li .dropdown  ul li { float: none; font-size: 0.9em;  height: 18px; margin: 0px; padding: 0px; border-right: 0px; } /* Second level item */
a.homeLink, a.faqsLink, a.fundraisingLink, a.newsLink, a.testimonialsLink, a.oneLineLink { margin-top: 7px; }
.lastLink { border: none !important;  }
.navlinkscharities .lastLink { padding: 0px 1px 0px 0px; }
.navlinkscorporates .lastLink { padding: 0px 5px 0px 4px; }
.navbar .selected { background-color: #ffffff; border-right: 1px solid #ffffff; }
.navbar .selected a { color: #efac4a !important; }
.navbar ul.navlinkscharities .selected { background-color: #ffffff; border-right: 1px solid #ffffff; }
.navbar ul.navlinkscharities .selected a { color: #798cab; }
.navbar ul.navlinkscharities .selected li:hover a { color: #798cab; }
.navbar ul.navlinkscorporates .selected { background-color: #ffffff; border-right: 1px solid #ffffff; }
.navbar ul.navlinkscorporates .selected a { color: #969b4c; }
.navbar ul.navlinkscorporates .selected li:hover a { color: #969b4c; }

/* Styles for Menu Items */
.navbar ul li a { display: block; text-decoration: none; vertical-align: middle; color: #ffffff !important; padding: 1px 10px 0px 9px; font-size: 1.0em;}
.navbar ul.navlinkscharities li a { padding: 1px 10px 0px 9px; }
.navbar ul.navlinkscorporates li a { padding: 1px 12px 0px 12px; }
.navbar ul li:hover a { color: #857561; text-decoration: none  }
.navbar ul.navlinkscharities li:hover a { color: #eeeeee; }
.navbar ul.navlinkscorporates li:hover a {color: #eeeeee; }
.navbar ul.navlinkscharities li.selected:hover a { color: #798cab; }
.navbar ul.navlinkscorporates li.selected:hover a {color: #969b4c; }

.navbar ul li .dropdown  ul li a { margin: 0px; padding: 3px 2px; border: 0px; color: #ffffff !important; } /* Second level link */
.navbar ul.navlinkscharities li .dropdown  ul li a { color: #eeeeee !important; } /* Second level link */
.navbar ul.navlinkscorporates li .dropdown  ul li a { color: #eeeeee !important; } /* Second level link */
.navbar ul li .dropdown ul li a:hover { color: #857561 }
.navbar ul.navlinkscharities li .dropdown  ul li a:hover { color: #ffffff !important }
.navbar ul.navlinkscorporates li .dropdown  ul li a:hover { color: #ffffff !important }


/* The magic */
.navbar ul li:hover .dropdown, li.over .dropdown { display: block; } 

.fakenavbar { width: 100%; background: #efac4a; height: 33px;  }
.fakenavbar .charityName { float: left; color: white; margin: 1px 0px 0px 5px; padding: 0px; }
.fakenavbar .byline { float: right; color: white;  margin: 2px 4px 0px 0px; font-size: 0.9em; padding: 0px; text-align: right; }

.navbar ul li .dropdown  ul li.spacerli { margin: 2px 0px 0px 0px; padding:0px; height: 1px; line-height:1px; font-size: 1px }
.navspacer { width: 80%; margin:0px auto; background: #e8e8e8; height: 1px; line-height:1px; font-size: 1px }
.navbar ul.navlinkscorporates .navspacer { }

/******************/
/*                */
/*  Main section  */ 
/*                */
/******************/

.main { margin:0px; padding:10px 0px 10px 0px; background: #fefefe; background-image: url('../images/content-background.gif'); background-repeat: repeat-x; width: 100%; }
.mainimage img { width: 718px; height: 217px;}
.mainimage { width: 718px; height: 220px; }

.leftbar { width: 182px; float: left; margin-right: 10px; }

.leftbar .searchbox {height: 225px; width: 100%; background-image: url('../images/quick-search-box.png'); background-repeat: no-repeat;}
.leftbar .stepbox { margin-top: 3px; margin-bottom: 0px; }
.leftbar .bookbutton { margin-top: 4px; }

.quickSearchBox select { height: 22px; line-height: 22px; }

.contentarea { float: left; width: 718px; }
.breakoutright { float: right; width: 168px; margin-left: 20px; margin-top: 10px;}
.breakoutrightwide { float: right; width: 202px; margin-left: 20px; margin-top: 10px;}
.featurebox { background-image: url('../images/feature-box-background.png'); background-repeat:no-repeat; width: 168px; height: 67px; overflow: hidden; margin-bottom: 5px; }
.featureboxhighlight { background-image: url('../images/feature-box-background-highlight.png') !important; }
.featureboxshort { background-image: url('../images/feature-box-short-background.png') !important; height: 45px; }
.featureboxshort h3 a { color: #676767 !important; }
.featureboxhighlight h3 a { color: white !important; }
.featurebox h3, .featurebox p { text-align: right; padding: 0px 13px 0px 0px; font-size: 1.2em;  }
.featurebox h3 { margin: 6px 0px 0px 0px;}
.featurebox p { font-size: 0.9em; margin: 3px 0px 0px 0px;}
.featurebox p a { color: #636363 !important; }
.featureboxhighlight p a { color: #615e5a !important; }

.expeditionitem { text-align: center; float:left; padding: 2px; margin: 0px 3px 5px 3px; width: 75px; height: 75px; overflow:hidden;  }
.expeditionitemsmall { float:left; padding: 0px 1px 2px 1px; margin: -10px 0px 2px 0px; width: 63px; height: 60px; overflow:hidden;  }
.expeditionitem img { margin: 0px auto 0px auto; vertical-align: middle;  }
.expeditionitem p.caption { width: 75px; color:#969d4d; font-weight:bold; font-size: 1.0em; padding: 0px; margin: 0px}

.expeditionbullets { margin: 0px; padding:0px; list-style: none; width: 480px }
.expeditionbullets li { width: 440px; color: #98a358; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 20px; background-image: url('../images/bullet-arrow-green.png'); background-repeat: no-repeat; }

.expeditioncontent h1, .expeditioncontent h2 { color: #798cab; } 
.expeditionicons { margin-left: 12px; margin-top: 15px; }

.bulletboxtop { background-image: url('../images/bullet-box-background-top.png'); width: 493px; height: 11px; line-height: 11px; font-size: 1px; }
.bulletboxmiddle { background-image: url('../images/bullet-box-background-middle.png'); width: 493px; background-repeat: repeat-y }
.bulletboxbottom { background-image: url('../images/bullet-box-background-bottom.png'); width: 493px; height: 14px; }

.stepbystep { margin: 0px 0px 0px 0px; padding:0px; }
.left { float: left; }
.right { float: right; }
.stepbystep img { margin: 0px 3px 0px 10px; }
.stepbystep h3 { color: #798cab; margin-top: 1px; padding-top: 0px; }
.stepbystep p { margin: 3px 8px 4px 3px; }

.featuredchallengeheader { background: #b49a7c; color: white; padding: 4px; font-weight: bold; height: 18px; }
.featuredchallengebody { background: #efefef; width: 341px; padding: 4px; margin-top: 5px}
.featuredchallengebody h3 { font-size: 8pt; margin-top: 0px; }
.featuredchallengebody h3 a { color: #5e5e5e; text-decoration: underline;  }
.featuredchallengebody p { font-size: 8pt; margin-top: 3px; }
.featuredchallengebody img { width: 150px; float: right; margin-left: 4px; }

.challengeSearchResults { background: #f7f6f6; }
.challengeSearchResults .rich-table-cell { font-size: 1.1em !important; height: 18px; line-height: 18px}
.challengeSearchResults .rich-table-headercell { font-size: 1.1em !important; text-align: left; }
.challengeSearchResults .rich-subtable-cell { font-size: 1.0em !important; height: 18px; line-height: 18px }
.membersInvoicesRow { background-color: #f7f6f6; height: 30px; }

.locationmap { margin:0px auto; text-align:center; position:relative; top: 0px; left: 0px; width:605px; height:250px; }
.locationmap a { color: black; font-size: 9pt}
.locationmap a:hover { color: #f6960b; }

.paymentoptionsboxtop { background-image: url('../images/bluebox-background-top.png'); width: 182pxpx; height: 42px; }
.paymentoptionsboxtopblank { background-image: url('../images/bluebox-background-top-blank.png'); width: 182pxpx; height: 42px; }
.paymentoptionsboxmiddle { background-image: url('../images/bluebox-background-middle.gif'); width: 182px; background-repeat: repeat-y }
.paymentoptionsboxmiddle p.heading { padding: 0px; margin: 0px; color: #798cab; font-weight: bold; }
.paymentoptionsboxmiddle p { font-size: 0.9em; padding: 0px; margin: 2px 0px 0px 0px; }

.paymentoptionsboxbottom { background-image: url('../images/bluebox-background-bottom.png'); width: 182px; height: 21px; }
.paymentoption { width: 152px; margin: 0px 0px 0px 12px; }
.paymentoptionwide { width: 212px; margin: 0px 6px }
.paymentoption table { border-collapse:collapse;margin-left: 2px; width: 149px; margin: 5px auto 10px auto; color: #6e6e6e}
.paymentoptionwide table { width: 209px; }
.paymentoption table td { padding: 2px 4px; }
.poseperator { width: 140px; margin: 0px 10px 7px 5px; border-bottom: 1px solid #798cab; line-height: 1px; font-size: 1px;  }

.paymentoption td.webpayment p, td.webpayment1 p { margin-bottom: 0px; padding: 0px; }
td.webpayment1 p { font-size: 0.9em; margin-top: 0px }
td.alignTop { vertical-align: top; }

.paymentexplained { overflow: auto; height: 650px; width: 100%; font-size: 1.1em; }
.paymentexplained h3 { color: #798cab; margin: 0px; padding: 0px 0px 3px 0px; font-size: 1.2em; }
.paymentexplained p { margin: 0px; padding: 0px 0px 4px 0px; }

/* Slideshow */
div.dyncontent { display: none }
#dyn_1 { display: inline }
p.slideshowcaption { font-size: 1.1em; font-weight: bold }

.bookformbutton { float:right; margin-top: 10px; margin-right: 0px }

.movie { border: 1px solid #b2b37b; width: 478px; height: 373px; margin: 20px auto 0px auto}
.moviecr { border: 1px solid #b2b37b; width: 586px; height: 344px; margin: 20px auto 0px auto }

.pagination { float: right; font-size: 1.1em; font-weight: bold; }
.pagination a { padding-left: 6px; }

/******************/
/*                */
/* Footer section */ 
/*                */
/******************/

div.footer { clear:both; width: 100%; padding: 15px 4px 0px 0px; font-family: arial,sans-serif;}
div.footer div.ruler { width: 100%; height: 1px; line-height:1px; font-size:1px; border-bottom: 1px solid darkgray; clear:both;  }
div.footer p { float: left; color: gray; margin: 3px 0px; padding: 0px 10px 0px 10px; font-size: 1.0em; }
div.footer .links p {  margin: 6px 0px 3px 0px; }
div.footer p a { text-decoration: none; color: gray; }
div.footer p a:hover { color: #444; }
div.footer p.copyright { float: right; }
div.footer p.copyright a { color: #8a9849; font-size: 1.3em; }
div.footer p.atol {width: 100px; float:left; padding: 0px; margin: 0px; vertical-align: top; }
div.footer p.credits { float:right; padding: 0px; }
div.footer .sslseal { float:right; margin-left: 2px; }
div.footer .sslseal img {  }