/* -------------------------------------------------------------------------- */
/* GENERAL - standard HTML elements                                           */
/* -------------------------------------------------------------------------- */

body, h1, h2, h3, h4, p, ul, dl, dd, dt, form, fieldset {
    margin: 0; padding: 0;
}

body {
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    background: #d8dacc;
    padding-bottom: 20px;
    font-size: 13px;
}

form, fieldset {
    border: none;
}


/* -------------------------------------------------------------------------- */
/* Links                                                                      */
/* -------------------------------------------------------------------------- */

/* TODO Make this just 'a' */
a:link, a:visited { color: #008eb3; text-decoration: none; }

a:hover {
    text-decoration: underline;
}

/*
a:link.donate, a:visited.donate, #donate a {
    color:#ea000b;
}
*/

a.donate/*, #donate a*/ {
    color:#ea000b;
}


/* -------------------------------------------------------------------------- */
/* Headings                                                                   */
/* -------------------------------------------------------------------------- */

h1 { font-size: 24px; font-weight: normal; margin-bottom: 7px; font-family: GillSansWBbold, arial; }

h1.secondlevelpage {
    text-transform: uppercase;
    font-size: 25px;
    /*color: #ac82ba;*/
    color: #646;
    font-family: GillSansWBbold, arial;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 17px;
    /*background: url("/assets/images/purple_line.gif") no-repeat left bottom;*/
    border-bottom: 3px dotted;
    padding-bottom: 10px;
}

#content h1.secondlevelpage {
    margin-bottom: 20px;
}

h2, h3, h4 { font-weight: bold; margin-top: 18px; margin-bottom: 6px; }

h2 { font-size: 15px; }

h3 { font-size: 13px; }

h4 { font-size: 12px; color: #333; }


/* -------------------------------------------------------------------------- */
/* Paragraphs                                                                 */
/* -------------------------------------------------------------------------- */

p.standfirst, p.intro {
    font-size: 16px; font-weight: normal;
    margin-bottom: 10px; line-height: 21px; color: #333;
}

p { margin-bottom: 12px; line-height: 18px; /*line-height: 1.5;*/ color: #333; }


/* -------------------------------------------------------------------------- */
/* Images                                                                     */
/* -------------------------------------------------------------------------- */

img { border: 0; }

h1 img, h2 img, h3 img, #logo img, .homestatement img, .wheremoneygoes img {
    vertical-align: middle;
}


/* -------------------------------------------------------------------------- */
/* Lists                                                                      */
/* -------------------------------------------------------------------------- */

ul { margin-bottom: 20px; list-style: none; }

ul li { background: url('/assets/images/blt-purple.gif') no-repeat; padding-left: 13px; }

dt { font-weight: bold; margin-top: 12px; }
dd { margin-left: 30px; }


/* -------------------------------------------------------------------------- */
/* Form elements                                                              */
/* -------------------------------------------------------------------------- */

textarea, button { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }


#content object { display: block; margin: 12px 0 24px; }


/* -------------------------------------------------------------------------- */
/* LAYOUT                                                                     */
/*                                                                            */
/* Centered, fixed-width main page                                            */
/* -------------------------------------------------------------------------- */



.landing-page #main     { padding: 15px; }
.landing-page #content  { display: block; float: none; margin: 0; padding: 0; width: auto; }

.standalone #content    { margin-left: 190px; margin-right: 276px; width: auto; }

#page {
    width: 936px;
    margin: auto;
}

#main {
    position: relative;
    background: #fff;
    padding-bottom: 20px; 
    overflow: hidden;
    clear: both;
}


/* Accessibility links */

.removed          { margin: 0; padding: 0; position: fixed; left: -99999px; }
.removed li       { padding: 5px; overflow: hidden; top: 10px; }
.removed a:focus  { position: fixed; top: 10px; left: 10px; padding: 5px; }


/* Breadcrumbs have gone ... */

#breadcrumbs { display: none; }

hr { clear: both; visibility: hidden; }

p.centered { text-align: center; }

address { font-style: normal; }

abbr { border-bottom: 1px dashed; cursor: help; }

.frame-outer { margin-bottom: 10px; }

.hidden { display: none; }


/* -------------------------------------------------------------------------- */
/* TOP AREA                                                                   */
/* -------------------------------------------------------------------------- */

#header { overflow: hidden; margin: auto; width: 936px;}

#masthead { float: left; width: 441px; margin-top: 7px; margin-bottom: 16px;}

#topright { text-align: right; margin-top: 14px;}

form#search { margin-top: 8px; width: 206px; float: right; display: none; }

form#search label {margin-right: 3px; vertical-align: middle;}

#input-search {
    float: left; width: 163px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif;
    padding: 2px; padding-left: 5px; padding-top: 1px; color: #666;
}

.default-text { color: #666; }

#header input.button { float: right; vertical-align: bottom; width: auto; }

/* This should never be used ... */
/* #TabContainer { width: 935px; margin-left: 10px; } */

/* Used for redesign migration - /probably/ no longer necessary */
#subtabs { display: none; }


/* Utility Nav */

.utilitynav { font-size:12px; color:#999; }

.utilitynav a:link,
.utilitynav a:visited { color: #333; }
.utilitynav a:hover   { color: #008eb3; text-decoration: none; }

.utilitynav a, .footernav a { padding-right: 7px; border-right: 1px solid #adb6ba; margin-right: 5px; }
.utilitynav a:last-child, .footernav a:last-child,
.utilitynav a.contactus, .footernav a.contactus { padding-right: 0; border-right: none; margin-right: 0; }

/*
a.aboutus, a.jobs, a.press, a.aboutus, a.teachers, a.terms, a.privacy, a.sitemap {
    padding-right: 7px; border-right: 1px solid #adb6ba; margin-right: 5px;
}
*/

/* Highlight the currently section in the utility nav */

.aboutuspages    a.aboutus,
.jobspages       a.jobs,
.presspages      a.press,
.aboutuspages    a.aboutus,
.teacherspages   a.teachers,
.contactuspages  a.contactus { color: #000; font-weight: bold; }


/* Topnav Tabs */

ul#tabs {
    clear: both;
    list-style: none;
    margin-bottom: 0;
    overflow: hidden;
    width: 800px;
    float: left;
}

ul#tabs li {
    margin: 0; padding: 0; background: none; float: left;
    font-weight: bold; margin-right: 5px;
}

ul#tabs a { display: block; background: #333; color: #fff; text-decoration: none;
    padding: 5px 13px 6px; margin-top: 4px; }

ul#tabs a:hover,
ul#tabs a:focus   { background: #999; }

ul#tabs a.donate { background: #ea000b; }

ul#tabs a.donate:hover,
ul#tabs a.donate:focus   { color: #000; }

.homepages         ul#tabs a.home,
.newspages         ul#tabs a.news,
.whatwedopages     ul#tabs a.whatwedo,
.whereweworkpages  ul#tabs a.wherewework,
.whatyoucandopages ul#tabs a.whatyoucando,
.resourcespages    ul#tabs a.resources,
.donatepages       ul#tabs a.donate { background: #fff; padding-top: 9px; margin: 0; }

.homepages         ul#tabs a.home,
.newspages         ul#tabs a.news,
.whatwedopages     ul#tabs a.whatwedo,
.whereweworkpages  ul#tabs a.wherewework,
.whatyoucandopages ul#tabs a.whatyoucando,
.resourcespages    ul#tabs a.resources    { color: #000; }

.donatepages ul#tabs a.donate { color: #ea000b; }



/* LEFT-NAV navigation */
#navigator, .navigator   { float: left; margin-top: 3px; width: 170px; margin-right: 20px;
                           font-size: 12px; padding-top: 20px; }

.navigator #navigator { padding-top: 0; margin-bottom: 20px; }

/* For donation pages */
#navigator.costings   { margin-top: 40px; margin-right: 0; width: 190px; text-align: center; }

#navigator ul,
.navigator ul            { list-style: none; margin: 0; padding: 0; font-weight: bold; }

#navigator li,
.navigator li          { background: none; line-height: 14px; margin: 0; padding: 0; }

#navigator a:hover,
.navigator a:hover { color: #1a1b1b; text-decoration: none; }

#navigator a,
.navigator a       { text-transform: uppercase; background-color: #f3f4ee; display: block;
                           border-top: 2px solid #fff; padding: 3px 5px 3px 13px; }

#navigator a.now,
.navigator a.now   { background-color: #847a7a; color: #fff; }

/* Sub-left-nav */
#navigator ul ul,
.navigator ul ul          { font-weight: normal; }

#navigator ul ul a,
.navigator ul ul a     { text-transform: none; background-color: #fff; border-bottom: 1px solid #f3f4ee;
    border-top: none; padding-left: 18px; }

#navigator ul ul a.now,
.navigator ul ul a.now { background-color: #d3cece; color: #000; } /* dcdcc8 - d7d1c0 */



/* RIGHT-HAND COLUMN */
#sidebar
{
    float:          left;
    margin-top:     10px;
    margin-bottom:  0;
    width:          230px;
    padding-top:    15px;
    overflow:       hidden;
}

#sidebar h2 {
    background: #989;
    color: #fff;
    font-weight: bold;
    padding: 3px 0px 4px 14px;
    margin: 0;
    margin-bottom: 7px;
    margin-top: 15px;
}

.elections #sidebar h2
{
    background: url("/assets/images/bg-pink-panel.gif") no-repeat top left;
}

.legacies #sidebar h2 {
    background-color: #894;
}

.corporate #sidebar h2
{
    background: #989;
}

#sidebar-don  {
    background-color: #EEE;
    border: 1px solid #CCC;
    margin-top: 23px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    
}

#content #sidebar-don {
    width: 180px;
    margin-top:0;
}

#sidebar #sidebar-don h2 {
    padding-left: 0;
    background: none;
    color: #000;
    font-family: GillSansWBbold, arial;
    font-size: 115.385%;
    text-transform: uppercase;
}

#sidebar h2.prominent,
.top-level .columns h2.prominent {
    margin-bottom: 10px;
    color: #257;
    font-family: GillSansWBbold, arial;
    font-size: 130%;
    background: none;
    padding-left: 0;
}


#sidebar .arrowlinks, #popular-links ul, .popular-links ul {
    margin: 0; padding: 0;
}

#sidebar ul.arrowlinks li,
#popular-links ul li,
ul.popular-links li,
.popular-links li {
     background: url("/assets/images/arrowlinks.gif") no-repeat;
    line-height: 16px;
    padding-left: 14px;
     padding-top: 4px;
}

ul.peoplelinks    { margin: 0; padding: 0; }

ul.peoplelinks li { margin: 0; padding: 0; background: url("/assets/images/peoplelinks.gif") no-repeat;
    display: block; color: #333; line-height: 16px; padding-left: 14px; padding-top: 3px; }

#donatepage #sidebar {padding-top:5px;}
#frsb { text-align: right; margin-top: 20px; }
.rss-link {background:url('/assets/images/feed.gif') no-repeat; padding-left:24px;}
#sidebar-footer { border-top: 3px dotted #ccc; padding-top: 10px;}

/*
#donate p { text-align: right; }
*/


/* FOOTER */

.pageend { clear: both; background: url("/assets/images/content-torn.gif"); height: 15px; margin-bottom: 6px; }

#footer { font-size: 11px; color: #666; }

.alliancelogo { float: left; margin-right: 12px; }
.registered { float: left; padding-top: 10px; height: 10px; }

.footernav { clear: both; line-height: 15px; margin-bottom: 3px; }

.footernav a       { color: #1a1b1b; }
.footernav a:hover { color: #008eb3; text-decoration:none; }

.alliancelink a       { color: #666; }
.alliancelink a:hover { color: #008eb3; text-decoration:none; }



/* MIDDLE CONTENT COLUMN */

#content {
    float: left;
    width: 470px;
    padding-top: 20px;
    margin-right: 25px;
    margin-bottom: 20px;
    display: inline;
}

#content.wide {
    width: 705px;
    width: 746px;
    width: 731px;
    margin-right: 0;
    margin-right: 15px;
}

.half-column { width: 348px; margin-right: 15px; float: left; }

#content h1 { margin-bottom: 10px;}

#content ol { padding-left: 30px; margin: 1em 0;}

#content li { color: #333333; line-height: 18px; margin-bottom: 10px; }

ul.arrowlinks, ul.arrowlinksdown {margin:0; padding:0; margin-left:0; margin-bottom:15px;}
ul.arrowlinks li {color:#333333; background:url("/assets/images/arrowlink-transparent.gif") no-repeat; display:block; margin:0; padding:0; padding-left:18px; padding-bottom:5px;}
.purpletitle {margin-top:24px;}
.subnav {font-size:11px; text-transform:uppercase; color:#cccccc; padding-bottom:2px; border-bottom:1px dotted #999999; margin-bottom:15px;}
.subnav a.selected {color:#666666;}
ul.arrowlinksdown li {color:#333333; background:url("/assets/images/arrowlinkdown.gif") no-repeat; display:block; margin:0; padding:0; padding-left:18px; padding-bottom:5px;}


/* Used for, e.g., 'rows' of floated elements */

.float-container { overflow: hidden; }


/* Images */

.image-bordered { border: 1px solid #000; }

.country-map { margin-bottom: 20px; display: block; }


/* Gallery */

/* Default styles - these will be applied whether the user has javascript enabled or not */

.pics div img               { padding: 8px; border: 1px solid #ccc; background-color: #eee; }
.pics div span              { display: block; }
.pics-nav .activeSlide a    { background: #88f; }
.pics-nav a:focus           { outline: none; }
ul.pics-nav li              { margin: 0; padding: 0; background: none; background-image: none; margin-bottom: 5px; }
#hats-caption em            { font-style: italic; }

/* Javascript-only styles */

.image-gallery                  { overflow: hidden; padding: 0; /*height: 332px;*/ margin-top: 10px; margin-bottom: 5px; }
.image-gallery img              { /*height: 300px;*/ margin: 0; cursor: pointer; }

.image-gallery-nav              { overflow: hidden; }
#content .image-gallery-nav li  { float: left; margin-right: 8px; margin-bottom: 8px; list-style: none; width: 50px; }
.image-gallery-nav a            { display: block; border: 1px solid #ccc; padding: 3px; width: 50px; }
.image-gallery-nav img          { border: none; display: block; }


/* Clearers */
.clear { clear: both; }

/* Content footer (used as container for, e.g. .bookmarklinks) */
.content-footer { padding-top: 10px; border-top: 3px dotted #ccc; clear: both; margin-right: 20px; margin-top: 15px; overflow: hidden; }
#landingpagewide .content-footer { width: 896px; }
#content .content-footer { margin-right: 0; }


/* Bookmark Footers */

.bookmarklinks { clear: both; border: 1px solid #d7d9d0; background-color: #fcfbfa;
    font-size: 10px; color: #4d4d4d; margin-bottom: 0; padding: 2px 0 2px 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif; overflow: hidden; }

.bookmarklinks img { vertical-align: middle; }

/* Specifically for when in .content-footer; let's see if it can work across the board */

.bookmarklinks        { margin-top: 6px; /*line-height: 2;*/ }
.bookmarklinks ul     { /*margin: 0;*/ list-style: none; /*float: left;*/ margin-left: 140px; overflow: hidden; }
.bookmarklinks li     { margin: 0; padding: 0; background: none; float: left; }
.bookmarklinks strong { float: left; margin-right: 20px; margin-top: 4px; margin-bottom: 4px; text-align: right; width: 120px; }

/* Note: I have to add this, in addition to the properties above, because standard
   list-items are targetted using "#content li" (~ line 237). That's probably a
   mistake which should be fixed.
*/
#main .bookmarklinks li { margin: 0; }

.bookmarklinks a      { margin-right: 10px; display: block; line-height: 20px; padding-left: 18px;
    background-repeat: no-repeat; background-position: left center; }

.bookmarklinks a.last { padding-right: 0; }

.bookmarklinks a.bebo       { background-image: url('/assets/images/icon_bebo.gif'); }
.bookmarklinks a.delicious  { background-image: url('/assets/images/icon_delicious.gif'); }
.bookmarklinks a.digg       { background-image: url('/assets/images/icon_digg.gif'); }
.bookmarklinks a.facebook   { background-image: url('/assets/images/icon_facebook.gif'); }
.bookmarklinks a.flickr     { background-image: url('/assets/images/icon_flikr.gif'); }
.bookmarklinks a.linkedin   { background-image: url('/assets/images/icon_linkedin.gif'); }
.bookmarklinks a.reddit     { background-image: url('/assets/images/icon_reddit.gif'); }
.bookmarklinks a.stumble    { background-image: url('/assets/images/icon_stumbleupon.gif'); }
.bookmarklinks a.twitter    { background-image: url('/assets/images/icon_twitter.gif'); }
.bookmarklinks a.you-tube   { background-image: url('/assets/images/icon_youtube.gif'); }

#sidebar .bookmarklinks { padding-bottom: 7px; /*float: none; width: 221px;*/ }

#sidebar .bookmarklinks strong { float: none; display: block; margin-right: 0; text-align: left; width: auto; }

.icon { padding-right: 4px; }

.bookmark-links ul, bookmark-links li { margin: 0; padding: 0; }

.bookmark-links ul { list-style-type: none; }

.bookmark-links li {
    background-image: url('/assets/images/smicons-vert.png');
    background-repeat: no-repeat;
    float: left;
    padding-left: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 4px;
}

#main .bookmark-links li {
    margin-bottom: 2px;
    margin-top: 2px;
}

.bookmark-links a {
    display: block;
    height: 100%;
    margin-left: -16px;
    padding-left: 18px;
}

#main .bookmark-links a {
    line-height: 16px;
}

.bookmark-links li.bebo       { background-position: left 0; }
.bookmark-links li.delicious  { background-position: left -16px; }
.bookmark-links li.digg       { background-position: left -32px; }
.bookmark-links li.facebook   { background-position: left -48px; }
.bookmark-links li.flickr     { background-position: left -64px; }
.bookmark-links li.linkedin   { background-position: left -80px; }
.bookmark-links li.reddit     { background-position: left -96px; }
.bookmark-links li.stumble    { background-position: left -112px; }
.bookmark-links li.twitter    { background-position: left -128px; }
.bookmark-links li.you-tube    { background-position: left -144px; }

#main .bookmark-links a { background-image: none !important; }



/* Panels. Not sure there's much use of these still. */

.panel-a, panel-b {margin-bottom:15px; margin-top:5px; width:225px; color:#333333; padding-bottom:7px; border-bottom:1px solid #fdc82f;}
.panel-a img.graphic {float:left; margin-right:10px;}
.panel-a.content {float:left; width:114px;}
.panel-a p {margin-bottom:0; padding-top:6px; line-height:15px;}
.panel-a h2, .panel-b h2, .panel-c h2 {background:url("/assets/images/bg-yellow-panel.gif") no-repeat top left; color:#000000; font-weight:bold; font-size:13px; padding:3px 0px 4px 10px; margin:0; margin-bottom:6px;}


/* Floats */

/* Are these two still in use? */
.left  { clear: both; float: left; }
.right { float: right; }

.image-right,
.image-left  { margin-bottom: 10px; }

.image-right { margin-left: 10px; float: right; }
.image-left  { margin-right: 10px; float: left; }


/* Form pages (Donate) */
#donator h2 {padding-left:10px !important; margin-bottom:0 !important; background:url("/assets/images/bg-form-legend.gif")}
div.bordered {border:1px solid #d8dbcc; border-top:0 solid #ffffff; margin:0;}

div.bordered p {
    padding-left:10px !important;
    padding-right:9px;
    margin:0 !important;
    padding-top:3px;
    padding-bottom:5px !important;
}

div.bordered address {padding-bottom:0 !important; padding-left:10px !important; padding-right:9px; margin:0 !important;}

div.bordered h3 { display: block;
    font-size:12px;
    font-weight:bold; background:url("/assets/images/bg-form-pointer.gif") no-repeat bottom left;
    padding:8px 4px 26px 10px; margin:0 !important; }

div.bordered a.downloads {padding-left:10px; padding-bottom:10px;}
#sidebar #donator address.phone {font-size:15px; font-style:normal; font-weight:bold;} /* padding:0 10px 10px 4px; */

/* #sidebar #popular-links ul li a.default {background:url("/assets/images/arrowlinks.gif") no-repeat left center; display:block; padding:5px 10px 5px 30px;} */
/* #sidebar #popular-links ul li a.downloads {background:url("/assets/images/download.gif") no-repeat center left; display:block; margin-bottom:4px; padding:10px 0 0 30px;} */
/* #sidebar #popular-links ul li a.print {background:url("/assets/images/printer.gif") no-repeat center left; display:block; margin-bottom:4px; padding:10px 0 0 30px;} */

#sidebar #donator ol {margin: 10px; margin-left: 30px; padding: 0; }
#sidebar #donator ol li {margin:0; padding:0; background:none; font-size:11px; list-style-type:decimal;}
#sidebar #donator address.postal {font-size:11px; font-style:normal; padding:0 10px 10px;}

/* #sidebar a.downloads {background:url("/assets/images/download.gif")  no-repeat center left; display:block; font-size:12px; margin-bottom:4px !important; padding:10px 0 0 25px;} */
/* #sidebar #donator a.downloads {background:url("/assets/images/download.gif")  no-repeat center left; display:block; font-size:12px; margin:4px 8px 4px 8px !important; padding:10px 0 10px 25px;} */
/* #sidebar a.print {background:url("/assets/images/download.gif")  no-repeat center left; display:block; margin-bottom:4px; padding:10px 0 0 30px;} */ 

#sidebar #language {margin:10px 0;}
#sidebar #language a {background:url("/assets/images/dragon.gif") no-repeat center left; display:block; margin-bottom:4px; padding:10px 0 0 30px;} 
#sidebar #donate,

#sidebar #popular-links, #sidebar .popular-links { margin-bottom: 15px; }


#sidebar #popular-results {margin-top:168px;}
#sidebar #popular-results-advanced {margin-top:151px;}
#sidebar dl#side-listings dt a {display:block;}
#sidebar dl#side-listings dd {border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:10px;}
#sidebar dl#side-listings dt {padding:4px 4px 1px 4px;}
#sidebar dl#side-listings dd {margin:1px 4px 4px 4px;}
#st_logo { text-align: center; }

/* Form scaffolding */
/*... for vertically stacked checkboxes and radiobuttons */
#content ul.checkboxes li,
#content ul.radio-buttons li {margin:0; padding:0; background:none; margin:0 0 5px 5px;}
ul.checkboxes li input,
ul.checkboxes li label,
ul.radio-buttons li input,
ul.radio-buttons li label {display:inline; margin-right:4px; vertical-align:middle;}
/*...for horizontally stacked checkboxes and radiobuttons */
.horizontal li {float:left;}
/*...for twin columns of stacked checkboxes and radiobuttons */
.twin-columns li {float:left; width:40%;}
/*... for horizontally aligned label and form controls */
p.control-h {clear:both; margin-bottom:10px;}
.control-h .button {vertical-align:top;}
p.control-h label {display:block; float:left; font-weight:bold; margin-left:5px; padding:4px 0; /* Match vertical padding to input padding */ vertical-align:middle; width:120px;}
/*... for vertically aligned label and form controls */
p.control-v {margin-bottom:10px !important; padding-bottom:0 !important;}
p.control-v label {display:block; font-weight:bold; margin-left:5px; padding:4px 0; /* Match vertical padding to input padding */ vertical-align:middle; width:auto;}
p.control-v input, p.control-v select, p.control-v textarea {margin-left:5px; /* Alignment rules for mixing control-h and control-v types */ }
/* For single line controls such as a checkbox and sentence */
p.control-single {margin-bottom:0 !important; padding:0 0 5px 208px !important;}
p.control-single input.check {float:left; margin:0 4px 20px 0;}
p.control-single label {display:block;}
.button { width: auto; }





/* Standard STC Form Styling */
form#standard, form#standard-b {margin-bottom:15px;}
form fieldset legend {margin:0 !important; padding:0 !important;}

form#standard legend {
    width: 470px;
    display: block !important;
    margin: 0 !important;
    padding: 0;
    /*background: url("/assets/images/bg-form-legend.gif") no-repeat top left;*/
    background: #989;
    color: #fff;
}

form#standard legend span,
form#standard-b legend span {
    font-size: 15px !important;
    font-weight: bold;
    margin: 0 !important;
    padding-left:10px;
    padding-top:4px;
    padding-bottom:4px;
    display:block;
    width:460px;
}


form#standard p,
form#standard-b p {
    background:url("/assets/images/bg-form-pointer.gif") no-repeat bottom left;
    margin-bottom:0;
    padding:4px 0 26px 8px;
}

form#standard div.bordered p {
    background: none !important;
    overflow:hidden;
}

form#standard p.control-h, form#standard-b p.control-h {background:none; margin-top:0; padding-left:4px; padding-bottom:4px;}

form#standard p.control-h label, form#standard-b p.control-h label {margin-left:0;}

form#standard p.control-h input, form#standard-b p.control-h input {width:200px;}

form#standard p.control-h input.button, form#standard-b p.control-h input.button {width: auto;}

form#standard input.button,
form#standard-b input.button {
    margin-right:4px;
    vertical-align:top;
    width:auto;
}

form#standard div.bordered,
form#standard-b div.bordered {
    border-bottom: 1px solid #D8DBCC;
    border-left: 1px solid #D8DBCC;
    border-right: 1px solid #D8DBCC;
    margin-top: -16px;
    padding: 16px 4px 26px;
}

form#standard div.sides,
form#standard-b div.sides {
    border-bottom: none;
}

form#standard.smaller-print { font-size: 11px; }

form#standard ul.smaller-print li label,
form#standard-b ul.smaller-print li label {
    line-height:14px !important;
}

form#standard p.control-v textarea, form#standard-b p.control-v textarea {width:400px;}

form#standard ul,
form#standard ol {margin-top:0; margin-bottom:0; }

form#standard .donation .radio-buttons { margin-left: 200px; }





/*styling for new event payment form*/
form#event, form#event-b {margin-bottom:15px;}
form fieldset legend {margin:0 !important; padding:0 !important;}
form#event legend {color: #FFF; width:470px; display:block !important; margin:0 !important; padding:0; background:url("/assets/images/events-bg-form-legend.gif") no-repeat top left;}
form#event legend span,
form#event-b legend span {
    color: #FFF;
    font-size: 15px !important;
    font-weight: bold;
    margin: 0 !important;
    padding-left:10px;
    padding-top:4px;
    padding-bottom:4px;
    display:block;
    width:460px;
}

form#event p,
form#event-b p {
    background:url("/assets/images/bg-form-pointer.gif") no-repeat bottom left;
    margin-bottom:0;
    padding:4px 0 26px 8px;
}
form#event div.bordered p {
    background: none !important;
}
form#event p.control-h, form#event-b p.control-h {background:none; margin-top:0; padding-left:4px; padding-bottom:4px;}
form#event p.control-h label, form#event-b p.control-h label {margin-left:0;}
form#event p.control-h input, form#event-b p.control-h input {width:200px;}
form#event p.control-h input.button, form#event-b p.control-h input.button {width: auto;}
form#event input.button,
form#event-b input.button {
    margin-right:4px;
    vertical-align:top;
    width:auto;
}
form#event div.bordered,
form#event-b div.bordered {
    border-bottom: 1px solid #D8DBCC;
    border-left: 1px solid #D8DBCC;
    border-right: 1px solid #D8DBCC;
    margin-top: -16px;
    padding: 16px 4px 26px;
}
form#event div.sides,
form#event-b div.sides {
    border-bottom: none;
}
form#event.smaller-print { font-size: 11px; }
form#event ul.smaller-print li label,
form#event-b ul.smaller-print li label {
    line-height:14px !important;
}
form#event p.control-v textarea, form#event-b p.control-v textarea {width:400px;}
form#event ul,
form#event ol {margin-top:0; margin-bottom:0; }
form#event .donation .radio-buttons { margin-left: 200px; }













form#standard legend .event {
    background:url("/assets/images/events-bg-form-legend.gif");
    color: #FFF;
}



ol#form-steps {margin:0 0 20px; padding:0;}

ol#form-steps li.now {background:#de6c00 none repeat scroll 0 0; color:#ffffff; font-weight:bold;}

ol#form-steps li {float:left; font-weight:bold; list-style-type:none; margin-right:10px; padding:1px 2px;}

#savelives .divider-line {
    background:transparent url('/assets/images/bg-blue-heading-underline.gif') no-repeat scroll left center;
    height:20px;
}

form#newsletter input.button { float: right; }


/* Shop locator */
form.shop-locator-h { margin-top: 60px; }

/* Listings by summary DL - Search Results */
dl.listings dt           { font-weight: normal; }

dl.listings dt a,
dl.listings dt span.date,
dl.listings dt span.blue { display: block; }

dl.listings dd           { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-left: 0; margin-bottom: 10px; }

ul.pagination li {
    float: left; margin: 0; padding: 0; padding-right: 5px; border-right: 1px solid #ccc;
    margin-right: 5px; margin-bottom: 5px; background: none;
}

ul.pagination li.next { border-right: 0 solid #fff; }

#content-search h2.backgrounded { padding-bottom:3px; border-bottom:2px dotted #cccccc; }


/* Direct Debit Info panel */
.direct-debit-info {background:url("/assets/images/direct-debit.gif") no-repeat top right; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding-top:40px;}
.direct-debit-info div.left {padding-left:4px;}
.direct-debit-info div.right {padding-right:4px;}
.direct-debit-info address {color:#000 !important;}
.direct-debit-info h2 {background:none !important; color:#000 !important; margin:0 !important; padding:0 !important;}
.direct-debit-guarantee {background:url("/assets/images/direct-debit.gif") no-repeat top right; border:1px solid #000; padding:20px 4px 4px 4px;}
.direct-debit-guarantee h2 {background:none !important; color:#000 !important; margin:0 !important; padding:0 !important;}
.direct-debit-guarantee li {font-size:11px; line-height:13px !important;}
.direct-debit-info .panel-a, .direct-debit-info .panel-b {border-bottom:0px solid #ffffff; font-size:12px;}


/* -------------------------------------------------------------------------- */
/* Definition lists                                                           */
/* -------------------------------------------------------------------------- */

/* Bobby: Removed margin-right because it's breaking the photo story promos (see en/53_95.htm) */
dd.image img { float: left; /*padding-top:2px;*/ }


.timed-actions         { overflow: hidden; border-top: 3px dotted #ccc; border-bottom: 3px dotted #ccc;
                         padding: 10px 0; margin-bottom: 10px; }

    .timed-actions dd,
    .timed-actions dt  { margin-bottom: 5px; }

    .timed-actions dt  { float: left; clear: left; width: 20%; margin-top: 0; font-weight: bold;
                         font-size: 107.692%; }

    .timed-actions dd  { margin-left: 20%; }


.action-item,
.action-item-columns  { clear: left; float: left; margin: 0; padding: 0; padding-bottom: 12px; margin-top: 2px; margin-bottom: 10px;
    width: 470px; border-bottom: 2px dotted #ccc; }

.action-item dt,
.action-item-columns dt { font-weight: bold; margin: 0; padding: 0; margin-bottom: 6px; font-size: 15px; }

.action-item dd,
.action-item-columns dd { margin-left: 0; } /* margin-left: 110px; */

.action-item dd p,
.action-item-columns dd p { margin: 0; }

.action-item dd.image,
.action-item-columns dd.image { float: left; margin: 0 10px 0 0; }

.action-item-columns dt,
.action-item-columns dd { margin-left: 110px; }


.people-list dd, .thumbnail-list dd { margin-left: 0; border-bottom: 2px dotted #ccc; margin-bottom: 10px; padding-bottom: 12px; }
.people-list dt, .thumbnail-list dt { font-weight: bold; margin: 18px 0 6px; }

.people-list dt img     { float: right; margin-left: 10px; }
.thumbnail-list dt img  { float: left; margin-right: 10px; border: 1px solid #eee; }


.people-list dd          { overflow: hidden; }
    .people-list dd img  { float: right; margin-left: 10px; margin-bottom: 5px; }



ul.thumbnail-list { overflow: hidden; list-style: none; margin: 0; padding: 0; }

ul.thumbnail-list img { float: left; margin-right: 10px; }

ul.thumbnail-list h3,  ul.thumbnail-list p { margin-left: 190px; }

ul.thumbnail-list img, ul.thumbnail-list p { margin-bottom: 20px; }

ul.thumbnail-list h3,  ul.thumbnail-list img { margin-top: 20px; }

ul.thumbnail-list li { border-bottom: 2px dotted #ccc; overflow: hidden; background-image: none; padding: 0; }


/*
.photo-list                 { position: relative; }
    .photo-list dt,
    .photo-list dd          { padding-left: 110px; }

    .photo-list dt          { font-size: 115.385%; font-weight: bold; margin: 0 0 6px; }

    .photo-list dd          { margin-left: 0; border-bottom: 2px dotted #ccc; margin-bottom: 10px; padding-bottom: 12px; }
        .photo-list dd img  { position: absolute; left: 0; width: 88px; padding: 5px; background-color: #eee; border: 1px solid #ccc; }
*/

.photo-list li { background: none; border-bottom: 2px dotted #ccc; margin: 0 0 10px; padding: 0 0 12px; overflow: hidden; }
.photo-list h2 { margin-top: 0; }
.photo-list img { width: 88px; padding: 5px; float: left; margin-right: 10px; background-color: #eee; border: 1px solid #ccc; }

/* Specific styles */

/*.library-home ul li   { margin: 0; padding: 0; background: none; }*/
.library-header ul li { margin: 0; padding: 0; background: none; }



ul li.map        { background: url(/assets/images/map.gif) no-repeat scroll left top; padding-bottom: 10px; padding-left: 25px;}
ul li.volunteers { background: url(/assets/images/people.gif) no-repeat scroll left top; padding-bottom: 10px; padding-left: 25px;}


blockquote { background: url('/assets/images/bg-purple-panel-quote-open.gif') no-repeat; margin-left: -40px; padding-left: 40px; margin-right: 0; }
blockquote p.last { background: url('/assets/images/bg-purple-panel-quote-close.gif') bottom right no-repeat; padding-right: 30px; width: 470px; }

.quotearea-right blockquote,
.quotearea-left blockquote,
.quotearea-middle blockquote,
.quotearea-right blockquote p.last,
.quotearea-left blockquote p.last,
.quotearea-middle blockquote p.last { background: none; }

.quotearea-right { float: right; margin-left: 15px; }
.quotearea-left { float: left; margin-right: 15px; }

.quotearea-left,
.quotearea-right {
    width:223px;
}

.quotearea-left,
.quotearea-right,
.quotearea-middle {
    border:1px solid #e1dad1; background-color:#fcfbfa;
    padding-top:9px; padding-bottom:9px; margin-bottom:10px;
}

.quotearea-left blockquote,
.quotearea-right blockquote,
.quotearea-middle blockquote {
    margin:0; padding:0; padding-left:12px; padding-right:8px; font-size:14px; margin-bottom:6px;
}

.quotearea-left blockquote p,
.quotearea-right blockquote p,
.quotearea-middle blockquote p { line-height: 20px; }

.quotearea-left p.quoter,
.quotearea-right p.quoter,
.quotearea-middle p.quoter {
    padding-left: 12px; padding-right:12px; font-size:11px; font-weight:bold;
    margin-bottom:0; line-height:13px; text-align:right;
}

.halfpageimage,
.halfpageimage-small,
.halfpageimage-left   { margin-bottom: 10px; }

.halfpageimage img,
.halfpageimage-left img,
.halfpageimage-small img   { display: block; }


/* this is now 260px large version for the news stories */

.halfpageimage,
.halfpageimage-left   { width: 260px;}


/* for the 225px wide version */

.halfpageimage-small  { width: 225px; }


.halfpageimage,
.halfpageimage-small  { float: right; margin-left: 10px;  }


/* for a left aligned version */

.halfpageimage-left   { float: left; margin-right: 10px; }


.halfpageimage .quotearea,
.halfpageimage-small .quotearea   { margin-left: 0; }


/* This is for the reddot image when in SmartEdit mode - would be good to find a better way of doing this! */

.halfpageimage a img,
.halfpageimage-small a img,
.halfpageimage-left a img      { display: inline; }


.halfpageimage .credit,
.halfpageimage-small .credit,
.halfpageimage-left .credit     {
    background-color: #fcfbfa;
    padding: 4px 10px 6px;
    /* TODO Fix this! */
    font-size: 11px;
    color: #333;
    border: 1px solid #e1dad1;
}


.halfpageimage-left .quotearea  { margin-right: 0; }



/* This is a text box for half page text */
.halfpagetext {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
    /*width: 223px;*/
    border: 1px solid #e1dad1;
    background-color: #fcfbfa;
    /*padding-top: 9px; padding-bottom: 9px;*/
    padding: 19px 8px;
    width: 207px;
}

/*.halfpagetext .text  { padding: 10px 8px 10px 8px; font-size: 13px; color:#333; float: left;}*/
.halfpagetext .text2 { padding: 10px 8px 10px 8px; font-size: 15px; color:#333; float: left;}
.halfpagetext .text .icon_image { float: right; }


/* LANDING PAGES */

/* Main Double-column */
#landingpage, #landingpagewide { float: left; margin-left: 15px; }

#landingpage     { width: 676px; }
#landingpagewide { width: 906px; }


/* Intro boxes. These are displayed on the top-level landing pages, including 
   those in the main navigation (News, What we do, etc.) and those in the 'utility'
   navigation ('About Us', 'Jobs', etc.)
*/

/* TODO: intro-box is a generic class that should replace yellowbox, bluebox, etc. */
.intro-box { margin-top: 20px; margin-right: 20px; }

#election-2010 .intro-box { min-height: 248px; padding: 0; }


/* Temporary hack for heading images with surrounding space ... */
.yellowbox img, .yellowboxnews img { margin-left: -25px; }

/* ... overridden where the image has been fixed, before all are fixed. Then, all this can be removed! */
#intro-resources img,
#intro-contact img,
#intro-about img,
#intro-jobs img,
#intro-press img,
#intro-teachers img,
#intro-whatwedo img,
#intro-whatyoudo img,
#intro-news img,
#intro-legacies img { margin-left: 0; margin-bottom: 9px; }



#landingpagewide .yellowboxnews { margin-right: 0; } 

.yellowbox, .yellowboxnews, .orangebox, .bluebox, .purplebox{
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 363px; padding-right: 25px;
    margin-top: 20px;
}

.yellowbox, .orangebox, .bluebox , .purplebox { margin-right: 20px; /*height: 210px;*/ }

.medium { height: 248px;}
.tall { height: 305px; }

.orangebox { background-color: #e80;    }
.yellowbox { background-color: #fdc82f; }
.bluebox   { background-color: #11ccdd; }
.purplebox { background-color: #c599d4; }

/*.orangebox img, .yellowbox, .bluebox img { display: block; }*/

.orangebox h2, .yellowbox h2, .bluebox h2, .purplebox h2 {
    margin-bottom: 7px; margin-top: 5px; font-size: 16px; line-height: 19px; font-weight: bold;
    color: #333;
}

#landingpagewide h2 {
    margin: 0;
    margin-bottom: 0; margin-top: 8px; font-size:14px;
    line-height: 17px; font-weight: normal; color:#000; }

.orangebox p, .yellowbox p, .bluebox p, .purplebox p {
    margin: 0;
    /*font-size: 13px;*/
    line-height: 17px;
    color: #000;
}


/* Custom styles for the full width intro box on the News and Comment page */

/* Doesn't look like this is used */
#landingpagenews {float: left; width: 906px; }

.yellowboxnews { background-color: #fdc82f; }

.yellowboxnews h2 {
    width: 440px;
    /* Unused - overridden by #landingpagewide h2 above */
    /* margin-bottom: 8px;
    margin-top: 2px; font-size: 16px; line-height: 19px; font-weight: normal;
    color: #000;*/
}

#intro-resources, #intro-contact, #intro-about, #intro-jobs, #intro-press,
#intro-teachers, #intro-whatwedo, #intro-whatyoudo, .orangebox, .bluebox, .purplebox, .yellowbox{ padding-top: 24px; padding-bottom: 12px; min-height: 174px; }

#intro-news { padding-top: 24px; padding-bottom: 12px; min-height: 100px; }



#sidebar h2.blacktitle,
#sidebar h2.blacktitletop {
    margin: 0; padding: 0; padding-top: 10px; margin-bottom: 0; margin-top: 20px;
    background: none;
    border-top: 3px dotted #ccc;
}

#sidebar h2.blacktitletop {border-top: 0 solid #fff; padding-top: 5px; margin-top:0;}
.dotted-underline { border-bottom: 3px dotted #ccc; padding-bottom: 3px;}


/* Promos */

.promos, .promos-wide { clear: left; padding-bottom: 10px; overflow: hidden; }

.promo, .promo-wide { margin-right: 20px; display: inline-block; vertical-align: top; }

.promo h3 a { display: block; padding-top: 105px; }

.promo-wide      { /*float: left; margin-right: 20px; display: inline;*/ /*padding-bottom: 0px;*/ margin-bottom: -10px;}
.promo-wide h3 a { display: block; padding-top: 105px; text-transform: uppercase; }
.promo-wide .no-image { display: block; padding-top: 10px; border-top: 1px dotted #ccc; }
.promo-wide ul { line-height: 1.385; }
.promo-wide ul li { background: none; padding: 0; }

#donatepage .promo h3 a { padding-top: 0; width: 215px; }

/* 3 promos per row generally, 4 on the home page */
.promo { width: 205px; /*display: inline;*/ }

.promos-wide .promo      { width: 149px; }
.promos-wide .promo-wide { width: 205px; }

.homepages .promo,
.homepages .promo-wide { margin-right: 19px; /*display: inline;*/ }

.homepages .promo      { width: 149px; }
.homepages .promo-wide { width: 205px; }


.promo h3 { font-size: 14px; text-transform: uppercase; margin: 0; margin-top: 10px; }

.promo p { clear: left; line-height: 16px; margin-top: 3px; margin-bottom: 3px; color: #3a3a3a;}

.promo ul.arrowlinks {
    margin-left: 9px;
    margin-top: 4px;
    margin-bottom: 0;
}

.promo ul.arrowlinks li {background:url("/assets/images/arrowlinks_promos.gif") no-repeat; padding-bottom:0; padding-left:15px;}

.donatepages ul.promotitle li {font-size:14px; padding-bottom:3px;}
.promotitle a {color:#18a3c7;}
.promoarrow {float:left; margin-right:6px;}

.donatepages .promos ul.arrowlinks li  {padding-bottom:3px;}
.homepromo {margin-top:15px; float:left; width:149px; margin-right:20px; margin-bottom:0;}

#promo-personal-stories h3 a,
#promo-online-library h3 a,
#promo-multimedia h3 a,
#promo-election-demand h3 a,
#promo-election-whycare h3 a,
#promo-election-howhelp h3 a,
#promo-election-whatwe h3 a,
#promo-election-parties h3 a,
#promo-schools-wishlist h3 a,
#promo-friendship-funday h3 a,
#promo-teaching-resources h3 a,
#promo-schools-fei h3 a,
#promo-schools-network h3 a
{
    background-image: url('/assets/images/promos-horiz-sprite.png');
    background-repeat: no-repeat;
    background-color: transparent;
}




#promo-personal-stories h3 a    { background-position: 0 top; }
#promo-online-library h3 a      { background-position: -205px top; }
#promo-multimedia h3 a          { background-position: -410px top; }

#promo-election-demand  h3 a    { background-position: -615px top; }
#promo-election-whycare h3 a    { background-position: -764px top; }
#promo-election-howhelp h3 a    { background-position: -913px top; }
#promo-election-whatwe  h3 a    { background-position: -1062px top; }
#promo-election-parties h3 a    { background-position: -1211px top; }

#promo-schools-wishlist h3 a    { background-position: -1360px top; }
#promo-friendship-funday h3 a   { background-position: -1565px top; }
#promo-schools-network h3 a     { background-position: -1770px top; }
#promo-schools-fei h3 a         { background-position: -1975px top; }
#promo-teaching-resources h3 a  { background-position: -2180px top; }


/* Right column */
.righttitle { padding-top: 7px; margin-bottom: 6px; }

.arrowboxblue { margin-top: 15px; margin-bottom: 11px;}
.arrowboxred  { margin-bottom: 15px;}

/*.arrowboxblue a:link,
.arrowboxblue a:visited,
.arrowboxred a:link,
.arrowboxred a:visited
*/
.arrowboxblue a, .arrowboxred a {
    color: #fff; font-weight: bold; padding: 2px 32px 3px 10px;
}

.arrowboxblue a { background: url("/assets/images/arrowboxblue.gif") #0dc6de no-repeat right; }
.arrowboxred a  { background: url("/assets/images/arrowboxred.gif")  #f91603 no-repeat right; }


.arrowboxblue a:hover,
.arrowboxred a:hover { color: #000; text-decoration: none; }

.dottedline { border-top: 3px dotted #ccc; margin-bottom:6px; margin-top:15px;}

.wheremoneygoes a       { color: #333; display: block; }
.wheremoneygoes a:hover { color: #008eb3; text-decoration: none; }


ul.homestatement            { font-size: 107.69%; line-height: 1.143; font-weight: bold; padding-bottom: 20px; border-bottom: 3px dotted #ccc; }
ul.homestatement li         { padding-left: 0px; background-image: none; margin-top: 6px; }

ul.homestatement li a       { /*display: block;*/ color: #666;
    /*background-image: url('http://www.savethechildren.org.uk/assets/images/arrowlinkbig.gif'); background-repeat: no-repeat; background-position: right bottom; 
    padding-right: 20px;*/ }

/*
This would allow these decorative images to be removed from the content, but doesn't work in IE7 :(
ul.homestatement img { display: none; }

ul.homestatement li a:hover { color:#008eb3; text-decoration:none; }
*/

.getnewsemail      { padding-top: 7px; margin-bottom: 20px; }

.getnewsemailfield { float:left; color:#666; width: 186px; margin: 0;
    padding: 2px; padding-left: 5px; padding-top: 1px; color:#666;
    font-family: Verdana, Helvetica, sans-serif; margin-top: 1px;
}


/* Home page carousel */

#ui-tabs > ul { display: none; }
#ui-tabs.ui-tabs > ul { display: block; }

.ui-tabs .carouselonephoto { background-image: url('/assets/images/carousel_topbit.gif'); background-repeat: no-repeat;
    padding: 15px 0 0 10px; }

.carouselonephoto h2 { margin: 0; padding: 0; padding-bottom: 6px; font-weight: normal; }

.carouselonephoto p {
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
}

.carouselonephoto p.otherlink {
    /*
    margin: 0; padding: 0; height: 20px;
    margin-top: 10px;
    */

    text-transform: uppercase;
}

.carouselonephoto p.otherlink a { display: block; }

.carouselonephoto h3 { margin: 0; padding: 0; font-weight: bold; padding-top: 10px; }

.carouselonephoto h2 a { display: block; }

.carouselbigimage { margin-bottom: 10px; margin-right: 20px; border: 4px solid #fff; float: left; }

.ui-tabs .carouselthreephotos {
    background-image: url('/assets/images/carousel_topbit.gif');
    background-repeat: no-repeat;
    padding-top: 15px;
    position: relative;
}

.carouselthreephotos .newsitem {
    float: left; width: 205px;
    margin-left: 10px; margin-top: 30px;
    padding-top: 2px; display: inline;
}

.carouselonephoto .newsitem {
    margin-right: 25px;
}

.carouselthreephotos h2 {
    margin: 0;
    padding: 0; padding-top: 6px; padding-bottom: 2px;
    font-weight: bold;
}

.carouselthreephotos p {
    margin: 0;
    padding: 0;
    line-height: 17px;
}

.carouselthreephotos p.otherlink {
    margin: 0; padding: 0;
    text-align: right; text-transform: uppercase;
    position: absolute; bottom: 10px; right: 10px;
}

.carouselsmallimage { border: 2px solid #fff; }


/* Specific: News */

.newsandblogs  { clear: left; padding-top: 15px; padding-bottom: 20px; }
.newscol1      { float: left; width: 310px; margin-right: 25px; }
.newscol2and3  { float: left; width: 565px; }
.newscol2      { float: left; width: 310px; margin-right: 25px; }
.newscol3      { float: left; width: 230px;}

#landingpagewide .newsandblogs h2.blacktitle {margin:0; padding:0;}
.newsandblogs #newsletter {margin-bottom:12px;}
.newsandblogs ul.arrowlinks {margin-left:0; margin-top:10px; margin-bottom:0;}
.newsandblogs ul.arrowlinks li {padding-bottom:5px; color:#666666; font-size:11px;}
.newsandblogs ul.arrowlinks li a {font-size:12px; padding-right:1px;}
.newssquare {float:left; width:102px; padding-top:3px;}

.latestnews { clear: both; overflow: hidden; margin-bottom: 12px; }

.latestnews h2, #landingpagewide .latestnews h2 { margin: 0; line-height: 16px;}

#landingpagewide .newscol1 h2,
#landingpagewide .newscol2 h2 { font-size: 13px; font-weight: bold;}

.latestnews p {margin: 0; padding: 0; font-size: 12px; line-height: 16px;}

/*.latestnews img { float: left; margin-right: 10px; margin-top: 2px; padding-bottom: 10px; }*/

.latestnews > a { float: left; margin-right: 10px; }

.latestnews p, .latestnews h2 { margin-left: 100px; }

.date { color: #666; white-space: pre; }

.featured, #landingpagewide .newscol3 h2 { color: #000; font-weight: bold; font-size: 11px; text-transform: uppercase; }

.newscol3 ul.peoplelinks {padding-top:4px; margin-bottom:10px; font-size:12px;}
.newscol3 ul.peoplelinks li {color:#4c4c4c; padding-bottom:7px;}

#main .smallprint {
    margin: 0;
    margin-top: 20px;
    color: #999;
    /*
    font-size: 11px;
    line-height: 14px;
    */
}

.st-tags.t1, .st-tags.t1  { color:#ee8800 !important; font-weight: bold; }
.st-tags.t1, .st-tags.t2  { color:#b382c7 !important; font-weight: bold; }
.st-tags.t3, .st-tags.t4  { color:#ee8800 !important; font-weight: bold; }
.st-tags.t5, .st-tags.t6  { color:#ff77bb !important; font-weight: bold; }
.st-tags.t7, .st-tags.t8  { color:#bb88cc !important; font-weight: bold; }
.st-tags.t9, .st-tags.t10 { color:#ffcc00 !important; font-weight: bold; }

#navigator h4,
#navigator .st-tag-cloud { padding-left: 15px; }

#main .st-tag-cloud a { display: inline-block; background-color: transparent; border-top: none; padding: 0; text-transform: none; }
#main .st-tag-cloud a:hover { text-decoration: underline; }

/* Specific: Where We Work */
ul#maptabs { clear:both; list-style:none; margin:0; padding:0; margin-top:30px; font-size:14px; text-align:right;}
ul#maptabs li {float:right; font-size:13px; font-weight:bold; margin:0; margin-left:5px;}
ul#maptabs li a:link, ul#maptabs li a:visited {display:block; background:#0cc6de; color:#fff; text-decoration:none; padding-left:13px; padding-right:13px; padding-top:4px; padding-bottom:3px;}
ul#maptabs li a:hover { background:#999; }
ul#maptabs li a.selected {background:#fdc82f; color:#000;}
#atoz ul li {margin:0; padding:0; background:none;}
.communitypromos {float:left; width:170px; padding-top:10px;}

/* Specific: Press Pages */
.presspages .pressofficetextcol1 ul li,
.presspages .pressofficetextcol2 ul li { margin: 0; padding: 0; background: none; padding-bottom: 10px; line-height: 17px;}

.presspages ul.arrowlinks {margin-left:0; margin-top:10px; margin-bottom:0;}
.presspages ul.arrowlinks li {padding-bottom:5px; color:#666666; font-size:11px;}
.presspages ul.arrowlinks li a {font-size:12px; padding-right:1px;}
.blacktitles {border-bottom:3px dotted #cccccc; padding-bottom:3px; margin-top:18px; margin-bottom:10px;}

.pressofficetextcol1, .pressofficetextcol2 { float: left; width: 308px; }
.pressofficetextcol1 { margin-right: 30px; }


/* Contact Us pages */

/* Why was this ever here?? */
/* .contactuspages ul li {margin:0; padding:0; background:none; padding-bottom:10px; line-height:17px; padding-top:2px;} */

.contactustextcol1 { float: left; width: 202px; margin-right: 25px; }
.contactustextcol2 { float: left; }
.regionaloffices   { float: left; margin-right: 35px;}
.telfaxemail       { font-weight: bold; color: #333333; padding-right: 2px; }


/* Specific: Donate Pages */
#landingpage #donate-panel {margin-right:20px;}
#gallery {margin-bottom:12px;}
.donatepages h1 {margin-bottom:0;}

.regulargiving { margin-left: 50px; width: 360px; margin-top: 10px; }

.regimage {float:left; width:108px; margin-top:14px;}
.regulargiving p {line-height:16px; margin:0; margin-top:4px; font-size:12px; color:#000000;}
.howlink {margin:0; margin-left:158px; font-size:12px;}
.examplesregular, .examplesmonthly {clear:both; margin-top:27px;}
.first-name {text-transform:capitalize;}
#rglrgiving {overflow: hidden;}
#donatepage .promos p {margin-bottom:0px;}
#donatepage .promos h3 {margin:0;}
#donatepage .promos {padding-bottom:25px;}
p.donatemanyways {padding-bottom:16px;}


/* Specific: Sitemap */

.sitemapcontent h3 { padding-bottom: 6px; }
.sitemapcontent ul li { margin-bottom: 0; padding-bottom:3px; text-transform:uppercase; }
.sitemapcontent ul.sitemap2 li { margin-bottom:0; padding-bottom:1px; text-transform:capitalize; }


/* Google maps */
#content #map #copyright { width: 470px; white-space: normal !important; }    /* Ensure copyright box doesn't overflow outside of map */
#map { overflow: hidden; }

/* ====================================================================== */
/* 'Quick donate' form                                                    */
/* ====================================================================== */
#donate-panel {padding-bottom:20px; font-size:14px; border-bottom:3px dotted #ccc;}
#quick-donate-form {padding-left:20px; overflow:hidden; padding-bottom:25px; background:url('/assets/images/donate_yellowbottom.gif') #FDC82F no-repeat bottom;}
.examplesregular,
.examplesoneoff {margin-left:0; padding-left:0; list-style:none;}
.examplesregular li,
.examplesoneoff li {margin:0; padding:0; background:none; float:left; margin-right:16px;}
.examplesoneoff {margin-top:27px;}
/* Hide label text for 'quick' donate amounts */
.examplesregular label,
.examplesoneoff label {text-indent:-9000px; display:block; width:142px; height:122px;}
/* Fix IE7's extra spacing (see corresponding change in markup) */
.examplesoneoff,
.examplesregular {margin-bottom:0; overflow:hidden;}
/* Hide label text for 'quick' donate amounts */
.examplesregular label,
.examplesoneoff label {text-indent:-9000px; display:block; width:142px; height:122px;}
/* Images for normal/hover states of each 'quick' amount. Need to work out how these will be updated when necessary.
   Each hover state is also now represented by a class (current). This class is applied to the label when
   its corresponding radio button is selected, either by mouse or keyboard. */
#regular-label-1       {background-image:url('/assets/images/donatebox_3net_norm.gif');}
#regular-label-2       {background-image:url('/assets/images/donatebox_5meal_norm.gif');}
#regular-label-3       {background-image:url('/assets/images/donatebox_10diarrhoea_norm.gif');}
#regular-label-4       {background-image:url('/assets/images/donatebox_40streetchild_norm.gif');}
#oneoff-label-1       {background-image:url('/assets/images/donatebox_15milk_norm.gif');}
#oneoff-label-2       {background-image:url('/assets/images/donatebox_25measles_norm.gif');}
#oneoff-label-3       {background-image:url('/assets/images/donatebox_100teachers_norm.gif');}
#oneoff-label-4       {background-image:url('/assets/images/donatebox_300classroom_norm.gif');}
#regular-label-1.current,
#regular-label-1:hover {background-image:url('/assets/images/donatebox_3net_over.gif');}
#regular-label-2.current,
#regular-label-2:hover {background-image:url('/assets/images/donatebox_5meal_over.gif');}
#regular-label-3.current,
#regular-label-3:hover {background-image:url('/assets/images/donatebox_10diarrhoea_over.gif');}
#regular-label-4.current,
#regular-label-4:hover {background-image:url('/assets/images/donatebox_40streetchild_over.gif');}
#oneoff-label-1.current,
#oneoff-label-1:hover {background-image:url('/assets/images/donatebox_15milk_over.gif');}
#oneoff-label-2.current,
#oneoff-label-2:hover {background-image:url('/assets/images/donatebox_25measles_over.gif');}
#oneoff-label-3.current,
#oneoff-label-3:hover {background-image:url('/assets/images/donatebox_100teachers_over.gif');}
#oneoff-label-4.current,
#oneoff-label-4:hover {background-image:url('/assets/images/donatebox_300classroom_over.gif');}
.regimage {margin-top:0; width:98px; margin-right:10px;}
label {cursor:pointer;}
#rgivingmoreinfo {display:block; font-weight:bold; margin-left:158px; font-size:12px; line-height:16px; margin-top:4px; outline:none;}
.other-option {background:url('/assets/images/arrowlinkblack.gif') no-repeat right center; padding-right:15px;}
#donate-amount {width:89px; padding-left:4px;}

#give-now {float:right; margin-right:20px; margin-top:19px; color:#fff; width:110px; padding:0 30px 0 0; 
    background: url("/assets/images/arrowboxred.gif") red no-repeat right center; font-weight:bold; font-size:14px; font-family:arial; border:none;
    cursor:pointer; display:inline;}

#own-amount {float: left; margin-left: 158px; margin-top: 23px; font-size: 12px; width: 190px; display:inline;}


.donate-link-button { color: #fff; font-size: 107.692%; background: url('/assets/images/arrowboxred.gif') red no-repeat right center;
    padding-right: 40px; font-weight: bold; text-align: center; float: left; padding-left: 10px; height: 21px; }

.donate-link-button:visited, .donate-link-button:link { color: #fff; }

/* Donate Now */
form.donate-now div.donation {margin-bottom:5px !important; padding-bottom:0 !important; /*padding-top:10px; */ }
form.donate-now div.donation span, form.donate-now div.donation label {font-weight:bold;}
form.donate-now div.donation span {display:block; float:left; font-weight:bold; margin-left:5px; padding: /*4px 4px 4px*/ 0; vertical-align: middle; width: 200px;}
form.donate-now div.donation label {font-weight:normal;}

form.donate-now p.control-h label { padding-right: 4px; /*width: 200px !important;*/ }

form.donate-now div.donation input {vertical-align:middle;}
form.donate-now div.donation input#other-amount {width:80px;}
form.donate-now input#expiry-year, form.donate-now input#expiry-month, form.donate-now input#start-year, form.donate-now input#start-month, form.donate-now input#issue-number {width:25px !important;}
form.donate-now.radio-buttons {margin:10px 0;}
form.donate-now div.donation.radio-buttons {margin-left:209px;}
form.donate-now.direct-debit {background:url("/assets/images/direct-debit.gif") no-repeat top right;}
form.donate-now address {padding-left:4px;}
form.donate-now p.control-h label span {display:block; font-weight:normal; font-size:11px; font-style:italic;}
form.donate-now.small-print {border-top:1px solid #D8DBCC; margin-top:10px; padding-top:10px;}
form.donate-now.small-print h3 {color:#000 !important; font-size:11px; padding:0 4px;}
form.donate-now.small-print p {font-size:11px; line-height:14px !important; margin-bottom:8px !important; padding:0 4px !important;}
form.donate-now.small-print ul {margin-left:4px;}
form.donate-now.small-print ul li {font-size:11px; line-height:14px !important;}
form.donate-now.confirmation {border-top:1px solid #D8DBCC; padding-top:10px;}
form.donate-now.confirmation p {padding:0 4px 10px 4px !important;}
form.donate-now p.confirmation {border:none; margin-bottom:0 !important; padding-bottom:0 !important;}
form.donate-now fieldset#calculator div.bordered p {padding-bottom:5px !important;}
form.donate-now p.control-v span.times {font-weight:bold; padding-left:6px;}
form.regular.direct-debit p, form.regular p.control-h, form.regular p.indent {padding-left:4px !important;}


/* RedDot SmartEdit styles */
/* Would be nice to make these RedDot-only! */

.rd-open, .rd-closed, .rd-warning {
    border: 1px solid red; padding: 2px; margin: 1px 0; font-size: 13px !important; font-weight: normal !important;
}

.rd-open   { background-color: #eff; }

.rd-closed { background-color: #ffe; }

.rd-open a, .rd-closed a, .reddot a { display: inline !important; }

.rd-warning { background-color: orange; }


 
abbr { border-bottom: 1px dashed; cursor: help; }

.ff-ladder { position: relative; width: 138px; height: 582px; margin: 0 auto 16px; background-image: url('/assets/images/ladder.gif'); }

.ff-ladder li { position: absolute; width: 82px; height: 83px; z-index: 1; }

.ff-ladder li p { cursor: default; border: 1px solid black; width: 150px; padding: 1em; background-color: #fff; }

.ff-ladder .popup { display: none; position: relative; z-index: 20; top: 16px; left: -70px; opacity: 0.9; }

#ladder-image-1, #ladder-image-3, #ladder-image-5, #ladder-image-7 { right: -30px; }

#ladder-image-2, #ladder-image-4, #ladder-image-6, #ladder-image-8 { left: -35px; }

#ladder-image-1       { top: 10px; background-image: url('/assets/images/1000.gif'); z-index: 10; }
#ladder-image-2       { top: 80px; background-image: url('/assets/images/500.gif'); z-index: 9; }
#ladder-image-3       { top: 150px; background-image: url('/assets/images/250.gif'); z-index: 8; }
#ladder-image-4       { top: 220px; background-image: url('/assets/images/100.gif'); z-index: 7; }
#ladder-image-5       { top: 290px; background-image: url('/assets/images/80.gif'); z-index: 6; }
#ladder-image-6       { top: 360px; background-image: url('/assets/images/60.gif'); z-index: 5; }
#ladder-image-7       { top: 430px; background-image: url('/assets/images/30.gif'); z-index: 4; }
#ladder-image-8       { top: 500px; background: url('/assets/images/1.gif') top left no-repeat scroll; z-index: 3; }

#ladder-image-1:hover,
#ladder-image-2:hover,
#ladder-image-3:hover,
#ladder-image-4:hover,
#ladder-image-5:hover,
#ladder-image-6:hover,
#ladder-image-7:hover,
#ladder-image-8:hover { background-position: left bottom; }

/*.ff-ladder li:hover   { background-position: left bottom; }*/


/* Friendship Funday Fundraise page */

#challenge-board   { position: relative; }

#challenge-board li {
    display: block;
    position: absolute;
    width: 160px;
    height: 170px;
    /*border: 1px solid black;*/
    background: none;
}

#challenge-board a { display: block; height: 100%; text-indent: -99999px; }

/* ie-hack */
#challenge-board a {
    background-image: url(transparent.gif);
} 

#challenge-board #money-magic       { left: 250px; top: 280px; width: 190px; }
#challenge-board #pop-up-shop       { left: 240px; top: 75px; height: 180px; width: 190px; }
#challenge-board #crafty-creations  { left: 30px; top: 250px; width: 200px; height: 185px; }
#challenge-board #playmates         { left: 30px; top: 70px; width: 180px; ; height: 180px; }
#challenge-board #competition       { left: 90px; top: 435px; height: 190px; width: 180px; }

.ff-challenge { background-repeat: repeat-y; padding: 0 60px; overflow: hidden; }

.ff-challenge-crafty { background-image: url('/assets/images/crafty-creations-middle.gif'); }
.ff-challenge-shop   { background-image: url('/assets/images/ff-shop-middle.gif'); }
.ff-challenge-money  { background-image: url('/assets/images/ff-money-middle.gif'); }
.ff-challenge-play   { background-image: url('/assets/images/ff-play-middle.gif'); }
.ff-challenge-comp   { background-image: url('/assets/images/ff-comp-middle.gif'); }

.ff-challenge li {
    background: transparent url('/assets/images/bullet-pin.gif') no-repeat;
    padding-left: 22px;
    padding-bottom: 10px;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
    color:#000000 !important;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

ul.page-link-icons {
    padding: 0; margin: 0 0 16px; overflow: hidden;
    list-style-type: none;
    clear: both;
}

ul.page-link-icons li {
    padding: 0; margin: 0; float: left; width: 110px; margin-right: 10px;
}




/* ------------------------------------------------------------------------- */
/* Form updates - Feb 2010                                                   */
/* ------------------------------------------------------------------------- */

form#standard input.error,
form#standard select.error {
    border: 2px solid red;
}

form#standard label.error, form#event label.error {
    background: transparent url('/assets/images/icon-warning-16x16.gif') no-repeat scroll left 0;
}

form#standard label.valid, form#event label.valid {
    background: transparent url('/assets/images/icon-tick-16x16.gif') no-repeat scroll left center;
}




#contact-us-header span {
    background: #fff url('/assets/images/heading-contact.gif') no-repeat;
}

#faqs-header span {
    background: #fff url('/assets/images/heading-donation-faqs.gif') no-repeat;
}

#faqs dd { margin-left: 0; }

#faqs dt.closed
{
    background-image: url('/assets/images/icon-plus-9x9.gif');
}

#faqs dt.open
{
    background-image: url('/assets/images/icon-minus-9x9.gif');
}


/* ------------------------------------------------------------------------- */
/* Text resizing widget (an associated tooltip styles)                       */
/* ------------------------------------------------------------------------- */

#resize { float: right; line-height: 31px; width: 136px; }

#resize ul { margin: 0; float: right; line-height: 31px; height: 31px; margin-left: 4px; width: 48px;}

#resize li { float: left; background: none; height: 100%; line-height: 31px; padding-top: 4px; padding-left: 2px; }

#resize span { float: left; text-align: right; width: 83px; }

#resize a
{
    display: block;
    width: 22px;
    height: 22px;
    background-color: #FFF;
    text-decoration: none;
    float: left;
}

#increase-text-size
{
    background: url("/assets/images/icon-plus.gif") no-repeat 0 0;
}

#decrease-text-size
{
    background: url("/assets/images/icon-minus.gif") no-repeat 0 0;
}

#resize a:hover {
    background-position: 0px -22px;
}

.tooltip {
    position: absolute;
    color: #000;
    text-decoration: none;
    background-color: #eee;
    left: 30px;
    top: 10px;
    border: 1px solid #ccc;
    padding: 4px;
    font-size: 12px;
    z-index: 100;
    line-height: 1;
    width: auto !important;
}

.addthis_toolbox { text-align: center; }

.addthis_toolbox .custom_images { overflow: hidden; }

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
    border: none;
}

#home .ui-tabs-nav .last 
{
    border-right: 3px solid #0cd6ce;
}

#home .ui-tabs-nav .last:hover 
{

    border-right: 3px solid #FDC82F;

}

#home .ui-tabs-nav li.ui-tabs-selected.last
{

    border-right: 3px solid #FDC82F;

}


.borderedbox1 {
    margin-bottom: 6px;
    background: #cccccc;
    border: 1px solid #999999;
    padding: 3px;

}


.borderedbox2 {
    margin-bottom: 6px;
    background: #e9e9e9;
    border: 1px solid #999999;
    padding: 3px;


}


.borderedbox3 {
    background: #f1f1f1;
    border: 1px solid #999999;
    padding: 3px;
    margin-bottom: 10px;

}

.borderedbox1 li, .borderedbox2 li, .borderedbox3 li {
    background-image: none;
}


#footer-sitemap {
    margin: 0 auto;
    width: 96%;
    font-size: 84.615%;
    color: #737373;
    overflow: hidden;
    padding: 0 1px;
}

#footer-sitemap div {
    width: 12%;
    margin-right: 2%;
    float: left;    
}

#footer-sitemap div.maplast {
    margin-right: 0;
}

#footer-sitemap li {
    background: none;
    color: #808080;
    padding-left: 0px;
    margin-bottom:3px;
}

#footer-sitemap a {
    color: #808080;
    display: block;
}

#footer-sitemap a.now { color: #1A1B1B; }

#footer-sitemap a:hover {
    color: #008EB3;
}

#footer-sitemap h2 {
    font-size: 100%;
}


/* Friendsship Funday intro box */

.ff-intro {
    background: url("/assets/images/ffd-righttop.gif") no-repeat scroll center top transparent;
    min-height: 80px;
    padding-top: 10px;
    width: 152px; 
    float: right;
}
 
.ff-intro-inner {
    background-image:url("/assets/images/ffd-rightbottom.gif");
    background-position:center bottom;
    background-repeat:no-repeat;
    min-height:40px;
    padding: 0 0 12px 6px;  
}
 

.ff-intro-inner p {
  background-color:#FFF;
  margin:0 5px 0 0px;
  padding-left:3px;
}
 
.ff-intro-left {
  background:url("/assets/images/ffd-lefttop.gif") no-repeat scroll center top transparent;
  min-height:80px;
  padding-top:10px;
  width:152px; 
}
 
.ff-intro-left-inner{
  background-image:url("/assets/images/ffd-leftbottom.gif");  
  background-position:center bottom;
  background-repeat:no-repeat;
  margin:0 4px;
  min-height:40px;
  padding:0 0 12px 6px;
}
 
.ff-intro-left-inner{
  background-color:#FFF;
  margin:0 0px 0 5px;
  padding-left:3px;
}


dl.ff-case-study dt { float: left; width: 6em; margin-right: 1em; margin-top: 0; color: #333; }
dl.ff-case-study dd { margin-left: 7em; margin-bottom: 0.5em; }

#gallery-st-peters,
#gallery-st-johns,
#gallery-st-stephens     { height: 253px; }

#gallery-st-peters img,
#gallery-st-johns img,
#gallery-st-stephens img { height: 235px; }

#gallery-grange-park     { height: 309px; }
#gallery-grange-park img { height: 291px; }

#gallery-bures     { height: 338px; }
#gallery-bures img { height: 320px; }

p.quoted { text-align: right; font-weight: bold; margin-right: 30px; }

/* Postcode anywhere stuff */

#choose option { padding: 2px; }
#choose option:hover { cursor: pointer; outline: 1px dashed; }
form#standard #btn { float: right; margin-right: 30px; margin-bottom: 20px; }
#address-details { margin-bottom: 20px; overflow: hidden; clear: both; }
#results { clear: both; }


/* Audience segmentation stuff */

.video-thumbnail          { float: left; width: 170px; margin-bottom: 20px; margin-right: 12px; }
.video-thumbnail img      { width: 170px; }

.rd-open img, .rd-closed img { width: auto; }

.video-thumbnail:hover    { text-decoration: none; }
.video-thumbnail:hover h2 { text-decoration: underline; }




/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 height: 40px;
 width: 40px;
 margin-top: -20px;
 margin-left: -20px;
 cursor: pointer;
 overflow: hidden;
 z-index: 1104;
 display: none;
}
* html #fancybox-loading { /* IE6 */
 position: absolute;
 margin-top: 0;
}
#fancybox-loading div {
 position: absolute;
 top: 0;
 left: 0;
 width: 40px;
 height: 480px;
 background-image: url('/assets/images/fancybox.png');
}
#fancybox-overlay {
 position: fixed;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: #000;
 z-index: 1100;
 display: none;
}
* html #fancybox-overlay { /* IE6 */
 position: absolute;
 width: 100%;
}
#fancybox-tmp {
 padding: 0;
 margin: 0;
 border: 0;
 overflow: auto;
 display: none;
}
#fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 margin: 0;
 padding: 20px;
 z-index: 1101;
 display: none;
}
#fancybox-outer {
 position: relative;
 width: 100%;
 height: 100%;
 background: #FFF;
}
#fancybox-inner {
 position: absolute;
 top: 0;
 left: 0;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: 0;
 outline: none;
 overflow: hidden;
}
#fancybox-hide-sel-frame {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: transparent;
}
#fancybox-close {
 position: absolute;
 top: -15px;
 right: -15px;
 width: 30px;
 height: 30px;
 background-image: url('/assets/images/fancybox.png');
 background-position: -40px 0px;
 cursor: pointer;
 z-index: 1103;
 display: none;
}
#fancybox_error {
 color: #444;
 font: normal 12px/20px Arial;
 padding: 7px;
 margin: 0;
}
#fancybox-content {
 height: auto;
 width: auto;
 padding: 0;
 margin: 0;
}
#fancybox-img {
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 border: none;
 outline: none;
 line-height: 0;
 vertical-align: top;
 -ms-interpolation-mode: bicubic;
}
#fancybox-frame {
 position: relative;
 width: 100%;
 height: 100%;
 border: none;
 display: block;
}
#fancybox-title {
 position: absolute;
 bottom: 0;
 left: 0;
 font-family: Arial;
 font-size: 12px;
 z-index: 1102;
}
.fancybox-title-inside {
 padding: 10px 0;
 text-align: center;
 color: #333;
}
.fancybox-title-outside {
 padding-top: 5px;
 color: #FFF;
 text-align: center;
 font-weight: bold;
}
.fancybox-title-over {
 color: #FFF;
 text-align: left;
}
#fancybox-title-over {
 padding: 10px;
 background-image: url('/assets/images/fancy_title_over.png');
 display: block;
}
#fancybox-title-wrap {
 display: inline-block;
}
#fancybox-title-wrap span {
 height: 32px;
 float: left;
}
#fancybox-title-left {
 padding-left: 15px;
 background-image: url('/assets/images/fancybox.png');
 background-position: -40px -90px;
 background-repeat: no-repeat;
}
#fancybox-title-main {
 font-weight: bold;
 line-height: 29px;
 background-image: url('/assets/images/fancybox-x.png');
 background-position: 0px -40px;
 color: #FFF;
}
#fancybox-title-right {
 padding-left: 15px;
 background-image: url('/assets/images/fancybox.png');
 background-position: -55px -90px;
 background-repeat: no-repeat;
}
#fancybox-left, #fancybox-right {
 position: absolute;
 bottom: 0px;
 height: 100%;
 width: 35%;
 cursor: pointer;
 outline: none;
 background-image: url('/assets/images/blank.gif');
 z-index: 1102;
 display: none;
}
#fancybox-left {
 left: 0px;
}
#fancybox-right {
 right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
 position: absolute;
 top: 50%;
 left: -9999px;
 width: 30px;
 height: 30px;
 margin-top: -15px;
 cursor: pointer;
 z-index: 1102;
 display: block;
}
#fancybox-left-ico {
 background-image: url('/assets/images/fancybox.png');
 background-position: -40px -30px;
}
#fancybox-right-ico {
 background-image: url('/assets/images/fancybox.png');
 background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
 visibility: visible;    /* IE6 */
}
#fancybox-left:hover span {
 left: 20px;
}
#fancybox-right:hover span {
 left: auto;
 right: 20px;
}
.fancy-bg {
 position: absolute;
 padding: 0;
 margin: 0;
 border: 0;
 width: 20px;
 height: 20px;
 z-index: 1001;
}
#fancy-bg-n {
 top: -20px;
 left: 0;
 width: 100%;
 background-image: url('/assets/images/fancybox-x.png');
}
#fancy-bg-ne {
 top: -20px;
 right: -20px;
 background-image: url('/assets/images/fancybox.png');
 background-position: -40px -162px;
}
#fancy-bg-e {
 top: 0;
 right: -20px;
 height: 100%;
 background-image: url('/assets/images/fancybox-y.png');
 background-position: -20px 0px;
}
#fancy-bg-se {
 bottom: -20px;
 right: -20px;
 background-image: url('/assets/images/fancybox.png');
 background-position: -40px -182px; 
}
#fancy-bg-s {
 bottom: -20px;
 left: 0;
 width: 100%;
 background-image: url('/assets/images/fancybox-x.png');
 background-position: 0px -20px;
}
#fancy-bg-sw {
 bottom: -20px;
 left: -20px;
 background-image: url('/assets/images/fancybox.png');
 background-position: -40px -142px;
}
#fancy-bg-w {
 top: 0;
 left: -20px;
 height: 100%;
 background-image: url('/assets/images/fancybox-y.png');
}
#fancy-bg-nw {
 top: -20px;
 left: -20px;
 background-image: url('/assets/images/fancybox.png');
 background-position: -40px -122px;
}
/* IE */
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancy_shadow_nw.png', sizingMethod='scale'); }

/* test killer heels new photo gallery styles */
.caption {
    margin-bottom:50px;
    /*padding-top:350px;*/
    /*border: 1px solid #000;*/
}
   
ul.gallery li {
    background: none; 
    padding-left: 0;
}

ul.gallery li img{
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 8px;
}@font-face {
    font-family: GillSansWB;
    src: url("/assets/fonts/GillSansWB-Regular.eot");
    src: local('☺'),
         url('/assets/fonts/GillSansWB-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'GillSansWBlight';
    src: url('/assets/fonts/GillSansWB-Light.eot');
    src: local('☺'),
         url('/assets/fonts/GillSansWB-Light.ttf') format('truetype');
}

@font-face {
    font-family: GillSansWBbold;
    src: url("/assets/fonts/GillSansWB-Bold.eot");
    src: local('☺'),
         url('/assets/fonts/GillSansWB-Bold.ttf') format('truetype');
}


/* BEGIN page-specific styles */

#save-a-child-like-temba #content { padding-left: 20px; width: auto; float: none; display: block; }


#where-we-work  .ui-tabs-nav      { float: right; border-right: none; }
#where-we-work  .ui-tabs-nav li   { border: none; }
#where-we-work  .ui-tabs-nav li a { background-color: #11ccdd; color: #fff; }
#where-we-work  .ui-tabs-nav li.ui-state-active a,
#where-we-work  .ui-tabs-nav li a:hover,
#where-we-work  .ui-tabs-nav li.ui-tabs-selected a:hover
                  { background-color: #FDC82F; color: #000; }

#where-we-work #map, #where-we-work #atoz { margin-bottom: 20px; }

#where-we-work .ui-tabs-panel { padding: 0; }

#where-we-work #atoz { padding-top: 15px; overflow: hidden; border: 1px solid #ccc; }

#where-we-work #atoz.ui-tabs-panel,
#where-we-work #map.ui-tabs-panel    { clear: both; border-top: 10px solid #FDC82F; }

#where-we-work #atoz ul { width: 286px; float: left; padding-left: 15px; margin: 0; }
#where-we-work #atoz p  { padding-left: 50px; background-repeat: no-repeat; }

/*bespoke styling for Joe's retargetingemail landing page */
#retargetingemail #content { margin-left: 98px;}

#fill-up-your-head #main { background-color: #FFD503; }
#fill-up-your-head #content { width: auto; }
#fill-up-your-head #main img { float: left; }


/*New UK page layout amends */
#united-kingdom #regional_map{
    float:left;
    margin-right:7px;
}

#united-kingdom #content .ukpromos h2{
    margin-top:3px;
}

#main #donate h2 { margin-top: 0; margin-bottom: 25px; }

/* test submit publish text */

/* new About us lead space specific styling (JOE) */

.lead-space .side #ar-wordcloud h1#yin{
  color: #000;
  font-size:130%;
  margin-bottom:10px;
 }
.lead-space .side #ar-wordcloud h1{
  color: #8899AA;
  font-size:219%;
  line-height:0.7;
  margin-bottom:15px;
 }
 
 .lead-space .side #ar-wordcloud h1 span{
  font-family:Arial, Helvetica, sans-serif;
  font-size:50%;
  font-weight: normal;
  text-transform:lowercase;  
 }
 
 .lead-space .side #ar-wordcloud h1.word-right{
  color:#225577;
  float:right; 
 }
 
 .lead-space .side #ar-wordcloud h1 span span{
 text-transform:uppercase; font-size:110%
 }


.healthworkers-action .actions-panel {
    background-color: #D32;
    color: #FFF;
    margin-bottom: 10px;
    padding: 8px;
}

/*
.healthworkers-action .actions-panel h3 {
    color: #FFFFFF;
    font-family: GillSansWBbold,arial,helvetica;
    font-size: 130%;
    margin-top: 8px;
}
*/

.healthworkers-action .actions-panel:hover { text-decoration: none; }

.healthworkers-action .bar {
    background: url("/assets/images/totaliser-fill.png") repeat scroll 0 0 #DD3322;
    bottom: 0;
    height: 0;
    position: absolute;
    width: 73px;
    z-index: 0;
    left: 0;
}

#local-campaigners #map { height: 500px; }

#lcupevents li { background: none; margin-bottom: 6px; }
#lcupevents .date { display: block; }

/* END page-specific styles */


/* BEGIN jquery-ui overrides */
 
    .ui-tabs-panel, .ui-tabs-nav { font-size: 100%; }

/* END jquery-ui overrides */

/* BEGIN form styles */
legend { white-space: normal; }

#donation-value-feedback,
#donation-extra-feedback                { font-weight: bold; }

form#standard { clear: both; }

/* ------ */
/* Labels */
/* ------ */
form.donate-now  p.control-h label.valid { width: 0 !important; padding-right: 0; }

form#event    p.control-h label.error,
form#standard p.control-h label.error   { margin-left: 170px; }

form#event       p.control-h label.valid,
form#standard    p.control-h label.valid { margin-left: 0; clear: none; }

p.control-h label                       { width: 160px; font-size: 12px; }

form#standard label.error,
form#event label.error     { padding-left: 24px; padding-top: 0; padding-bottom: 12px; clear: both; font-weight: bold; font-size: 11px; }

form#standard label.valid,
form#event label.valid     { height: 16px; clear: none; padding-bottom: 0; width: auto; }

ul.checkboxes label                   { width: 405px; float: left; }
ul.checkboxes label.float-label       { width: 240px; }



/* ------ */
/* Inputs */
/* ------ */
p.control-h label span                { font-size: 11px; font-style: italic; font-weight: normal; }
form#standard p.control-h input,
form#standard p.control-h select,
form#standard p.control-h textarea    { float: left; margin: 0 10px; margin-right: 0.5em; }
form#event p.control-h input,
form#event p.control-h select,
form#event p.control-h textarea       { float: left; margin: 0 10px; margin-right: 0.5em; }

form#standard div.bordered            { overflow: hidden; }
form#event div.bordered               { overflow: hidden; }

form#standard input.button,
form#standard-b input.button          { margin-right: 10px; }
form#event input.button,
form#event-b input.button             { margin-right: 10px; }

form#standard p.control-h input,
form#standard p.control-h textarea    { width: 234px; }
form#event p.control-h input,
form#event p.control-h textarea       { width: 234px; }

/* ----- */
/* Lists */
/* ----- */
ul.checkboxes                         { clear: both; overflow: hidden; padding: 0 10px; }

div.bordered p                        { padding-right: 10px !important; }
div.bordered p                        { font-size: 13px; }

form#standard div.bordered,
form#standard-b div.bordered            { padding-bottom: 15px; }
form#event div.bordered,
form#event-b div.bordered               { padding-bottom: 15px; }

#main .smallprint { margin: 0; }
ul.nav              { list-style: none; overflow: hidden; }
ul.nav li           { float: left; }
ul.nav input, ul.nav span            { padding: 0.25em 1em; margin: 0.25em; display: block; }
ul.error                             { color: red; }
#content ul.progress                 { list-style-position: inside; margin: 1.5em 0 1em; overflow: hidden; padding: 0; }
#content ul.progress li              { float: left; margin: 0 1em 0 0; padding: 0; color: #ccc; background: none; }
#content ul.progress li.current      { font-weight: bold; color: #333; }
p.info                               { font-style: italic; }
body.donatepages #sidebar h2         { text-transform: uppercase; background: none; padding: 0;
                                       font-family: GillSansWBbold, arial; font-size: 115.385%; color: #000; }
                                                     
#sidebar p                           { line-height: 18px; }
#sidebar-new                         { float: left; width: 230px; margin-top: 25px; }
#contact-us-header,
#faqs-header                         { position: relative; }
#contact-us-header span,
#faqs-header span                    { position: absolute; width: 100%; height: 100%; }
#contact-us-header                   { min-width: 82px; min-height: 17px; }
#faqs-header                         { min-width: 117px; min-height: 16px; }
#faqs p                              { margin-top: 4px; margin-bottom: 10px; }
#faqs dt                             { color: #008eb3; font-weight: bold; margin-top: 10px; background-repeat: no-repeat; background-position: left 3px; }
#faqs dd ol                          { padding-left: 0; margin-left: 0; margin-top: 10px; margin-bottom: 10px; }
#standard p.text-feedback            { clear: both; margin-left: 194px !important; color: red; padding-left: 0 !important; display: none; }

#standard ul#ul_opt_out_mobile,
#standard ul#ul_opt_out_email      { margin-left: 170px ! important; margin-bottom: 10px; }
ul#ul_opt_out_mobile,
ul#ul_opt_out_email                { width: 280px; }

ul.checkboxes input                   { float: left; width: 13px; margin: 0; }

.ui-datepicker-div,
#ui-datepicker-div  { font-size: 10px; }

ul.checkboxes li input                     { margin-right: 8px; }
         ul.checkboxes li                  { overflow: hidden; margin: 0; }
         
#content ul.checkboxes li                  { margin: 0; }

form#standard #ul_swap                { margin-top: 6px; }
form#event #ul_swap                   { margin-top: 6px; }

form#standard p.control-h textarea    { height: 80px; font-size: 13px; font-family: arial; }
form#event p.control-h textarea       { height: 80px; font-size: 13px; font-family: arial; }

form#standard p                       { padding-right: 8px; }
form#event p                          { padding-right: 8px; }

/* 'Quick' donate form - used for landing page sidebars */
form.quick-donate h3         { font-weight: normal; margin-top: 0; }
form.quick-donate ul         { margin-top: 12px; margin-bottom: 5px; }
form.quick-donate li         { background: none; margin-bottom: 5px; }
form.quick-donate #give-now  { float: none; height: 21px; }

/* 'Tiny' donate form - used on homepage carousel */
.tiny-donate                { overflow: hidden; margin: 12px 0; }
.tiny-donate strong         { line-height: 27px; margin-right: 0.5em; }
.tiny-donate .amount        { width: 30px; height: 18px; line-height: 18px; }
.tiny-donate #give-now.btn  { margin: 0; margin-left: 10px; float: none; height: 21px; line-height: 21px; }
.tiny-donate strong,
.tiny-donate .amount,
.tiny-donate #give-now.btn  { vertical-align: middle; }
.donate-logos               { position: absolute; width: 230px; right: 21px; bottom: 135px; text-align: center; }


/* Font size alterations: absolute -> relative */

body                                    { font-size: 13px; }
h1                                      { font-size: 184.615%; }   /* was 24px */
h1.secondlevelpage                      { font-size: 192.308%; }   /* was 25px */

p, dl                                   { line-height: 1.385; }    /* was 18px */

p.standfirst,
p.intro                                 { font-size: 123.077%;     /* was 16px */
                                          line-height: 1.313; }    /* was 21px */

h2                                      { font-size: 115.385%; }   /* was 15px */
h3                                      { font-size: 100%; }       /* was 13px */
h4                                      { font-size: 92.308%; }    /* was 12px */

#input-search                           { font-size: 84.615%; }    /* was 11px */
.utilitynav                             { font-size: 92.308%; }    /* was 12px */
ul#tabs                                 { font-size: 107.692%; }   /* was 14px */

#navigator,
.navigator                              { font-size: 92.308%; }    /* was 12px */

#navigator h4                           { font-size: 100%; }       /* 12px of 12px */

#navigator ul li,
.navigator ul li                        { line-height: 1.167; }    /* of 12px; was 14px */


#sidebar h2                             { font-size: 100%; }       /* was 13px */

#sidebar p                              { line-height: 1.385; }    /* was 18px */

html #footer                            { font-size: 84.615%; }    /* was 11px */

.footernav                              { line-height: 1.364; }    /* of 11px; was 15px */

.subnav                                 { font-size: 84.615%; }    /* was 11px */
.bookmarklinks                          { font-size: 76.923%; }    /* was 10px */


/* This one only needed to override the old absolute value; can ultimately be removed */
.bookmarklinks a                        { line-height: 2; } /* of 10px; was 20px */


div.bordered h3                         { font-size: 92.308%; }    /* was 12px */

#sidebar #donator address.phone         { font-size: 115.385%; }   /* was 15px */
#sidebar #donator ol li                 { font-size: 84.615%; }    /* was 11px */
#sidebar #donator address.postal        { font-size: 84.615%; }    /* was 11px */

form#standard-b legend span             { font-size: 115.385%; }   /* was 15px */
form#standard legend span               { font-size: 115.385%; }   /* was 15px */
form#standard.smaller-print             { font-size: 84.615%; }    /* was 11px */

.direct-debit-guarantee li              { font-size: 84.615%;     /* was 11px */
                                          line-height: 1.182; }   /* was 13px */

.direct-debit-info .panel-a,
.direct-debit-info .panel-b             { font-size: 92.308%; }    /* was 12px */

/*.panel-a p                            {}*/ /* was 15px - sure this isn't in use, so ignoring! */

.action-item dt,
.action-item-columns dt                 { font-size: 115.385%; }   /* was 15px */

p.image-caption                         { font-size: 84.615%; }    /* was 11px */

#navigator .image-caption               { font-size: 91.667%; }    /* 11px of 12px */

.quotearea-left blockquote,
.quotearea-right blockquote             { font-size: 107.692%; }   /* was 14px */

.quotearea-left p.quoter,
.quotearea-right p.quoter               { font-size: 84.615%;      /* was 11px */
                                          line-height: 1.182; }    /* of 11px; was 13px */

.quotearea-left blockquote p,
.quotearea-right blockquote p           { line-height: 1.429; } /* of 14px; was 20px */

.halfpageimage .credit                  { font-size: 84.615%; }    /* was 11px */
.halfpagetext .text2                    { font-size: 115.385%; }   /* was 15px */

.orangebox h2,
.yellowbox h2,
.bluebox h2,
.purplebox h2                           { font-size: 123.077%;     /* was 16px */
                                          line-height: 1.1875; }    /* was 19px */

.orangebox p,
.yellowbox p,
.bluebox p,
.purplebox p                            { line-height: 1.308; } /* was 17px */

#landingpagewide h2                     { font-size: 107.692%;     /* was 14px */
                                          line-height: 1.214; }    /* was 17px */


.yellowboxnews h2                       { font-size: 123.077%;     /* was 16px */
                                          line-height: 1.1875; }   /* was 19px */

.promo h3                               { font-size: 107.692%; }   /* was 14px */

.promo p                                { line-height: 1.231; }    /* was 16 */

.donatepages ul.promotitle li           { font-size: 107.692%; }   /* was 14px */

.homestatement                          { font-size: 107.692%;     /* was 14px */
                                          line-height: 1.143; }    /* was 16 */

.getnewsemailfield                      { font-size: 84.615%; }    /* was 11px */
.carouselonephoto h2                    { font-size: 169.231%; }   /* was 22px */
.carouselonephoto p                     { font-size: 107.692%; }   /* was 14px */
.carouselonephoto p.otherlink           { font-size: 84.615%; }    /* was 11px */
.carouselonephoto h3                    { font-size: 107.692%; }   /* was 14px */
.carouselthreephotos h2                 { font-size: 107.692%; }   /* was 14px */

.carouselthreephotos p                  { font-size: 92.308%;      /* was 12px */
                                          line-height: 1.417; }    /* was 17px */

.carouselthreephotos p.otherlink        { font-size: 84.615%; }    /* was 11px */

/* MIGHT be possible to remove this */
.newsandblogs ul.arrowlinks li          { font-size: 84.615%; }    /* was 11px */
/*.newsandblogs ul.arrowlinks li a        { font-size: 92.308%; }*/ /* was 12px */
.newsandblogs ul.arrowlinks li a        { font-size: 109.091%; }   /* 12px of 11px */
.newsandblogs ul.arrowlinks li .date    { font-size: 100%; }       /* 11px of 11px */

#sidebar ul.arrowlinks li,
#popular-links ul li,
ul.popular-links li,
ul.peoplelinks li,
.popular-links li                       { line-height: 1.231; } /* was 16px */

#landingpagewide .newscol1 h2,
#landingpagewide .newscol2 h2           { font-size: 100%; }       /* was 13px */

/* Might need to remove this one ...*/
/*.latestnews p                           { font-size: 92.308%; }*/ /* was 12px */
.latestnews p                           { font-size: 100%; line-height: 1.231; } /* was 16px */


/* does .latestnews ever occur outside of #landingpagewide? The only h2 I can find should probably be  p anyway ... */
.latestnews h2,
#landingpagewide .latestnews h2         { line-height: 1.143; } /* of 14px; was 16px */


.date                                   { font-size: 84.615%; }    /* was 11px */

.featured,
#landingpagewide .newscol3 h2           { font-size: 84.615%; }    /* was 11px */

.newscol2 p                             { font-size: 92.308%; }    /* 12px */
.newscol2 p .featured                   { font-size: 91.667%; }    /* 11px of 12px */
.newscol2 p .date                       { font-size: 91.667%; }    /* 11px of 12px */

.newscol3 ul.peoplelinks                { font-size: 92.308%; }    /* was 12px */

#main .smallprint                       { font-size: 84.615%;      /* was 11px */
                                          line-height: 1.273; }    /* was 14px */

ul#maptabs                              { font-size: 107.692%; }   /* was 14px */
ul#maptabs li                           { font-size: 100%; }       /* was 13px */

.presspages ul.arrowlinks li            { font-size: 84.615%; }    /* was 11px */
.presspages ul.arrowlinks li a          { font-size: 109.091%; }   /* of 11; was 12px */


/*.presspages ul li                       { line-height: 1.308; }*/    /* was 17px */
.presspages .pressofficetextcol1 ul li,
.presspages .pressofficetextcol2 ul li  { line-height: 1.308; }    /* was 17px */


.regulargiving p                        { font-size: 92.308%;      /* was 12px */
                                          line-height: 1.333; }    /* was 16px */


.howlink                                { font-size: 92.308%; }    /* was 12px */
#donate-panel                           { font-size: 107.692%; }   /* was 14px */

#rgivingmoreinfo                        { font-size: 92.308%;      /* was 12px */
                                          line-height: 1.333; }    /* was 16px */

#give-now                               { font-size: 107.692%; }   /* was 14px */
#own-amount                             { font-size: 92.308%; }    /* was 12px */
form.donate-now p.control-h label span  { font-size: 84.615%; }    /* was 11px */
form.donate-now.small-print h3          { font-size: 84.615%; }    /* was 11px */

form.donate-now.small-print p           { font-size: 84.615%;      /* was 11px */
                                          line-height: 1.273; }    /* was 14px */

form.donate-now.small-print ul li       { font-size: 84.615%;      /* was 11px */
                                          line-height: 1.273; }    /* was 14px */

#twtr-widget-1 .twtr-bd,
#twtr-widget-1 .twtr-timeline i a,
#twtr-widget-1 .twtr-bd p,
.twtr-widget i,
.twtr-widget .twtr-new-results          { font-size: 100%; }       /* was 13px */

form#standard label.error,
   form#event label.error               { font-size: 84.615%; }    /* was 11px */


/* Don't think this one's in use either - was 14px */
/*
form#standard ul.smaller-print li label,
form#standard-b ul.smaller-print li label { }
*/

.ui-datepicker-div,
#ui-datepicker-div                      { font-size: 76.923%; }    /* was 10px */

div.bordered p                          { font-size: 100%; }       /* was 13px - can probably be removed */

.smallprint                             { font-size: 84.615%;      /* was 11px */
                                          line-height: 1.455; }    /* was 16px */

form#standard p.control-h textarea      { font-size: 100%; }       /* was 13px */


#content li                             { line-height: 1.385; }    /* was 18px */

/* Clean up */

.ui-tabs, .ui-tabs-panel, .ui-tabs-nav                { font-size: 100%; }


/* Language-specific styles */
li[lang=ar] { text-align: right; }


/* Styling for polls (form and results) */

ul.poll { list-style-type: none; border: 1px solid #D7D9D0; background-color: #FCFBFA; padding: 10px 0; margin-bottom: 5px; line-height: 1.6; }

.poll-form li { background: none; padding-right: 13px; }

/* This won't work in IE - need to fix */
/*
.poll-form li input { float: left; margin-right: 7px; }
.poll-form label { display: block; }
.poll-form label:hover { outline: 1px dashed #D7D9D0; }
*/

.poll-form p { text-align: right; }
.poll-form .btn { height: 21px; border: 0; background: url("/assets/images/arrowboxblue.gif") no-repeat scroll right center #0DC6DE; color: #fff; font-weight: bold; font-family: arial; padding: 2px 32px 3px 10px; line-height: 16px; cursor: pointer; }

dl.poll-results  { padding: 1em; overflow: hidden; background-color: #FCFBFA; border: 1px solid #D7D9D0; }

.poll-results dt,
.poll-results dd { line-height: 1.4; }

.poll-results dt { padding-left: 4px; position: absolute; }

.poll-results dd { background-color: #1cd; margin: 1px 0; text-indent: -99999px; }
.poll-results dd.selected { background-color: #f7b; }


/* Overall layout change - from left-aligned to centered */

/*
#page {
    width: 936px;
    margin: auto;
}
*/

/*
#footer {
    margin-left: 0;
}
*/

/*
ul#tabs {
    margin-left: 0;
    width: auto;
}
*/

/*
.pageend {
    margin-left: 0;
}
*/#content ul.topiclist li { margin-top: 10px; margin-right: 6px; _text-align: center; float: left; width: 220px; }
#content ul.topiclist li a { border: 1px solid transparent; display: block; text-decoration: none !important; }
#content ul.topiclist li a:hover { background-color: #f9f9f9; border: 1px solid #f4f4f4; }

ul.typelist li { float: left; width: 100px; margin: 4px; margin-bottom: 12px; }
ul.typelist li:hover { background-color: #f9f9f9; }
ul.typelist li a { display: block; _padding: 4px; _height: 82px; text-decoration: none !important; }

#content.library-home  { width: 895px; margin-left: 15px; }
/*#content.library       { width: 530px; }*/

.cover-image { width: 100px; border: 1px solid black; float: left; margin-right: 10px; margin-top: 15px; margin-bottom: 10px; overflow: hidden; }

#navigator p { margin: 0; }

#content .meta-list * { margin: 0; }
#content .meta-list dd,
#content .meta-list dt { margin: 5px 0; }

.meta-list dt { width: 20%; clear: left; float: left; }
.meta-list dd { width: 80%; float: left; }

#content ul.pagenav li { float: left; list-style: none; line-height: 16px; }
#content ul.pagenav li a { padding: 6px; }
#content ul.pagenav li a.previous { padding-left: 0; }
#content ul.pagenav li strong { padding: 6px; }

#main #content.library ul.pagenav li { margin-bottom: 0; }

.taboff { color: #999; }

dl.results     { margin-top: 15px; margin-left: 112px; font-size: 107.692%; /* 14px */ }
dl.results dt  { font-weight: bold; }
dl.results dd  { margin-left: 0; }

/*
.results .summary { font-size: 14px; }
*/

.results .article-meta { color: #777; font-size: 92.857%; /*13px relative to 14px */ }
.results .article-meta .price { font-weight: bold; }
.results dd { margin-top: 4px; }

.results a { display: block; }

/*
#content .results dt a { font-weight: bold !important; }
*/

/* For IE6 */
/*
#content .results dt a:hover { font-size: 14px; font-weight: bold; }
*/

#main #content.library-home #browse ul li,
#main #content.library-home #side-panel ul li,
#main #content.library-home #featured-titles ul li { background: none; padding-left: 0; }



#browse,
#featured-titles { float: left; margin-right: 20px; }

#browse          {  width: 380px; }
#featured-titles {  width: 280px; }
#side-panel      { float: left; width: 195px; }
#side-panel li   { margin-bottom: 6px; }

.library-home h2 { border-bottom: 3px dotted #ccc; padding-bottom: 3px; }

#browse ul { margin-left: 8px; overflow: hidden; }
#browse li { float: left; margin-bottom: 4px; width: 186px; }

#featured-titles ul     { margin-bottom: 0; overflow: hidden; padding-bottom: 24px; }
#featured-titles li     { float: left; width: 102px; margin: 0 19px; text-align: center; }
#featured-titles ul img { display: block; margin-bottom: 6px; }
#featured-titles a      { display: block; }

#eventcalendar .ui-datepicker,
.calendar .ui-datepicker              { width: 224px; padding: 2px 2px 0; }

#eventcalendar .ui-datepicker-header,
.calendar .ui-datepicker-header       { background: #0cd; border: none; }

.calendar .ui-datepicker-next,
#eventcalendar .ui-datepicker-next    { left: auto; }

#lceventcalendar .ui-datepicker-header { background-color: #646; }

.slideshow-ticker       { width: 478px; }
.slideshow-ticker.after { background-color: #F8F8F8; border: 1px solid #888; padding: 4px; height: 60px; }

.slideshow-ticker p { margin: 20px 0 10px; font-weight: bold; }
.slideshow-ticker.after p { margin: 0; }

#content .slideshow-ticker ol,
#content .slideshow-ticker li,
#content .slideshow-ticker ul { padding: 0; margin: 0; }

.slideshow-ticker ol       { background-color: #F8F8F8; border: 1px solid #888; /*padding: 4px;*/ list-style: none; overflow: hidden; }
.slideshow-ticker.after ol { background-color: transparent; border: none; }

.slideshow-ticker li       { float: left; width: 50%; background: none; }
.slideshow-ticker.after li { float: none; width: auto; }

.slideshow-ticker ol li ul { padding: 0; overflow: hidden; float: left; width: 50%; }

.slideshow-ticker ol ul { float: left; width: 50%; }

.scroller { background-color: #FCFBFA; height: 291px; border: 1px solid #D7D9D0; padding: 10px; overflow: hidden; margin: 0; list-style: none; }

.scroller li { background: none; padding-left: 0; }

#content .scroller li { margin: 0; padding-bottom: 10px; }

#Mother {
    left:0 !important;
    width:935px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 10px;
    display: block;
}

#Mother .pageend {
    position: relative;
    bottom: -10px;
}

#Mother #footer {
    padding-top: 15px;
}

#BlueBanner {
    text-align: center;
}

div.whatyoucandopages #header,
.pageend, #footer {
    margin: auto;
    width: 936px;
}

#footer {
    background-color:#D8DACC;
    margin-top: 5px;
}

/*
body > div {
    display: none;
}
*/

#_atssh, .whatyoucandopages, .pageend, #footer, #page {
    display: block;
}
#page #footer {
    margin-top: 0;
}

.top-level #main { padding: 20px 15px; }

#carousel {
    min-height: 270px;
    background-repeat: repeat-x; background-position: bottom;
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 20px;
}

#carousel .image-credit {
    display: block;
    z-index: 1;
    font-size: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6)
}

#carousel .tabs { z-index: 2 }

.lead-space {
    background-position: center bottom;
    background-repeat: repeat-x;
    /*height: 270px;*/
    overflow: hidden;
    margin-bottom: 12px;
    padding-bottom: 20px;
}

#donate .lead-space { height: auto; overflow: hidden; }

.lead-space .panel {
    color: #fff; width: 240px;
    min-height: 270px;
    padding-left: 20px;
    padding-right: 370px; overflow: hidden; float: left;
    background-repeat: no-repeat;
    background-position: top right;
}

#fundraising-events .lead-space .panel {
    min-height: 210px;
}


#donate .panel { color: #000; width: 610px; padding-right: 0; }

#donate .panel p { color: #000; }

#donate #donate-panel { border-bottom: none; padding-bottom: 0; }

#donate #quick-donate-form { background: none; padding-left: 0; }

#donate .examplesregular,
#donate .examplesoneoff { margin-bottom: 25px; margin-top: 0; }

#donate .examplesregular li,
#donate .examplesoneoff li { margin-right: 10px; }

#donate #own-amount { margin-left: 150px; width: 192px; margin-right: 4px; margin-top: 0; }

#donate #rgivingmoreinfo { display: inline; margin-left: 0; margin-top: 0; }

#donate .promo h3 { margin: 0; }
#donate .column h3 { text-transform: none; color: #f00; }
#donate .column .arrowlinks { margin-bottom: 0; }

#donate #dbp-promo h3 { float: left; margin-right: 8px; }

/*
#donate a { color: #008EB3; }
*/


#donate #regular-label-1:hover,
#donate #regular-label-1.current { background-position: 0 -123px; }

#donate #regular-label-2         { background-position: 0 -246px; }

#donate #regular-label-2:hover,
#donate #regular-label-2.current { background-position: 0 -369px; }

#donate #regular-label-3         { background-position: 0 -492px; }

#donate #regular-label-3:hover,
#donate #regular-label-3.current { background-position: 0 -615px; }

#donate #regular-label-4         { background-position: 0 -738px; }

#donate #regular-label-4:hover,
#donate #regular-label-4.current { background-position: 0 -861px; }


#donate #oneoff-label-1:hover,
#donate #oneoff-label-1.current  { background-position: 0 -123px; }

#donate #oneoff-label-2          { background-position: 0 -246px; }

#donate #oneoff-label-2:hover,
#donate #oneoff-label-2.current  { background-position: 0 -369px; }

#donate #oneoff-label-3          { background-position: 0 -492px; }

#donate #oneoff-label-3:hover,
#donate #oneoff-label-3.current  { background-position: 0 -615px; }

#donate #oneoff-label-4          { background-position: 0 -738px; }

#donate #oneoff-label-4:hover,
#donate #oneoff-label-4.current  { background-position: 0 -861px; }



.lead-space h2 {
    font-size: 185%; line-height: 0.917; color: inherit;
    margin: 30px 0 20px;
    font-family: GillSansWBbold, arial;
}

.lead-space h2 { font-size: 165%; margin-bottom: 10px; text-transform: uppercase; }

.lead-space p { color: #fff; line-height: 1.26; }

.lead-space .panel a {
    border-bottom: 1px solid rgba(220, 220, 220, 0.5);
    color: #fff;
}

#carousel .panels img {
    position: absolute; right: 0; top: 0; width: 360px;
    height: 270px;
}

.lead-space .side { width: 256px; float: right; }

.side p { color: #3a3a3a; }

.lead-space .side h2 {
    /*font-family: GillSansWBlight, arial;*/
    font-family: arial;
    font-weight: normal;
    margin-top: 10px;
    /*font-size: 135%;*/
    font-size: 130%;
}

.lead-space .side h2 em { font-family: GillSansWBbold, arial; font-weight: bold; font-style: normal; }

.lead-space .side li { margin-bottom: 16px; }

.lead-space .side #hpah li { margin: 0; }


/* Panels */

#carousel .panels { height: 100%; color: #fff; }

#carousel .panels .panel {
    padding-left: 20px; width: 240px;
    /*height: 100%;*/
    min-height: 270px;
    overflow: hidden; position: relative; padding-right: 370px;
}


/*
.lead-space .pink     { background-color: #c79; }
.lead-space .olive    { background-color: #894; }
.lead-space .slate    { background-color: #89A; }
.lead-space .mustard  { background-color: #c92; }
.lead-space .mauve    { background-color: #989; }
.lead-space .black    { background-color: #000; }
*/


.panel.pink     { background-color: #c79; }
.panel.olive    { background-color: #894; }
.panel.slate    { background-color: #89A; }
.panel.mustard  { background-color: #c92; }
.panel.mauve    { background-color: #989; }
.panel.black    { background-color: #000; }




#carousel .panels a {
    color: #fff; border-bottom: 1px solid;
    border-bottom-color: rgb(220, 220, 220);
    border-bottom-color: rgba(220, 220, 220, 0.5);
    padding-bottom: 0px;
}

#carousel .panels a:hover {
    text-decoration: none;
    border-bottom-color: rgba(220, 220, 220, 0.95);
}

#carousel .panels h2 a {
    border-bottom: none; padding-bottom: 0;
}

#carousel .panels h2 a:hover { text-decoration: underline; }

/*#test-new-home #carousel .panels p*/
.lead-space .panel p { font-size: 107.692%; line-height: 1.214; color: #fff; }

#carousel .panels .tiny-donate .amount { border: none; width: 50px; }

/*
#test-new-home #carousel .panels .tiny-donate #give-now {
    padding-bottom: 3px; text-transform: uppercase; padding-right: 18px;
    font-family: GillSansWBbold, arial; background-position: 94% 50%;
}
*/

#carousel .panels .tiny-donate .action-button { float: none; vertical-align: middle; }

.action-button,
.top-level .info-button {
    padding-right:   25px;
    padding-bottom:  3px;
    padding-left:    6px;

    font-family: GillSansWBbold, arial;
    font-size: 107.692%;
    font-weight: bold;

    text-transform: uppercase;

    border: none;

    background-position: right 50%;
    background-color: red;
    background-repeat: no-repeat;

    color: #fff;

    cursor: pointer;
    height: 21px; 
    line-height: 21px;
    float: left;
    overflow: visible;
}

.top-level .info-button { background-color: #89a; }

.action-button:hover,
.top-level .info-button:hover {
    text-decoration: underline;
}

.lookup-button {
    margin-left: 160px;
    background-color: #89a;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: arial;
    font-size: 14px;
    padding: 4px;
    width: auto;
}
.lookup-button:hover { text-decoration: underline; }


.top-level #get-updates-form label { float: left; clear: left; width: 10em; margin-bottom: 10px; }

.top-level #get-updates-form #title { width: 74px; margin-right: 4px; }

.top-level #get-updates-form #fname { width: 92px; margin-right: 4px; }

.top-level #get-updates-form #lname { width: 92px; }

.top-level #title, .top-level #fname, .top-level #lname { float: left; }

.top-level #title, .top-level #fname,
.top-level #lname, .top-level #email { font-size: 84.615%; }

.top-level #email { margin-top: 10px; margin-bottom: 10px; width: 98%; }

#carousel .ui-tabs-hide { display: none; }


/* Tabs */

#carousel .tabs {
    position: absolute; right: 0; width: 276px;
    list-style-type: none; padding: 0; margin: 0; top: 0;
    font-size: 92.308%; line-height: 1.25;
    display: none;
    font-weight: bold;
}

#carousel .tabs li {
    padding: 0 10px; height: 90px; float: left;
    margin-left: -55px;
    padding-left: 55px; width: 100%; background: none;
}

#carousel .tabs .ui-tabs-selected {
    background-repeat: no-repeat;
}

#carousel .tabs li:first-child a {
    /*border-top: none;*/
    border-top-color: transparent;
}

#carousel .tabs img {
    width: 100px; height: 75px; float: left;
    border: none; margin-right: 10px;
}

#carousel .tabs a {
    text-decoration: none; color: #000; display: block;
    border-top: 2px solid #eee;
    padding-top: 6px; height: 82px;
    padding-left: 10px; outline: none;
    font-weight: bold;
}

/*
#carousel .tabs:first-child a { border-top-color: transparent; }
*/

#carousel .tabs .date { font-size: 91.667%; display: block; }

#test-new-home .tabs .date { display: none; }


/* Lower columns */

.top-level .columns { overflow: hidden; background-position: 602px 0; background-repeat: repeat-y; }

#test-new-home .columns,
#news .columns { background-position: 0 0; }

.top-level .column,
.top-level .double-column { float: left; }

.top-level .column {
    width: 280px; padding: 0 10px 0 12px; margin-right: 0;
}

.top-level .double-column { width: 604px; }

.top-level .columns .column:first-child { border-left-color: transparent; }

.top-level .column .promo {
    border-top: 2px dotted #eee;
    width: 100%; margin: 0 0 18px; padding-top: 18px;
}

.top-level .column .promo:first-child { border-top-color: transparent; }

.top-level .columns h2 {
    /*font-family: GillSansWB, arial;*/
    font-family: arial;
    font-weight: normal;
    /*font-size: 138.462%;*/
    line-height: 1.111;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 110%;
}

.top-level .columns h2 em {
    font-family: GillSansWBbold, arial; font-weight: bold; font-style: normal;
}

.top-level h1 {
    font-family: GillSansWBbold, arial; font-weight: bold;
    text-transform: uppercase; font-size: 153.846%; line-height: 1.111;
    margin-top: 0; margin-bottom: 14px;
}

/*
.top-level h1 em { font-family: GillSansWBbold, arial; font-weight: bold; font-style: normal; }
*/

.top-level .promos .promo     {
    width: 280px; margin-right: 22px; margin-bottom: 10px;
    border-bottom: 2px dotted #eee;
}

.top-level .promos .promo h2  {
    font-size: 100%; font-family: arial;
    font-weight: bold;
}

.top-level .column .promo h3 {
    margin-bottom: 6px;
    margin-top: 0;
}

.top-level .promo p           { clear: none; }


/* 'Linked page' promos */

#test-new-home .promo-linked-page > a { float: left; mnargin-right: 10px; }

#test-new-home .promo-linked-page h2 a { padding-right: 20px; background-repeat: no-repeat; background-position: right center; }

#test-new-home .promo-linked-page h2 { text-transform: uppercase; font-family: arial; font-size: 107.692%; font-weight: bold; }

#test-new-home .promo-linked-page img { float: left; margin-right: 10px; display: block; }

#test-new-home .promo-linked-page p { clear: none; }


/* Content footer */

.content-footer { clear: both; border-top: none; margin-right: 0; margin-top: 12px;
    background-repeat: repeat-x; background-position: top; }

/* TODO remove ... eventually */
.content-footer { width: 906px; margin-left: 15px; margin-right: 15px; }

.top-level .content-footer { width: auto; margin-left: 0; margin-right: 0; }

.visitus-links { width: 456px; }

.visitus-links,
.visit-other-sites { margin-left: 20px; }

.visitus-links,
.visit-other-sites,
.addthis_toolbox { float: left; }

.visit-other-sites { margin-top: 0; width: 200px; }
.visit-other-sites h2 { margin-bottom: 0 }


/* Add this toolbox */

/* TODO Remove .top-level for launch */

.addthis_toolbox { float: left; text-align: left; width: 210px; }

.addthis_toolbox .custom_images a { display: block; width: 24px; height: 24px; float: left; margin-right: 6px; }

.visit-other-sites legend {
    font-size: 115.385%; font-weight: bold;
    margin-bottom: 6px !important;
    height: 0;
}

.visitus-links li { float: left; background: none; padding: 0; margin-right: 10px; }
.visitus-links a { padding-left: 20px; background-repeat: no-repeat; }

.visitus-links .facebook  { background-position: 0 -48px; }
.visitus-links .flickr    { background-position: 0 -64px; }
.visitus-links .linkedin  { background-position: 0 -80px; }
.visitus-links .twitter   { background-position: 0 -128px; }
.visitus-links .youtube   { background-position: 0 -144px; }



#donate #regular-input-2 { background-position: 0 -123px; }


/* News page */

.st-tag-cloud { margin-bottom: 20px; }

.st-tag-cloud .st-tags.t1,
.st-tag-cloud .st-tags.t2 { color: #c92 !important; }

.st-tag-cloud .st-tags.t3,
.st-tag-cloud .st-tags.t4 { color: #c79 !important; }

.st-tag-cloud .st-tags.t5,
.st-tag-cloud .st-tags.t6 { color: #894 !important; }

.st-tag-cloud .st-tags.t7,
.st-tag-cloud .st-tags.t8 { color: #89a !important; }

.st-tag-cloud .st-tags.t9,
.st-tag-cloud .st-tags.t10 { color: #989 !important; }

.st-tag-cloud a { margin: 0.2em; }


#news .arrowlinks li { margin-bottom: 9px; }



/* For videos in the carousel */

.flash-player-controls {
    position: absolute;

    bottom: 0;
    left: 0;
    right: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.flash-video-overlay {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-image: url('/assets/images/transparent.gif');
    background-position: 50%;
    background-repeat: no-repeat;

    cursor: pointer;
    z-index: 1;
}

#page .flash-video-overlay img {
    height: auto;
    width: auto;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -38px;

    position: absolute;
}

.flash-video-overlay-cover {
    background-color: #000;
    opacity: 0.5;
    z-index: 0;
}

.flash-player-holder {
    position: relative;
    width: 360px;
    height: 270px;
    top: 0;
    right: 0;
    padding: 0;
}

#carousel .flash-player-holder { position: absolute; }

#page .flash-player-controls img {
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    margin-top: -38px;
    cursor: pointer;
    position: absolute;
}

.flash-player-controls img { display: none; }

.flash-player-controls-active img { display: block; }

#btn-play, #btn-restart { position: absolute; }

#btn-play {
    margin-left: -86px;
}

#btn-restart {
    margin-left: 10px;
}

#where-we-work .ui-tabs-nav li.ui-state-active a,
#where-we-work .ui-tabs-nav li a:hover,
#where-we-work .ui-tabs-nav li.ui-tabs-selected a:hover {
    background-color: #89a;
    color: #fff;
}

#where-we-work .ui-tabs-nav li a {
    background-color: #257;
    color: #fff;
}

#where-we-work #atoz.ui-tabs-panel, #where-we-work #map.ui-tabs-panel {
    border-color: #89a;
}

/*#fundraising-events .promo p { margin-left: 110px; }*/

#contact .phone-number { font-size: 150%; }.content-footer,
.top-level #carousel,
.lead-space                                          { background-image: url('/assets/images/horizontal-background-border.gif'); }

.top-level #carousel .tabs .ui-tabs-selected         { background-image: url('/assets/images/carousel-arrow.png'); }

.action-button, .top-level .info-button   { background-image: url('/assets/images/arrow-white.png'); }

#test-new-home .columns, #news .columns     { background-image: url('/assets/images/2-column-background-border.gif'); }

.top-level .columns                                  { background-image: url('/assets/images/vertical-background-border.gif'); }

.top-level .promo-linked-page h2 a                   { background-image: url('/assets/images/arrowlinkbig.gif'); }

.visitus-links a                          { background-image: url('/assets/images/social-media-icons-vert.png'); }


#what-you-can-do        .lead-space .panel           { background-image: url('/assets/images/featured-what-you-can-do.jpg'); }
#resources              .lead-space .panel           { background-image: url('/assets/images/featured-resources.jpg'); }
#what-we-do             .lead-space .panel           { background-image: url('/assets/images/featured-what-we-do.jpg'); }
#fundraising-events     .lead-space .panel           { background-image: url('/assets/images/bluebox-events.jpg'); }
#jobs                   .lead-space .panel           { background-image: url('/assets/images/featured.jpg'); }
#press-office           .lead-space .panel           { background-image: url('/assets/images/featured-press.jpg'); }
#teachers               .lead-space .panel           { background-image: url('/assets/images/featured-teachers.jpg'); }

#about-us               .lead-space .panel           { background-image: url('/assets/images/featured-aboutus.jpg'); }
#contact                .lead-space .panel           { background-image: url('/assets/images/featured-contact.jpg'); }
#corporate-partnerships .lead-space .panel           { background-image: url('/assets/images/featured-corporate-partnerships.jpg'); }
#legacies               .lead-space .panel           { background-image: url('/assets/images/featured-legacies.jpg'); }
#friendship-funday      .lead-space .panel           { background-image: url('/assets/images/featured-friendship-funday.jpg'); }
#major-gifts            .lead-space .panel           { background-image: url('/assets/images/featured-major-gifts.jpg'); }


.donate-boxes-3                                      { background-image: url('/assets/images/donate_bg_3_columns.jpg'); background-position: bottom center; }



/* Main Donate page panels */

#donate .examplesregular li label                    { background-image: url('/assets/images/donate8-up.gif'); }
#donate .examplesoneoff  li label                    { background-image: url('/assets/images/donate8-up2.gif'); }


/*
#donate #regular-label-1                             { background-image: url('/assets/images/donatebox_3net.gif'); }
*/


/* Legacies */

#legacies-timeline1 {    background: url("/assets/images/timeline1.gif"); }
#legacies-timeline2 {    background: url("/assets/images/timeline2.gif"); }
#legacies-timeline3 {    background: url("/assets/images/timeline3.gif"); }
#legacies-timeline4 {    background: url("/assets/images/timeline4.gif"); }
#legacies-timeline5 {    background: url("/assets/images/timeline5.gif"); }

/* new in page video player styles */
 #vid-in-page .flash-video-overlay img {
  height: auto;
  left: 50%;
  margin-left: -38px;
  margin-top: -38px;
  top: 50%;
  width: auto;
  position:absolute;
 }
 
 #vid-in-page .flash-player-controls img {
  height: auto;
  left: 50%;    
  margin-top: -38px;
  top: 50%;
  width: auto;
  position:absolute;   
 }
 
 #vid-in-page object {
  margin: 0px; 
 }

#bornToPanel .label {
 position: absolute;
 left: 223px;
 top: 11px;
 cursor: pointer;
}

#bornToPanel .strap p {
 position: absolute;
 left: 225px;
 top: 120px;
 color: #ffffff !important;
 font-size: 101% !important;
}

#bornToPanel #form {
 position: absolute;
 left: 220px;
 top: 136px;
 font-size:13px !important;
}

#bornToPanel input {
 vertical-align: top;
}
#bornToPanel input.medium,
#bornToPanel input.large {
 padding: 5px;
 border: none;
 margin-bottom: 8px;
 margin-right: 4px;
 color: #888;
 font-size: 120%;
}
#bornToPanel input.medium {
 width: 143px;
}
#bornToPanel input.large {
 width: 305px;
}
#bornToPanel .donate {
 margin-top: 30px;
 position: relative;
}
#bornToPanel .donate .text {
 color: red;
 font-weight: bold;
}
#bornToPanel .or {
 position: absolute; 
 left: -90px;
 top: 0;
}
#bornToPanel .pound {
 position: absolute; 
 left: -28px;
 top: 0;
}
#bornToPanel .submit#addMe{
  
}
#bornToPanel #title img {
 position: absolute;
 top: 21px;
 cursor: pointer;
}

#bornToPanel #main-panel .hidden {
 display: none;
}
#bornToPanel {
 height: 270px;
 width: 630px;
 position:relative;
 background: url("http://www.savethechildren.org.uk/assets/images/carousel-borntoBG.png") no-repeat scroll 0 0 transparent; 
 margin-left: -20px;
 
}
#bornToPanel label {
 display:none;
}
#bornToPanel h2 {
 
 color: #FFFFFF; 
    font-family: GillSansWB,arial !important;
    font-size: 400% !important;
    line-height: 0.917;
    margin: 30px 0 20px;
}
#bornToPanel h2 span {
 font-family: "GillSansBook",sans-serif !important;
    font-size: 50%;
    font-weight: normal;
    text-transform: uppercase;
}
#bornToPanel .group{
 
}
#bornToPanel .error {
 font-size:85%;
}
#bornToPanel .group input{
 font-size: 85%; 
}
#carousel .panels #bornToPanel img {
 height:auto;
 width:auto; 
 top:auto;
}

.top-level #get-bornto-form #fname, .top-level #get-bornto-form #lname {
   margin-left: 4px;
    width: 92px;
}

#bornToPanel .checkbox img {
    background: url("http://bornto.savethechildren.org.uk/sites/all/themes/bornto/ui/check.png") no-repeat scroll 0 0 transparent;
 height: 77px !important;
    vertical-align: middle;
    width: 78px !important;
 left:140px;
 background-position: 0 -154px;
 margin-top:50px;
}

#bornToPanel .checkbox img:hover {
 background-position: 0 -77px; 
}


#bornto-banner {
    clear: both; background: #fff; padding: 15px 15px 0;
}

#bornto-banner img {
    display: block;
}

#bornto-title { float: left; font-size: 84%; }

body#donate #tabs { height: 31px; }

#donate-boxes, #donate-boxes ol { overflow: hidden; list-style-type: none; padding: 0; margin: 0; }

#donate-boxes { margin-bottom: 20px; }

#donate-boxes.donate-boxes-2 > li:first-child { margin-right: 10px; }

#donate-boxes.donate-boxes-3 > li { margin-left: 12px; }
#donate-boxes.donate-boxes-3 > li:first-child { margin-left: 0; }


#donate-boxes > li { float: left; border: 1px solid #ddd; padding: 16px; margin: 0; }

#donate-boxes.donate-boxes-2 > li { width: 414px; }
#donate-boxes.donate-boxes-3 > li { width: 262px; border: none; border-top: 1px solid #ddd; }





#donate-boxes ol li { width: 190px; position: relative; }

#donate-boxes h2 { margin-top: 0; font-weight: normal; text-transform: uppercase; margin-bottom: 12px; font-size: 140%; }

/* Nasty hack to ensure headings split onto two lines */
#donate-boxes.donate-boxes-3 h2 { width: 200px; }

#donate-boxes h2 em { font-size: 105%; font-family: GillSansWBbold, arial; font-style: normal; font-weight: bold; }

#donate-boxes .price { font-family: GillSansWBbold, arial; font-size: 30px; color: #fff; line-height: 1; padding: 2px 8px; position: absolute; left: 0; top: 10px; }

#donate-boxes form ul { margin-bottom: 0; margin-left: 30px; }

#donate-boxes form li { line-height: 1.5; padding: 0; background: none; }

#price1 { background-color: #989; }
#price2 { background-color: #C79; }
#price3 { background-color: #894; }
#price4 { background-color: #89A; }


#donate-boxes.donate-boxes-2 .action-button { float: none; font-size: 15px; margin-left: 19px; }

#donate-boxes.donate-boxes-3 .action-button { float: none; font-size: 15px; margin-left: 0; margin-top: 20px; }


.emergency-box { background-color: #eceee0; padding: 10px; margin-bottom: 20px; margin-right: 22px; overflow: hidden; }

.emergency-box .arrowlinks { margin-left: 200px; }

.legacies-timeline { margin:15px 0px 0px }

.legacies-timeline a
{
    display: block;
    width: 194px;
    height: 75px;
}

#legacies-timeline1:hover,
#legacies-timeline2:hover,
#legacies-timeline3:hover,
#legacies-timeline4:hover,
#legacies-timeline5:hover
/*.legacies-timeline a:hover*/
{
    background-position: -194px 0px;  
}

#major-donors .panel{
    background-image: url("/assets/images/featured-major-gifts.jpg");
}

.st .donate-logos { position: static; }

#banner-right {
    margin-top: 10px;
    position: absolute;
    right: -32px;
}