/*
 * styles.css - stylesheet for goodpeoplefund.org
 * copyright (c) 2009 adam@adamscottsoftware.com
 * 090201 - import from preexisting substandard codebase
 * 090228 - launch of live site
 * 090306 - removed majority of styles, reimplemented layout using standards-compliant code.
 * 090318 - new implementation goes live - after burn-in will import styles from header files,
 *          also integrate with standard asfse stylesheet framework
 * 090319 - checkpoint, new build
 * 090523 - removed extraneous styles/variations, some cleanup
 */

/* html>body* = invalid   html>body = Safari,Opera,FF */
/* todo: browser reset, base-font-equalizer, standard settings */
/* todo: import and factor temporary construction stylesheet into conformant permanent document */
html>body*  { font-size: 102.4% ; } /* safari */
body { margin: 0 ; font-family: sans-serif ; background-color: #9BC680 ; font-size: 100.01% ; _font-size: 84%; /* ie */ }
html>body* div#wrap { font-size: 0.875em ; line-height: 1.375 ; } /* safari */
div#wrap { font-size: 0.875em ; line-height: 1.375 ; }
html>body* div#sdia_main div { font-size: 97% ; } /* safari gp sidebar */
html>body* div#svcs_main div { font-size: 97% ; } /* safari voices sidebar */
html>body* div#maininner p { font-size: 97% ; } /* main content text */

body { _text-align: center ; } /* make outer element go to the center in IE */
div { padding: 0 ; margin: 0 ; border: 0 ; text-align: left ; } /* align resets _body */
img { border: 0 ; -ms-interpolation-mode: bicubic ; }


/* *************************************************************************** */
/* + 2009-03-08 2030 : equal columns layout styles - S3, FF3, O9, IE6W(m) IE7W */
/* ---- containers */
div#wrap { width: 1000px ; text-align: center ; background-color: #ffffff ; margin: auto ; }
div#aaouter { width: 980px ; margin: auto ; background-color: #ffffff ;  }
div#aahead  { width: 980px ; height: 168px ; } /* entire header */
div#aawrap  { overflow: hidden ; }
div#aawrap  { _display: inline-block ; }
div#aaleft  { width: 663px ; float: left  ; }
div#aaright { width: 317px ; float: right ; }
div#aaleft  { padding-bottom: 12000px ; margin-bottom: -12000px ; }
div#aaright { padding-bottom: 12000px ; margin-bottom: -12000px ; }
div#aafoot  { height: 55px ; width: auto ; }
div#aafoot  { margin-top: 0px ; _margin-top: -13px ; }
div.aaclear { clear: both ; height: 2px ; visibility: hidden ; }

/* ---- header */
div#topper { width: 980px ; height: 136px ; } /* logo and flash */
    div#topper div#topper_left  { float: left ; width: 511px ; height: 116px ; margin-top: 10px ; margin-bottom: 10px ; overflow: hidden ; }
    div#topper div#topper_right { float: right; width: 469px ; height: 116px ; margin-top: 10px ; margin-bottom: 10px ; }
div#top_menu { width: 980px ; height: 32px ; }

/* ---- left column */
div#mainout { width: 655px ; margin-right: 8px ; margin-top: 6px ; _margin-right: 0 ; } /* 663 LTcol; 8px fff on RT */

    /* ---- title bar */
    div#mainbar { width: 650px ; height: 25px ; padding-left: 5px ; _width: 655px ; } /* colors overridden below */
    div#mainbar { font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 14px ; font-weight: bold ; line-height: 1.8em ; color: #fff ; }

    /* ---- main content cell */
    div#maininner { width: auto ; padding-bottom: 2em ; margin-top: 0.5em ; color: rgb(85,85,85) ;}
    div.bmargin { margin: 0 1em 0 1em ; } /* used to wrap all non-fullwidth content pages */

/* ---- begin right column ---- */
div.sidec { width: 317px ; margin-top: 3px ; } /* was  width: 280px ; margin-left: 18px ; margin-right: 19px ;  */
div#aaright div#rightout { background-color: #ffffff; width: 317px ; padding-top: 3px ; _padding-top: 6px ; padding-bottom: 3px ; } /* column content wrapper */

/* newsletter box */
div#rightout div#side_newslt { height: 119px ; }
    div#side_newslt div#snews_in { width: 275px ; height: 111px ; margin-left: 21px ; margin-right: 21px ; padding-top: 5px ; _padding-top: 0 ; _margin-top: 5px ; }
        div#snews_in div#snews_hdr { height: 20px ; margin-top: 5px ; _margin-bottom: -15px ; }
        div#snews_in div#snews_txt { width: 272px ; height: 26px ; margin-top: 5px ; _padding-top: 0 ; _padding-bottom: 0 ; } /* also class=side_text */
            div#snews_in div#snews_form { width: 272px ; height: 34px ; _margin-top: 10px ; _padding-top: 0 ;}
            div#snews_form form#fnewslet { width: 272px ; height: 23px ; margin-bottom: 11px ; _margin-bottom: 0 ; }
                div#dfnewsleft { width: 187px ; height: 23px ; float: left ; }
                    div#dfnewsleft input#newsltemail { width: 183px; height: 19px ; line-height: normal ; background-color: #ffffff; margin: 2px; padding: 1px; border: 2px inset ; } /* display: inline-block; */
                div#dfnewsright { width: 85px; height: 23px ; float: right ; }
                    div#dfnewsright input#imgngo { width: 28px ; height: 20px ; }

/* donation box */
div#rightout div#side_donate { } /* height: 119px ; */
        div#sdon_in { width: 275px ; margin-left: 21px ; margin-right: 21px ; padding-top: 5px ; _margin-top: 5px ; }
        div#sdon_in div#sdon_hdr  { height: 20px ; margin-top: 5px ; _margin-bottom: -13px ; }
        div#sdon_in div#sdon_dbtn { height: 73px ; margin-top: 15px ; _margin-top: 12px ; text-align: center ; }/*  width: 275px ; */
            div#sdon_dbtn img { margin-bottom: 20px ; }

/* diaries box */  /* should we spec height below (dynamic, could grow) */
div#rightout div#side_diary {  }
    div#side_diary div#sdia_in { width: 280px ; margin-left: 18px ; margin-right: 19px ; }
        div#sdia_in div#sdia_hdr { height: 30px ; margin-top: 0px ; _margin-bottom: -11px ; }
            div#sdia_hdr div#sdia_hleft { width: 177px ; height: 25px ; float: left ; _margin-bottom: -25px ; }
                div#sdia_hleft p { height: 13px ; margin-top: 11px ; margin-bottom: 11px ; }
            div#sdia_hdr div#sdia_hright { width: 94px; height: 25px ; float: right ;  _margin-bottom: -25px ; }
                div#sdia_hright a img { padding-left: 9px ; margin-top: 7px ; }
        div#sdia_in div#sdia_txt1 { text-align: justify ; _padding-top: 0px;}
        div#sdia_in div#sdia_txt2 { text-align: justify ; }
        div#sdia_in div#sdia_hdr2 { height: 13px ; margin-top: 17px ; text-align: center ; _margin-bottom: -5px ;  }
        div#sdia_in div#sdia_mainwp { height: 144px ; width: 277px ; _padding-top: 0px ; _margin-top: -5px ; }
            div#sdia_mainwp div#sdia_main { text-align: center ; line-height: 1.3em ; height: 140px ;  overflow: hidden ; border-left: 1px dashed orange ; border-right: 1px dashed orange ; padding: 0.6em 0 0em 0 ; _margin-bottom: -12px ; }
        div#sdia_in div#sdia_capt { height: 26px ; width: 277px ; text-align: center ; margin-bottom: 17px ; padding-bottom: 24px ; _margin-bottom: 0 ; } /* ex: no p-b */

/* voices box */
div#rightout div#side_voices { margin-top: -14px ; _margin-top: 4px ; _padding-top: -14px ; }
    div#side_voices div#svcs_in { width: 280px ; margin-left: 18px ; margin-right: 19px ; }
        div#svcs_in div#svcs_hdr { height: 30px ; margin-top: 0px ; _margin-bottom: -11px ; }
            div#svcs_hdr div#svcs_hleft { width: 214px ; height: 25px ; float: left ; _margin-bottom: -25px ; }
                div#svcs_hleft p { height: 13px ; margin-top: 11px ; margin-bottom: 11px ; }
            div#svcs_hdr div#svcs_hright { width: 57px; height: 25px ; float: right ; _margin-bottom: -25px ; }
                div#svcs_hright a img { padding-left: 9px ; margin-top: 7px ; }
        div#svcs_in div#svcs_feat { width: 266px ; padding-left: 14px ; padding-top: 5px ; _padding-left: 14px ;}
            div#svcs_feat img { float: left ; vertical-align: top ; }
            div#svcs_feat div#svcs_ftxt { width: 263px ; }
                div#svcs_feat div#svcs_ftxt p { _padding: 2px 0 2px 0 ; _margin: 2px 0 2px 0 ; text-indent: 2.5em ; text-align: justify ;  }
                div#svcs_feat div#svcs_ftxt p a { font-size: 0.8em ; }
                div#svcs_feat div#svcs_ftxt div.side_hdr { padding-top: 10px ; }
        div#svcs_in div#svcs_hdr2 { text-align: center ; padding-top: 5px ; }
        div#svcs_in div#svcs_mainwp { height: 150px ; width: 277px ;  _margin-top: -10px ;  }
            div#svcs_mainwp div#svcs_main { text-align: center ; overflow: hidden ; border-left: 1px dashed orange ; border-right: 1px dashed orange ; padding: 1em 0 0em 0 ; _padding: 0.5em 0 0.5em 0 ; _margin-bottom: -12px ; }
        div#svcs_in div#svcs_capt { height: 23px ; width: 277px ; text-align: center ; padding-bottom: 46px ; _padding-bottom: 23px ; }

/* footer */
div#aafoot div#footmain { height: 50px ; width: 980px ;  border-top: 3px solid #b2b2b2 ;  }
    div#footmain div#foot_left { width: 220px ; padding-left: 30px ; padding-right: 30px ; _padding-right: 0 ;  float: left ; margin-top: 8px ;  }
    div#footmain div#foot_right { width: 690px ; height: 25px ; float: right ; text-align: left ; margin-top: 8px ; }
    div#footmain .side_text { _padding: 0 ; }

/* ---- ---- end layout ---- ---- */

/* ---- text */  /* 090523 1204 - why are we specifying font-size in px? */
.side_hdr { font-family: Tahoma ; font-size: 11px ; font-weight: bold ; color: rgb(87,38,119); } /* right-side label text */
.side_text { color: rgb(97, 78, 78) ; font-family: Tahoma ; font-size: 11px ; padding-bottom: 5px ; padding-left: 3px ; padding-top: 5px ;  }
div h2 { font-size: 1.325em ; font-weight: bold ; } /* everyone */
h3 { _font-size: 1.20em ; _font-weight: bold ; } /* IE */

/* remaning jared styles */
.right-text { font-family: Tahoma ; font-size: 11px ; color: #614e4e ; padding-top: 5px ; padding-bottom: 5px ; padding-left: 3px ; }
.form-text { font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 11px; color: #333333 ; }
.text { font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 11px ; color: #555555 ; line-height: 18px ; }
.bot-menu { font-family: Tahoma ; font-size: 11px ; color: #555555 ; text-align: center ; }
.right-h { font-family: Tahoma ; font-size: 11px ; font-weight: bold ; color: #e46509 ; }
input.form_text { font-family: Veranda, Arial, Helvetica, sans-serif; font-size: 11px ; color: #333333 ; } /* jared - used only on sidebar news form addr input*/

/* header text on sidebar donate block - big 'Donate Now' (only use) */
.sdon_hdr { color: rgb(228,101,9) ; text-align: center ; }
.sdon_hdr a { color: inherit ; text-decoration: none ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px ; font-weight: bold ; }
.sdon_hdr a:visited { color: inherit ; }
.sdon_hdr a:active { color: inherit ; }
.sdon_hdr a:hover { color: rgb(198,71,0) ; }

div.mlist_thank { text-align: center ; width: 75% ; font-family:arial, helvetica, sans-serif;font-size:12pt;font-weight:bold;color:#003366;}
div.mlist_thank span { font-size: 0.8em ; }
span.vcslabel, div.taddress { font-family: arial, helvetica, sans-serif; font-size:10pt; font-weight:bold; color:#003366; } /* voices label, adress on don form */

/* was inlined in top HEAD 090309 1935 - style block C - menu links, sidebar links, diary index entry links, in-content autolinks etc etc */
a:link { color: #333333; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.style1 {color: #000000;}

/* ** normal text: (originally specifed inline in old FONT tags) */
/* original stack = font-family: tahoma,arial,helvetica,sans-serif */
.text a:link    { color: #009966 ; text-decoration: underline ; }
.text a:visited { color: #009966 ; text-decoration: underline ; }
.text a:hover   { color: #FF6600 ; text-decoration: underline ; }
.text a:active  { color: #009966 ; text-decoration: underline ; }

/* ** voices/tzdiary/newgp */
html>body* div.dvoices { font-size: 95% ; } /* main content text */
div.dvoices { width: 100% ; margin: 0 ; padding: 0 ; } /* div wrapping each voices entry */
div.dvoices div.voicesmain { background-image: url(/assets/images/dyn/background11.gif) ; background-position: top center ; background-repeat: repeat-y ; text-align: center ; width: 650px; _margin-bottom: -0.3em ; }
div.vcstitle { height: 30px ; text-align: left ; padding-left: 1em ; font-size: 1.425em ; line-height: 1.9 ; font-weight: bold ; font-family: sans-serif ; color: #333 ; _padding-bottom: 1em ;   text-shadow: 2px 2px 2px #afa;} /* voices title */
div.vcscont { font-size: 1.125em ; }
img.vcsimg { width: 200px; height: 150px ; border: 2px ridge #206030 ; margin-right: 10px ; }
p.vcstext  { text-align: justify ; color: #333 ; font-family: sans-serif ; line-height: 1.30 ; } /* voices text */
p.vcstext2 { text-align: justify ; color: #333 ; font-family: sans-serif ; font-size: 90% ; line-height: 1.125 ; font-style: italic ; } /* voices secondary text */

/* ** tzdiaries / newgp */
img.tzdial_img { width: 300px ; height: 225px ; float: right ; margin: 0 0 1em 1.5em ; border: 1px solid #999999 ; margin-top: 1em ; /*margin-bottom: 0 ;*/ }

/* ** pdf pages */
.pdftitle  { font-family: sans-serif ; font-size: 1.0em  ; color: #333 ; font-weight: bold ; text-decoration: none ; }
.pdftext   { font-family: sans-serif ; font-size: 0.74em ; color: #333 ; line-height: 1.75 ; }
.spdftitle { font-family: sans-serif ; font-size: 1.0em  ; color: #fff ; font-weight: bold ; text-decoration: none ; }
.spdftext  { font-family: sans-serif ; font-size: 0.74em ; color: #333 ; line-height: 1.75 ; }

/* ** staff bios */
p.tos_header { font-size: 1.25em  ; font-weight: bold ; text-decoration: underline ;}
p.tos_name   { font-size: 1.125em ; font-weight: bold ; color: #339966 ; padding-top: 0.8em ; }
p.tos_desc   { font-size: 1.0em   ; }
span.tos_email { font-size: 0.8em ; }

/* ** our vision list */
/* green larger text on each inner LI (SPAN keeps the list-markers from turning colors) */
ul.visul1 li span { font-size: 1.17em ; font-weight: bold ; color: #339966 ; }
/* disc version (see extract) */
ul.visul2 { list-style-type: disc ; }
ul.visul1 li { padding: 1em 0 2em 0 ; }
ul.visul2 li { padding: 1.5em 0 0 0 ; }

/* ** new projects */
div#newproj p { text-align: justify ; text-indent: 3em ; }
div#newproj p.projhead { text-align: left ; text-indent: 0em ; font-weight: bold ; text-decoration: underline ; margin: 3em 0 2em 0 ; }
div#newproj p.projaddr { text-align: left ; text-indent: 0em ; font-style: italic ; }
div#newproj hr { margin: 2em 0 0 0 ; }

/* ** 'read more about us' news entries */
/* applied to articles beginning 12/2009 */
div.rmaunews p.rmauintro { width: 90% ; margin: auto ; text-align: justify ; font-style: italic ; }
div.rmaunews div.rmaumain { background-color: #e4ecf5 ; color: rgb( 0, 51, 102 ) ; padding: 0.5em 1em 0.5em 1em ; width: 80% ; margin: auto ; }
div.rmaunews h2.rmautitle { }
div.rmaunews div.rmaumain p { text-align: justify ; text-indent: 2.5em ; }
div.rmaunews p.rmaulink { text-align: left ; text-indent: 0 ; }
div.rmaunews p.rmaulink a { }


/* ** announce box on front page */
.frontbox { width: 90%; margin: auto; border: 12px inset rgb(86,149,117) ; text-align: justify ; padding: 1em; }
.frontbox sup { line-height: 0.9 ; text-decoration: underline ; }
.frontbox h3 { text-align: center ; }
.rc { border-radius : 10px;
-moz-border-radius : 10px; /* Mozilla */
-webkit-border-radius : 10px; /* Webkit */
-opera-border-radius : 10px;
}
.bs { box-shadow : 0 0 5px #888;
-webkit-box-shadow : 0 0 5px #888;
-moz-box-shadow : 0 0 5px #888, 0 0 5px #888;
-opera-box-shadow : 0 0 5px #888 ;
}


/* ******** styles for alternate layout schemes ********** see extracts */
.var3b .sdon_hdr { color: rgb(38,119,74) ; }  /*b:87->74*/
.var3b .sdon_hdr a:hover { color: rgb(68,149,117) ; }
.var3b .side_hdr { color: rgb(38,119,74); }
.var3b div#aaright { background-color: rgb(214,229,214) ; }
.var3b div.sidec { background-color: rgb(214,229,214) ; }
.var3b div.asep { width: 275px ; height: 1px ; background-image: url('/assets/images/separator_green.gif') ; background-repeat: no-repeat ; background-position: bottom center ; }
.var3b div#svcs_mainwp div#svcs_main { border-color: rgb(38,119,74) ; background-color: #ffffff ; }
.var3b div#sdia_mainwp div#sdia_main { border-color: rgb(38,119,74) ; background-color: #ffffff ; }
.var3b .side_text { color: rgb(78,97,78) ; }
.var3b a:link { color: rgb(38,119,74) ; }
.var3b a:visited { color: rgb(88,169,124) ; }
.var3b div#mainbar { background-color: rgb(214,229,214) ; color: #304040 ; text-shadow: 2px 2px 2px #999 }