/*************************************************

CODE CAN
DATE
BY 76design


***************************************************
    GENERIC
    */


HTML {
    font: 62.5%/160% Verdana, Arial, Helvetica, sans-serif;
    background:#ace1e8;
    color: #000;
    }

BODY {
    margin: 0px;
    padding: 0px;
    text-align: center;

    }
BODY.splash {
    background:none;
    }

/***************************************************
    SPLASH PAGE

    This page is completely useless and should be removed.
    Come on people!

     */
BODY.splash #wrapper {
    width:827px;
    background:none;
    }
.left {
    float:left;
}
.right {
    float:right;
}
#splash {
    width:827px;
    margin:20px 0 0 0;
    height:628px;
    background:#ace1e8 url(../images/splash.jpg) top center no-repeat;
    text-align:center;
    font-size:120%;
    color:#CCC;
    }

#splash IMG {
    margin:100px 0 350px 0 ;
    }

#splash A {
    text-decoration:none;
    margin:0 10px;
    }

.splash ADDRESS {
    color:#FFF;
    text-align:right;
    font-size:120%;
    font-weight:bold;
    margin:10px 20px 0 0;
    background:none;
    }

/***************************************************
    WRAPPER

     */
#wrapper {
    width:980px;
    margin: 0px auto;
    text-align:left;
    background:#ace1e8 url(../images/html-bkg.gif) top center repeat-y;
    }

/***************************************************
    HEADER

    */

#header {
    background:url(../images/header.gif) top center no-repeat;
    height:160px;
    position:relative;
    padding:65px 16px 0 20px;
    }

.logo {
    float:left;
    width:144px;
    height:89px;
    margin:50px 0 0 45px;
    }

/***************************************************
    HEADER > UTILITY

    */
#utility {
    float:right;
    }

#utility LI{
    list-style:none;
    float:left;
    background:none;
    border-right:solid 1px #c3c3c3;
    }

#utility A {
    color:#c3c3c3;
    text-transform:lowercase;
    text-decoration:none;
    font-size:110%;
    padding:0 10px;
    margin:2px 0 0 0; /*for alignment with form */
    }


#utility A.last {border:none;}
#utility A:hover {
    color:#e2e2e2;
    }
#utility LI.logged-in A#boardroom_link {
    padding-right: 0px;
    }
#utility LI.logged-in A#boardroom_logout_link {
    display: inline;
    padding-left: 0px;
    }


#utility LI.last {
    border: 0px;
    }

#utility .submit {
    background:url(../images/buttons/go-en.gif) no-repeat;
    width:29px;
    height:23px;
    border:none;
    margin:0;
    float:left;
    text-align: left;
    overflow: hidden;
    }

.fr #utility .submit {background:url(../images/buttons/go-fr.gif) no-repeat;
    width:56px;
    height:24px;
}

#utility .text {
    border:none;
    background:url(../images/utility-search-bkg.gif) no-repeat;
    height:15px;
    width:102px;
    margin:0 10px 0 0;
    padding:4px;
    float:left;
    }

#utility FORM {
    padding:0;
    border:none;
    }

/***************************************************
    HEADER > TOP MENU (main menu tabs)

    */
#topmenu {
    position:absolute;
    top:120px;
    left:252px;

    }
#topmenu LI  {
    list-style:none;
    float:left;
    height:27px;
    margin:5px 3px 0 0;
    padding:0 0 0 12px;
    }

#topmenu A {
    display:block;
    margin:0;
    line-height:27px;
    padding:0 10px 0 0;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    text-transform:lowercase;
    font-size:140%;
    }

#topmenu LI:hover,
#topmenu LI.over,
#topmenu LI.selected{
    margin-top:0;
    height:31px;
    }

#topmenu LI:hover A,
#topmenu LI.over A,
#topmenu LI.selected A{
    line-height:31px;
    }

#topmenu LI:hover
#topmenu LI:hover LI,
#topmenu LI.over LI,
#topmenu LI.selected LI {
    margin-top:0;
    }

#nav-code {background:url(../images/menus/topmenu-code-left.gif) top left no-repeat;}
#nav-code A{background:url(../images/menus/topmenu-code-right.gif) top right no-repeat;}
#topmenu #nav-code UL {background:url(../images/menus/subnav-code.gif) no-repeat;}

#nav-where-we-work {background:url(../images/menus/topmenu-where-we-work-left.gif) top left no-repeat;}
#nav-where-we-work A {background:url(../images/menus/topmenu-where-we-work-right.gif) top right no-repeat;}
#topmenu #nav-where-we-work UL {background:url(../images/menus/subnav-where-we-work.gif) no-repeat;}

#nav-get-involved {background:url(../images/menus/topmenu-get-involved-left.gif) top left no-repeat;}
#nav-get-involved A {background:url(../images/menus/topmenu-get-involved-right.gif) top right no-repeat;}
#topmenu #nav-get-involved UL {background:url(../images/menus/subnav-get-involved.gif) no-repeat;}

#nav-donate {background:url(../images/menus/topmenu-donate-left.gif) top left no-repeat;}
#nav-donate A {background:url(../images/menus/topmenu-donate-right.gif) top right no-repeat;}
#topmenu #nav-donate  UL {background:url(../images/menus/subnav-donate.gif) no-repeat;}

#nav-media-room {background:url(../images/menus/topmenu-media-left.gif) top left no-repeat;}
#nav-media-room A {background:url(../images/menus/topmenu-media-right.gif) top right no-repeat;}
#topmenu #nav-media-room UL {background:url(../images/menus/subnav-media.gif) no-repeat;}

#nav-blog {background:url(../images/menus/topmenu-blog-left.gif) top left no-repeat;}
#nav-blog A {background:url(../images/menus/topmenu-blog-right.gif) top right no-repeat;}
#topmenu #nav-blog UL {background:url(../images/menus/subnav-blog.gif) no-repeat;}

#nav-code-search{background:none} /* what the hell is this? */

/***************************************************
    HEADER > SUBNAV

    I realize this is sort of a weird structure.
    It was done so that the nav shows ALL links in the source
    at all times. the subnav is relative to topmenu - not the LI
    */
#topmenu UL {
    position:absolute;
    top:27px;
    left:-25px;
    width:696px;
    height:43px;
    display:none;
    }

#topmenu UL LI {
    float:left;
    margin:0;
    padding:0;
    background:none;
    }

#topmenu UL LI A{
    background:none;
    line-height:43px;
    font-size:110%;
    margin:4px 10px ;
    padding:0;
    }

#topmenu UL LI A:hover,
#topmenu UL LI.selected A {
    font-weight:bold;
    color:#daf1f4;
    text-decoration:none;
    }

#topmenu .selected UL{
    display:block;
    }

#topmenu .selected UL UL{
    display:none;
    }

/***************************************************
    SIDEBAR
    this is where the photos go

     */
#sidebar {
     width:212px;
    float:left;
    margin:0 15px 0 25px;
    min-height:1px;
    height:auto !important;
    height:1px;

    }


/* this method is not implemented yet

    <div class="book">
        <span>caption</span>
        <img src="images/photo.gif" />
    </div>

.book {
    position:relative;
    display:block;
    width:212px;
    height:174px;
    overflow:hidden;
    }

.book SPAN {
    background:url(../images/template.png);
    position:absolute;
    display:block;
    width:212px;
    height:174px;
    text-indent:-999px;
    }

*/
/***************************************************
    CONTENT
     */
#content {
    width:698px;
    float:left;
    font-size:120%;
    line-height:140%;
    }

#content UL LI {
    background:url(../images/bullets/bullet.gif) 0 6px no-repeat;
    padding:0 0 0 20px;
    list-style:none;
    margin:8px 0;
    }

#content OL LI{
    list-style:decimal outside;
    padding:0;
    margin:8px 0 8px 20px;
    background:none;
    }

#content OL LI UL LI{
    list-style:none;
    }

.internal #left-column {
    width:100%;
    }

#left-column {
    width:491px;
    float:left;
    margin:0 15px 0 0;
    }

/***************************************************
    RIGHT COLUMN
     */

#right-column {
    width:190px;
    margin:67px 0 0 0;
    float:left;
    padding:0;
    }

.default #right-column.homepage{
    background:#e3f5f8 url(../images/right-column-bottom.gif) bottom left no-repeat;
    margin:0 0 30px 0;
    }

.default #content #right-column.homepage UL {
    background:#e3f5f8 url(../images/right-column-top.gif) top left no-repeat;
    margin:0;
    padding:0;
    }

.default #content #right-column.homepage UL LI {
    margin:0 15px 10px 15px;
    padding:0;
    background:none;
    }

.default #content #right-column UL LI {
    margin:0 15px 10px 15px;
    padding:0;
    overflow:hidden;
    background:none;
    }

.default #right-column{
    background:#fafafa url(../images/right-column-bottom.gif) bottom left no-repeat;
    }
.default #right-column H3 {
        margin:20px 0 10px 0;
        }
.default #content #right-column UL {
    background:#fafafa url(../images/right-column-top.gif) top left no-repeat;
    margin:0;
    padding:0px 0;
    }

/*the outbound links (facebook/cgce) */
.outbound{
    margin:15px 15px;
    float:right;
    clear:right;

        }


/***************************************************
    RIGHT COLUMN > SIDE MENU
     */
#sidemenu,
#sidemenu UL {
    list-style:none;
    padding:0;
    margin:0;
    }

#content #sidemenu LI {
    background:none;
    margin:0;
    padding:0;
    }

#content #sidemenu LI A{
    padding:5px 0;
    color:#000;
    display:block;
    text-decoration:none;
    }

#content #sidemenu LI LI A{
    border:none;
    padding:5px 0 0px 25px;
    }

#content #sidemenu LI UL {
    padding:5px 0 10px 0;
    }

#content #sidemenu LI LI {
    border:none;
    }

/***************************************************
    PROJECT LOVE > FREQUENTLY ASKED QUESTIONS
     */
#content #faq  {
    margin:0;
    padding:0;
    }

#content #faq LI.first {
    margin:0 6% 0 0;
    }

#content #faq LI {
    float:left;
    width:47%;
    margin:0;
    background:none;
    padding:0;
    }

/***************************************************
    ANNOUNCEMENTS
     */

#featured_events,
#announcements {
    position:relative;
    width:230px;
    float:left;
    margin:0 15px 0 0;
    }

#featured_events

#featured_events .rss,
#announcements .rss {
    position:absolute;
    top:8px;
    right:5px;
    }
#content #featured_events P,
#content #announcements P {
    margin:0;
    }

#content #featured_events UL,
#content #announcements UL {
    margin:0;
    padding:0;
    }

#content #featured_events LI,
#content #announcements LI{
    font-size:110%;
    line-height:110%;
    padding:0;
    margin:8px 0;
    border-bottom:solid 1px #74cdd9;
    background:none;
    }

#content #featured_events LI SMALL,
#content #announcements LI SMALL {
    font-size:60%;
    margin:5px 0;
    display:block;
    color:#687170;
    font-family:Verdana;
    }


.code #testimonials BLOCKQUOTE {
    border-bottom:solid 1px #74cdda;
    }



/***************************************************
    TESTIMONIALS

     */

#testimonials{
    width:246px;
    float:left;
    margin:0 15px 15px 0;
    }

/***************************************************
    POLL

     */

#content #poll {
    width:230px;
    overflow:hidden;
    border:none;
    background:none;
    }

#content #poll LI {
    clear:both;
    padding:8px 0;
    margin:0;
    display:block;
    }

#content #poll OL {
    padding:0;
    margin:0;
    }

.code #poll BLOCKQUOTE {
    background:#f4fbfc url(../images/icons/speechbubble.gif) 5px 15px no-repeat;
    padding:15px 5px 15px 60px;
    height:45px;
    }

.code BLOCKQUOTE {
    background:#f4fbfc;
    font-style:normal;
    margin:0;
    padding:15px 5px;
    }

.code BLOCKQUOTE STRONG {
    color:#74cdda;
    }

#poll .submit {
    background:url(../images/buttons/submit-blue-en.gif) no-repeat;
    border:none;
    text-indent:-999px;

}
.fr #poll .submit {
    background:url(../images/buttons/submit-blue-fr.gif) no-repeat;
    }

#poll .last A {
    float:right;
    margin:5px 0 0 0;
    }

#content #poll LI.last {
    border-bottom:solid 1px #74cdda;
    }

/***************************************************
    POLL > RESULTS

     */

.count {
    float:left;
    width:60px;
    text-align:center;
    font-size:160%;
    font-weight:bold;
    margin:0 0 0 0px;
    color:#2498a9;
    }

.answer {
    float:left;
    width:160px;
    }

#poll LI.selected {
    font-weight:bold;
    color:#2498a9;
    }

.fundraisers {
    width:235px;
    background:#FFF;
    float:left;
    }

.fundraisers.last {
    margin:0 0 0 20px;
    }

.fundraisers IMG {
    border-bottom:solid 2px #a59b35;
    margin:0 0 10px 0;
    }

.fundraisers P IMG {
    float: none;
}

.fundraisers P {
    margin:0 ;
    }

.fund-tracker {
    background:url(../images/bookshelf.gif) bottom left no-repeat;
    width:242px;
    height:85px;
    margin:10px 0;
    }

.fund-status {
    background:url(../images/bookshelf.gif) top left no-repeat;
    height:85px;
    }


/*****************************************/
.get-involved H5.fund-total {
    font-weight:bold;
    font-size:120%;
    margin:0;
    font-style:normal;
    }

.get-involved H5.fund-total SPAN {
    color:#000;
    }

/***************************************************
    DONATE > AMOUNT WIDGET

     */
.widget-amounts {
    padding:0 0 5px 0;
    float:right;
    width:355px;
    margin:0 0 0 20px;
    border-bottom:solid 2px #906d29;
    }

.donate  #content .widget-amounts  UL {
    border-bottom:solid 3px #906d29;
    margin:0 0 5px 0;
    padding:0;
    }

.donate  #content .widget-amounts  UL LI{
    background:none;
    float:left;
    padding:0;
    margin:0 3px 0 0;
    width:43px;
    text-align:center;
    }

.widget-amounts  UL LI A{
    font-weight:bold;
    text-decoration:none;
    display:block;
    background:url(../images/amount-widget-tabs.gif) top left no-repeat;
    color:#FFF;
    }

.widget-amounts  UL LI A:hover,
.widget-amounts  UL LI A.selected{
    background:url(../images/amount-widget-tabs.gif) top right no-repeat;
    color:#FFF;
    }

.widget-amounts DIV {
    /*background:#f4f0e9; consider removing this - seems inconsistent witht the predefined style */
    padding:0 0 5px 0;
    font-weight:bold;
    color:#906d29;
    }

.widget-amounts IMG {
    float:left;
    margin:16px 0px 0 20px;
    }

.widget-amounts P {
    float:left;
    width:170px;
    padding:16px 16px 0 16px;
    margin:0;
    }

.widget-amounts DIV A{
    background:url(../images/buttons/donate-brown-en.gif) no-repeat;
    width:85px;
    height:22px;
    text-indent:-9000px;
    display:block;
    margin:10px 0;
    }
.fr .widget-amounts DIV A{background:url(../images/buttons/donate-brown-fr.gif) no-repeat;}

.donate TR.active {    
    background: #ACE1E8;
    }


/***************************************************
    CODE > OUR BOOKS > FEATURED BOOKS WIDGET

     */

/* #books wraps #featured-books */
#books A.archive {
    text-align:right;
    display:block;
    padding:8px 0;

}
#featured-books {
    margin:0;
    padding:0;
    position:relative;
    }

#content #featured-books LI {
    margin:0;
    padding:10px 0;
    background:none;
    border-bottom:solid 1px #74cdda;
    }

#featured-books IMG {
    float:left;
    border:solid 3px #74cdda;
    }

#featured-books P,
#featured-books H4 {
    margin-left:160px;
    font-weight:bold;
    }

#featured-books P {
    font-size:110%;
    }

#featured-books H4 {
    color:#74cdda;
    margin:10px 0 5px 160px;
    }

#featured-books H4  A {
    color:#74cdda;
    }

#featured-books A.transcript {
    position:absolute;
    top:10px;
    right:5px;
    text-decoration:none;
    color:#ccc;
    font-size:80%;
    }

#featured-books A.transcript:hover {
    text-decoration:underline;
    }
/***************************************************
    CODE > HOMEPAGE > FEATURED BOOKS WIDGET  (inherits from above)

     */

/* #books wraps #featured-books */

#books IMG {
    float:none;
    }
#books H4 {
    margin:0;
    }

#featured-books {
    text-align:center;
    }

#books {
    float:right;
    width:230px;
    overflow:hidden;
    border:none;
    background:none;
    }

/* We default to the #books  which includees this same info,
that then gets overwritten due to the homepage. So we end up overriding
the homepage styles again here. This is a very stupid setup. But its caused
by reusing the same module in an odd way. */
.our-books #books IMG {float:left;}
.our-books #books H4 {margin:10px 0 5px 160px;}
.our-books #books #featured-books {text-align:left;}
.our-books #books {float:none;width:auto;overflow:visble;}


/***************************************************
    GET INVOLVED > ADOPT A LIBRARY

     */
#featured-library .side-info { /*side info is the pic + caption and adopter info */
    width:170px;
    margin:0 20px 0 0;
    float:left;
    }

#featured-library .side-info IMG {
    border:solid 3px #a59b35;
    margin:20px 0 0 0;
    }

#featured-library .side-info,
#moduleid-libraries CITE { /*the caption */
    font-size:90%;
    font-style:italic;
    color:#6c6c6c;
    margin:10px 0;
    padding:0 0 10px 0;
    border-bottom:solid 1px #a59b35;
    display:block;
    }

#featured-library .side-info {
    border:none;
    }

#featured-library .side-info P {
    font-size:100%;
    line-height:120%;
    color:#605809;
    text-align:right;
    font-weight:bold;
    }

#featured-library  .library-description {
    float:left;
    width:300px;
    }

#featured-library  .library-description H3{
    border:none;
    color:#a59b35;
    font-weight:bold;
    padding:0;
    margin:20px 0 0 0;
    }

#featured-library  .library-description H4{
    margin:0 0 10px 0;
    padding:0;
    color:#696112;
    font-size:110%;
    }

#featured-library  A.donate {
    border-top:solid 1px #a59b35;
    display:block;
    clear:both;
    text-align:right;
    text-decoration:none;
    padding:12px 0;
    }
#moduleid-libraries A.adopted {
    background:url(../images/icons/apple.gif) no-repeat;
    padding:0 0 0 15px;
    }
#moduleid-libraries A {
    background:url(../images/bullets/bullet-green.gif) 0 3px no-repeat;
    padding:0 0 0 15px;
    }

/***************************************************
    GET INVOLVED » PHOTO GALLERY
     */
.photoNav {
    background:#e4e1c2;
    border-bottom:solid 1px #a59b35;
    display:block;
    padding:5px 10px;
    color:#484312;
    font-weight:bold;
    margin:0;
    }
.photoNav A{
    background:#CFCCA8;
    padding:3px 5px;
    margin:0;
    color:#FFF;
    text-indent:0;
    text-decoration:none;
    height:auto;
    width:auto;
}
.photoNav A.prev{
margin:0 150px 0 0;
}
.photoNav SELECT {
    width:40px;
    }

.photogrid A  IMG {
    border:solid 3px #e4e1c2;
    }

.photogrid {
    margin:10px 0;
    padding:0;
    }

.photogrid TD {
    border:none;
    }


/***************************************************
    GET INVOLVED > CODE CABINET

     */
.get-involved A.donate-now {
    background:url(../images/buttons/donate-green-en.gif) no-repeat;
    display:block;
    width:88px;
    height:25px;
    margin:10px 0;
    text-indent:-9900px;
    }

.get-involved .fr A.donate-now {
    background:url(../images/buttons/donate-green-fr.gif) no-repeat;
    }

/***************************************************
    GET INVOLVED > library-page

     */
#featured-library .side-info { /*side info is the pic + caption and adopter info */
    width:170px;
    margin:0 20px 0 0;
    float:left;
    }

#library-page .side-info IMG {
    border:solid 3px #a59b35;
    }

#library-page .side-info CITE { /*the caption */
    font-size:110%;
    font-style:italic;
    font-weight:bold;
    color:#6c6c6c;
    margin:10px 0;
    padding:0 0 10px 0;
    border-bottom:solid 1px #a59b35;
    display:block;
    }

#library-page .side-info P,
#moduleid-libraries P.sponsor {
    font-size:110%;
    color:#605809;
    text-align:right;
    font-weight:bold;
    }

#moduleid-libraries P.sponsor {
    padding:5px 0 0 0 ;
    margin:20px 0 0 0;
    border-top:solid 1px #a59b35;
    }

#library-page  .library-description {
    float:left;
    width:300px;
    }

#library-page .library-description H3{
    border:none;
    color:#a59b35;
    font-weight:bold;
    padding:0;
    margin:0;
    }

#library-page  .library-description H4{
    margin:0 0 10px 0;
    padding:0;
    color:#696112;
    font-size:110%;
    }

#library-page  A.donate {
    border-top:solid 1px #a59b35;
    display:block;
    clear:both;
    text-align:right;
    text-decoration:none;
    padding:12px 0;
    }

/***************************************************
    DONATE - > METHODS OF DONATING LIST

     */

#content #donate-list {
    margin:0;
    padding:0;
    clear:both;
    }

#content #donate-list td{
    margin:10px 20px 0px 0;
    display:block;
    padding:10px 0;
    float:left;
    width:325px;
    background:none;
    vertical-align:top;
    }

#content #donate-list LI H4 {
    margin:0 0 5px 0;
    }

#content #donate-list LI UL {
    margin:10px 0 0 30px;
    }

#content #donate-list LI {
    border:none;
    margin:0;
    width:auto;
    background:url(../images/bullets/bullet-brown.gif) 0 6px no-repeat;
    padding:0 0 0 20px;
    list-style:none;
    margin:8px 0;
    }


/***************************************************
    GET INVOLVED - > METHODS OF GETTING INVOLVED LIST

     */

#content #get-involved-list {
    margin:15px 0 0 0;
    padding:0;
    clear:both;
    border-top:solid 3px #a59b35;
    border-collapse:collapse;
    }

#content #get-involved-list TD{
    margin:10px 0px 0px 0;
    display:block;
    padding:10px 10px 20px 10px;
    float:left;
    width:224px;
    background:none;
    border:none;
    vertical-align:top;
    border-bottom:solid 1px #a59b35;
    }

#content #get-involved-list TD H4 {
    margin:0 0 5px 0;
    color:#a59b35;
    }

#content #get-involved-list H4 A {
    text-decoration:none;
    }

/***************************************************
    GET INVOLVED - > METHODS OF GETTING INVOLVED LIST

     */

#content #moduleid-libraries UL LI,
#content #moduleid-libraries UL{
    margin:0;
    padding:0;
    background:none;
    }

#content #moduleid-libraries H2{
    font-weight:bold;
    margin:2.4em 0 0 0;
    }

#content #moduleid-libraries H3{
    border-color:#e3e2d6;
    color:#222;
    }
#content #moduleid-libraries UL LI UL {
    margin:0 0 10px 40px;
    }
#content #moduleid-libraries UL LI LI {
    width:140px;
    margin:5px 0;
    float:left;
    overflow:hidden;
    }

#content #moduleid-libraries A {
    color:#000;
    text-decoration:none;
    display:block;
    }

#content #moduleid-libraries A.donate-now {
    background:url(../images/buttons/donate-green-en.gif) no-repeat;
    display:block;
    width:88px;
    height:25px;
    margin:10px 0;
    text-indent:-9900px;
    }
.fr #content #moduleid-libraries A.donate-now {
background:url(../images/buttons/donate-green-fr.gif) no-repeat;
}
/***************************************************
    DONATE NOW > PURCHASE FORM

    the purchase form is a nightmare. Its table based and has many
    varied setups. There are widths set on the tds. They are not css'd.
    There are fieldsets all over the place. Good luck to whoever has
    to edit this,

     */

/***************************************************
    DONATE NOW > PURCHASE FORM > TABS (step indicator)
     */
#tabs{
    margin:0; padding:0;
    list-style: none;
    }

OL#tabs LI{
    color: #a4dee7;
    margin: 0;
    padding: 12px 0 9px 0;
    text-align: center;
    width:110px;
    font-size: 8pt;
    list-style: none;
    line-height: 1em;
    background: #f2e7d3 url(../images/forms/formsteps.gif) -110px 0 no-repeat;
    float: left;
    }

OL#tabs H3{
    border: none;
    margin: 0; padding: 0;
    font-weight: bold;
    }

#tabs LI .stepnumber{
    color: #e3cca0;
    }

#tabs LI.active .stepnumber{
    color:#fff;
    }

#tabs LI.active{
    color: #fff;
    background: #906d29 url(../images/forms/formsteps.gif) top left no-repeat;
    }

/***************************************************
    DONATE NOW > PURCHASE FORM
     */

#purchaseform{
    margin:0;
    border-top: solid 5px #906d29;
    padding:10px 20px;
    }

#purchaseform H4{
    color: #d2b378;
    font-weight: bold;
    font-size:11pt;
    margin: 0;
    padding: 10px 0 4px 0;
    border-bottom: solid 1px #906d29;
    }

#purchaseform FIELDSET {
    margin:10px 0;
    }

#purchaseform LABEL.error{
    background: #fff;
    font-size: 8pt;
    font-weight: bold;
    color: #d38524;
    }

#purchaseform #step1 .radio {
    margin:0 5px 0 0;
    }

#purchaseform INPUT.radio{border: solid 5px red }

#purchaseform #step2 INPUT.text,
#purchaseform #step2 TEXTAREA,
#purchaseform #step2 SELECT{
    width:180px;
    margin:4px 0;
    }

#purchaseform #step3 TD {
    padding:5px;
    }

#purchaseform .selected {
    margin:30px 0;
    background:#f4f0e9;
    border-top:solid 1px #906d29;
    border-bottom:solid 1px #906d29;
    clear:both;
    padding:0 0 10px 0;
    }

#billing-credit-card-details TD {
    border:none;
    color:#664a14;
    font-weight:bold;
    }

#purchaseform .submit {background:url(../images/buttons/submit-brown-en.gif) no-repeat; float:right;}
#purchaseform INPUT.next {background:url(../images/buttons/next-brown-en.gif) no-repeat;}
#purchaseform INPUT.previous {background:url(../images/buttons/previous-brown-en.gif) no-repeat;float:left;}

.fr #purchaseform .submit {background:url(../images/buttons/submit-brown-fr.gif) no-repeat; float:right;}
.fr #purchaseform INPUT.next {background:url(../images/buttons/next-brown-fr.gif) no-repeat;}
.fr #purchaseform INPUT.previous {background:url(../images/buttons/previous-brown-fr.gif) no-repeat;float:left;}

/***************************************************
    PROJECT LOVE > REGISTER FORM
     */

FORM#mailForm LABEL {width:220px;display:block;}
FORM#mailForm INPUT {width:200px;	}
FORM#mailForm INPUT.checkbox{width:auto;}

/***************************************************
    PROJECT LOVE > REGISTER FORM

     */
FORM#mailForm .form tr td#aligncheckbox ul {
    padding:5px 0;
    }

FORM#mailForm .form tr td#aligncheckbox ul li {
    float:left;
    margin-right:20px;
    background:none;
    }

FORM#mailForm .form tr td#aligncheckbox LABEL {
    display:inline;
    width:200px;
    }

input.smallinput {
    width:40px;
}
FORM#RegistrationForm H3 {
    margin:40px 0 0 0;
    }

FORM#RegistrationForm  {
    padding:10px;
    }

FORM#RegistrationForm INPUT {	width:200px;}
FORM#RegistrationForm INPUT.radio,
FORM#RegistrationForm INPUT.checkbox{width:auto;}
FORM#RegistrationForm INPUT.submit, FORM#mailForm td.button input {width:88px; margin:20px 0 0 0; float:right; border:0;}
FORM#RegistrationForm LI,
FORM#RegistrationForm UL{
    margin:0;
    padding:0;
    background:none;
    }

FORM#RegistrationForm .subscriptions  {
    border-bottom:solid 1px #74CDDA;
    padding:10px 0;
    }

FORM#RegistrationForm .subscriptions LI {
    width:220px;
    float:left;
    margin:0 10px 0 0;
    }

.error {
    color:#FFF;
    padding:10px;
    font-weight:bold;
    border-bottom:solid 2px #FFF;
    }

/***************************************************
    SEARCH

     */

#content #search OL,
#content #search LI{
    margin:0;
    padding:0;
    list-style:none;
    }

#search A,
#search STRONG {
    font-size:130%;
    text-decoration:none;
    }

#content #search LI {
    padding:25px 15px;
    border-bottom:solid 1px #EEE;
    }

#content #search LI:hover {
    background:#F9f9f9;
    }

#content #search LI P{
    margin:10px 0 0 0;
    }

#content #searchbox_results {
    margin-bottom:20px;
    }

/***************************************************
    PHOTO GALLERY

    The photogallery inherits default styles from "thickbox.css"
    These are additional styles to make it match the section.

     */
.record_nav.last {
    border-top:solid 2px #74CDDA;
    border-bottom:none;
    padding:20px 0 0 0;
    }

.record_nav {
    border-bottom:solid 1px #74CDDA;
    padding:0 0 5px 0;
    font-weight:bold;
    }

.record_nav A {
    text-decoration:none;
    background:none;
    font-weight:normal;
    }

.prev {float:left;}
.next {float:right;}

/***************************************************
    MEDIA ROOM > PRESS RELEASES

    the media room is actually 2 widgets in 1. It is the default view
    on the media room page (small) and it is also the "press releases" section.

    The media room page is referred to as press_releases_widget while
    the press releases page is referred to by press _releases

     */
#press_releases_widget,
#press_releases{
    position:relative;
    }

#press_releases_widget A .rss,
#content #press_releases  A .rss {
    position:absolute;
    right:0;
    top:10px;
    }

#content #press_releases  A .rss {
    top:20px;
    }

#content #press_releases_widget LI,
#content #press_releases_widget UL,
#content #press_releases LI,
#content #press_releases UL{
    margin:0;
    padding:0;
    background:none;
    }

#content #press_releases_widget LI SMALL,
#content #press_releases LI SMALL {
    margin:0 20px 0 0;
    color:#89622f;
    font-weight:bold;
    display:block;
    font-size:80%;
    }

#content #press_releases_widget LI A,
#content #press_releases LI A {
    text-decoration:none;
    }

#content #press_releases_widget LI,
#content #press_releases LI{
    border-bottom:solid 1px #ebe3d9;
    padding:8px 0;
    }

#content #press_releases_widget{
    width:238px;
    float:left;
    margin:0 15px 15px 0;
    }

/***************************************************
    MEDIA ROOM > CODE IN THE NEWS

    the media room is actually 2 widgets in 1. It is the default view
    on the media room page (small) and it is also the "code in the news" section.

    The media room page is referred to as code_news_widget while
    the code in the news page is referred to by code_news

     */
.sub-page {
    position:relative;
    }

#code_news_widget{
    position:relative;
    width:238px;
    float:right;
    margin:0 0px 15px 0;
    }

#code_news_widget A .rss,
#code_news A .rss {
    position:absolute;
    right:0;
    top:10px;
    }

#code_news A .rss {
    top:20px;
    }

#content #code_news_widget LI,
#content #code_news_widget UL,
#content #code_news .sub-page LI,
#content #code_news .sub-page UL{
    margin:0;
    padding:0;
    background:none;
    }

#content #code_news_widget LI SMALL,
#content #code_news SMALL,
#content #code_news .sub-page LI SMALL,
#content #code_news .sub-page SMALL {
    margin:0 20px 0 0;
    color:#89622f;
    font-weight:bold;
    display:block;
    font-size:80%;
    }

#content #code_news_widget LI A,
#content #code_news .sub-page LI A {
    text-decoration:none;
    }

#content #code_news_widget LI,
#content #code_news .sub-page LI{
    border-bottom:solid 1px #ebe3d9;
    padding:8px 0;
    }

#content #code_news_widget LI P,
#content #code_news .sub-page LI P{
    margin:0;
    font-size:80%;
    color:#AAA;
    padding:0;
    }

#content #code_news CITE {
    font-size:80%;
    color:#AAA;
    }



/***************************************************
    BOARDROOM
    */
.boardroom form ol{
   margin: 0;
   }

.boardroom #content li{
    list-style: none;
    margin-left: 0;
    clear: left;
    }

.boardroom form label{
    display: block;
    width: 120px;
    float: left;
    }

.boardroom form input:focus{
    border: solid 1px #578053;
    }

/***************************************************
    KILIMANJARO CLIMB
    */
#climber-detail #climber-detail-photo {
    margin: 0 10px 10px 0;
    width:220px;
    float:right;
    }

.climb-tracker {
    background:url(../images/mountain.jpg) bottom left no-repeat;
    width:230px;
    height:150px;
    padding-top:50px;
    position:relative;
}

.climb-status {
    position:absolute;
    bottom:0;
    left:0;
    }
.get-involved #content ul.climber-rasied li{
    background:none;
    }

.get-involved td {
    vertical-align:top;
}
/***************************************************
    FOOTER
     */
#footer {
    clear:both;
    height:20px;
    background:url(../images/footer.gif) bottom right no-repeat;
    padding:40px;
    text-align:right;
    color:#ccc;
    }