/* -------------------------------------------------------------------------- */
/* GENERAL                                                                    */
/* -------------------------------------------------------------------------- */
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;
}

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

/*
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;
}

h1 { font-size: 24px; font-weight: normal; margin-bottom: 7px; }

h1.secondlevelpage {
    text-transform: uppercase;
    font-size: 25px;
    color: #ac82ba;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 17px;
    background: url("/assets/images/purple_line.gif") no-repeat left bottom;
}

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

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; }

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

img { border: 0; }

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

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

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

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


/* -------------------------------------------------------------------------- */
/* Layout                                                                     */
/*                                                                            */
/* Centered, fixed-width main page                                            */
/* -------------------------------------------------------------------------- */
#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-tmp { display: none; }*/


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

#header { overflow: hidden; margin-bottom: 16px;}

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

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

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

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; }

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

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

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

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

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

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

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

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



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

/*
#sidebar .yellow-header h2,
#sidebar .yellow-header-pop h2 {
    background: url("/assets/images/bg-panel-heading.gif") no-repeat top left;

}
*/

#sidebar h2 {
    background: url("/assets/images/bg-panel-heading.gif") no-repeat top left;
    color: #000000;
    font-weight: bold;
    /*font-size:   13px;*/
    padding: 3px 0px 4px 14px;
    margin: 0;
    margin-bottom: 7px;
    margin-top: 15px;
}

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

#sidebar h2.blue, #sidebar h2.blue-header {
    background: url("/assets/images/bg-blue-panel2.gif") no-repeat top left;
}

#sidebar ul.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;
    display: inline;
}

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

#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/arrowlinkbig.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;}


/* 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 a.activeSlide  { 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; /*width: 651px;*/ margin-top: 15px; overflow: auto; }
#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; }

/*#sidebar .bookmarklinks li { margin: 4px 0; }*/

#content .bookmarklinks ul { /*width: 280px; float: left;*/ }
#content.wide .bookmarklinks ul { /*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;}
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;
}

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 a { display: block; }
dl.listings dt span.date { display:block; }
dl.listings dt span.blue { display:block; }
dl.listings dd { border-bottom:1px solid #cccccc; padding-bottom:10px; margin-bottom:10px; }

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

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

#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;}

/* 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;*/}

.action-item { 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 { font-weight: bold; margin: 0; padding: 0; margin-bottom: 6px; font-size: 15px; }

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

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

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


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


/* 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;}
p.image-caption { font-size: 11px; }

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 { float: right; margin-left: 15px; }
.quotearea-left { float: left; margin-right: 15px; }

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

.quotearea-left blockquote,
.quotearea-right 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 { line-height: 20px; }

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

/*this is now 260px large version for the news stories */
.halfpageimage             { float: right; width: 260px; margin-left: 10px; margin-bottom: 10px;}
.halfpageimage img         { display: block; }
.halfpageimage .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   { display: inline; }

.halfpageimage .credit { background-color: #fcfbfa; padding: 4px 10px 6px; font-size: 11px;
    color:#333; border: 1px solid #e1dad1;
}

/* for the 225px wide version */
.halfpageimage-small             { float: right; width: 225px; margin-left: 10px; margin-bottom: 10px;}
.halfpageimage-small img         { display: block; }
.halfpageimage-small .quotearea  { margin-left: 0; }

.halfpageimage-small a img   { display: inline; }
.halfpageimage-small .credit { background-color: #fcfbfa; padding: 4px 10px 6px; font-size: 11px;
    color:#333; border: 1px solid #e1dad1;
}


/*for a left aligned version */
.halfpageimage-left             { float: left; width: 225px; margin-right: 10px; margin-bottom: 10px;}
.halfpageimage-left img         { display: block; }
.halfpageimage-left .quotearea  { margin-right: 0; }
/* This is for the reddot image when in SmartEdit mode - would be good to find a better way of doing this! */
.halfpageimage-left a img   { display: inline; }
.halfpageimage-left .credit { background-color: #fcfbfa; padding: 4px 10px 6px; font-size: 11px;
    color:#333; border: 1px solid #e1dad1;
}


/* 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;}
.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; }

/* 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;}
.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 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 div.maplast {
    margin-right: 0;
}

#footer-sitemap {
    margin: 0 auto;
    width: 96%;
    font-size: 84.615%;
    color: #737373;
}

#footer-sitemap div {
    width: 13%;
    margin-right: 1.5%;
    float: left;    
}

#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; font-weight: bold; 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


/* 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; }

/* END page-specific styles */


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

/* END jquery-ui overrides */


/* BEGIN form styles */

form#standard p.control-h label.error { margin-left: 146px; }
form#standard p.control-h label.valid { margin-left: 0; }
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; }
form#standard div.bordered            { overflow: hidden; }
p.control-h label                     { width: 150px; }

form#standard p.control-h input,
form#standard p.control-h select,
form#standard p.control-h textarea      { float: left; margin-right: 0.5em; }

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

form.donate-now p.control-h label.valid { width: 0 !important; padding-right: 0; }
form#standard p.control-h label.error   { margin-left: 160px; }
form#standard p.control-h label.valid   { margin-left: 0; clear: none; }
div.bordered p                          { padding-right: 10px !important; }
/*div.bordered p                          { font-size: 13px; }*/
p.control-h label.error                 { padding-left: 24px; padding-bottom: 16px; padding-top: 0; }

form#standard input.button,
form#standard-b input.button            { margin-right: 10px; }
form#standard div.bordered,
form#standard-b div.bordered            { padding-bottom: 15px; }
#donation-value-feedback, #donation-extra-feedback { font-weight: bold; }

/* .smallprint { font-size: 11px !important; line-height: 16px !important; } */

#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         { background: none; }
#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: #1cd; 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: 160px ! important; margin-bottom: 10px; }
ul#ul_opt_out_mobile, ul#ul_opt_out_email { width: 280px; }
form#standard p.control-h input,
form#standard p.control-h textarea    { width: 244px; }
#content ul.checkboxes li             { margin: 0; }
#donation-value-feedback,
#donation-extra-feedback              { font-weight: bold; }
form#standard #ul_swap                { margin-top: 6px; }
form#standard p.control-h textarea    { height: 80px; font-size: 13px; font-family: arial; }
form#standard p                       { padding-right: 8px; }
ul.checkboxes                         { clear: both; overflow: hidden; padding: 0 10px; }
ul.checkboxes input                   { float: left; width: 13px; margin: 0; }

/* TODO Move to styles.css */
ul.checkboxes li input                { margin-right: 8px; }
ul.checkboxes label                   { width: 405px; float: left; }
ul.checkboxes label.float-label       { width: 240px; }
ul.checkboxes li                      { overflow: hidden; margin: 0; }
form#standard label.error    { padding-left: 24px; padding-top: 0; padding-bottom: 12px; clear: both; font-weight: bold; font-size: 11px; }
form#standard label.valid             { height: 16px; clear: none; padding-bottom: 0; width: auto; }

/* new styles for event form and javascript labels. */
/* REPEAT OF ABOVE?? */
form#standard p.control-h label.error { margin-left: 146px; }
form#standard p.control-h label.valid { margin-left: 0; }

form#standard p.control-h input,
form#standard p.control-h select,
form#standard p.control-h textarea { float: left; margin: 0 10px; }
form#standard div.bordered         { overflow: hidden; }
p.control-h label                  { width: 150px; }
form#standard p.control-h input,
form#standard p.control-h select,
form#standard p.control-h textarea      { float: left; margin-right: 0.5em; }
.ui-datepicker-div, #ui-datepicker-div  { font-size: 10px; }
form.donate-now p.control-h label.valid { width: 0 !important; padding-right: 0; }
form#standard p.control-h label.error   { margin-left: 160px; }
form#standard p.control-h label.valid   { margin-left: 0; clear: none; }
div.bordered p                          { padding-right: 10px !important; }
p.control-h label.error                 { padding-left: 24px; padding-bottom: 12px; padding-top: 0; }
form#standard input.button,
form#standard-b input.button               { margin-right: 10px; }
form#standard div.bordered,
form#standard-b div.bordered               { padding-bottom: 15px; }
#donation-value-feedback,
#donation-extra-feedback                   { font-weight: bold; }
/* .smallprint { font-size: 11px !important; line-height: 16px !important; } */
#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               { background: none; }
#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: #1cd; 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: 160px ! important; margin-bottom: 10px; }
ul#ul_opt_out_mobile,
ul#ul_opt_out_email                        { width: 280px; }
form#event p.control-h input,
form#event p.control-h textarea            { width: 244px; }
#content ul.checkboxes li                  { margin: 0; }
#donation-value-feedback,
#donation-extra-feedback                   { font-weight: bold; }
form#event #ul_swap                        { margin-top: 6px; }
form#event p.control-h textarea            { height: 80px; font-size: 13px; font-family: arial; }
form#event p                               { padding-right: 8px; }
ul.checkboxes                              { clear: both; overflow: hidden; padding: 0 10px; }
ul.checkboxes input                        { float: left; width: 13px; margin: 0; }

/* TODO Move to styles.css */
ul.checkboxes li input                     { margin-right: 8px; }
ul.checkboxes label                        { width: 405px; float: left; }
ul.checkboxes label.float-label            { width: 240px; }
ul.checkboxes li                           { overflow: hidden; margin: 0; }
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                  { height: 16px; clear: none; padding-bottom: 0; width: auto; }

/* new styles for event form */
#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               { background: none; }
#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: #1cd; 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: 160px ! important; margin-bottom: 10px; }
ul#ul_opt_out_mobile, ul#ul_opt_out_email          { width: 280px; }
form#standard p.control-h input, form#standard p.control-h textarea { width: 244px; }
#content ul.checkboxes li                          { margin: 0; }
#donation-value-feedback, #donation-extra-feedback { font-weight: bold; }
form#standard #ul_swap                             { margin-top: 6px; }
form#standard p.control-h textarea                 { height: 80px; font-size: 13px; font-family: arial; }
form#standard p                                    { padding-right: 8px; }
ul.checkboxes                                      { clear: both; overflow: hidden; padding: 0 10px; }
ul.checkboxes input                                { float: left; width: 13px; margin: 0; }

/* TODO Move to styles.css */
ul.checkboxes li input { margin-right: 8px; }
ul.checkboxes label { width: 405px; float: left; }
ul.checkboxes label.float-label { width: 240px; }
ul.checkboxes li { overflow: hidden; margin: 0; }
form#standard label.error { padding-left: 24px; padding-top: 0; padding-bottom: 12px; clear: both; font-weight: bold; font-size: 11px; }
form#standard label.valid { height: 16px; clear: none; padding-bottom: 0; width: auto; }

/* new styles for event form and javascript labels. */
form#event p.control-h label.error { margin-left: 146px; }
form#event p.control-h label.valid { margin-left: 0; }
form#event p.control-h input, form#event p.control-h select, form#event p.control-h textarea { float: left; margin: 0 10px; }
form#event div.bordered { overflow: hidden; }
p.control-h label { width: 150px; }
form#event p.control-h input, form#event p.control-h select, form#event p.control-h textarea { float: left; margin-right: 0.5em; }
.ui-datepicker-div, #ui-datepicker-div { font-size: 10px; }
form.donate-now p.control-h label.valid { width: 0 !important; padding-right: 0; }
form#event p.control-h label.error { margin-left: 160px; }
form#event p.control-h label.valid { margin-left: 0; clear: none; }
div.bordered p          { padding-right: 10px !important; }
div.bordered p          { font-size: 13px; }
p.control-h label.error                            { padding-left: 24px; padding-bottom: 12px; padding-top: 0; }
form#event input.button, form#event-b input.button { margin-right: 10px; }
form#event div.bordered, form#event-b div.bordered { padding-bottom: 15px; }
#donation-value-feedback, #donation-extra-feedback { font-weight: bold; }
/* .smallprint                                     { font-size: 11px !important; line-height: 16px !important; } */
#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                       { background: none; }
#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: #1cd; 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: 160px ! important; margin-bottom: 10px; }
ul#ul_opt_out_mobile, ul#ul_opt_out_email          { width: 280px; }
form#event p.control-h input, form#event p.control-h textarea { width: 244px; }
#content ul.checkboxes li                          { margin: 0; }
#donation-value-feedback, #donation-extra-feedback { font-weight: bold; }
form#event #ul_swap                                { margin-top: 6px; }
form#event p.control-h textarea                    { height: 80px; font-size: 13px; font-family: arial; }
form#event p                                       { padding-right: 8px; }
ul.checkboxes                                      { clear: both; overflow: hidden; padding: 0 10px; }
ul.checkboxes input                                { float: left; width: 13px; margin: 0; }

/* TODO Move to styles.css */
ul.checkboxes li input                             { margin-right: 8px; }
ul.checkboxes label                                { width: 405px; float: left; }
ul.checkboxes label.float-label                    { width: 240px; }
ul.checkboxes li                                   { overflow: hidden; margin: 0; }
form#event label.error       { padding-left: 24px; padding-top: 0; padding-bottom: 12px; clear: both; font-weight: bold; font-size: 11px; }
form#event label.valid                             { height: 16px; clear: none; padding-bottom: 0; width: auto; }

/* END form styles */


/* 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                         { font-size: 115.385%; }   /* was 15px */
p.image-caption                         { font-size: 84.615%; }    /* was 11px */

.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        { width: 224px; padding: 2px 2px 0; }
#eventcalendar .ui-datepicker-header { background: #0cd; border: none; }
#eventcalendar .ui-datepicker-next   { left: auto; }

/*#eventcalendar        { font-size: 90%; }*/.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%; }