/* ----------[ RESET-FONTS-GRIDS ]---------- */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ /*reset.css*/body {color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;} /*grids.css*/body {text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{_margin-left:1.2%;*margin-left:1.7%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{margin-left:2%;width:32%;float:right;*width:31.8%;}.yui-gb div.first{margin-left:0;*margin-right:1px;float:left;}.yui-gb .yui-gb div.first{*margin-right:0;width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first{float:left;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-gb .yui-gc .yui-u,.yui-g .yui-gc .yui-u{_float:right;width:32%;_width:29.9%;}.yui-gb .yui-gc div.first{width:66%;*width:64.5%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:1px;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{_width:48.1%;*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /* ----------[ /RESET-FONTS-GRIDS ]---------- */ /* ----------[ CLEARFIX FLOAT FIX ]---------- */ .clrfx {zoom:1;} .clrfx:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* ----------[ /CLEARFIX FLOAT FIX ]---------- */ /* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */ body {color: #222; text-align:center; background: #ddd; font-family:Arial,Helvetica;} #custom-doc {width:1024px; margin: 0 auto; padding:0; text-align:left;} a {text-decoration: underline; color: #006d18; } a:hover {text-decoration: none; } p {padding-bottom: 8px;} /* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */ /* ----------[ GLOBALHEADER STYLES ]---------- */ #hd {position: relative; margin: 0 auto; width: 1024px; height: 156px; background: #53ae23 url(../gfx/bg_hd.gif) 0 0 repeat-x;} #bd {margin: 0; padding: 14px; background-color: #fff;} /* ----------[ /GLOBALHEADER STYLES ]---------- */ #exit {position: absolute; top:0; left: 266px; width: 754px; height: 46px;} #exit .msg {float:left; width: 684px; height: 46px; background: transparent url(../gfx/msg_safety.gif) 0 0 no-repeat;} #exit .esc a {float: left; display: block; width: 58px; height: 46px; margin: 0 0 0 6px; background: transparent url(../gfx/btn_exit.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #exit .esc a:hover {background: transparent url(../gfx/btn_exit-on.gif) 0 0 no-repeat;} /* ----------[ NAVIGATION STYLES ]---------- */ #nav {position: relative;} #nav a#logo {height: 125px; width: 377px; position: absolute; top:2px; left: 10px;display: block; background: transparent url(../gfx/beckysfund.png) 0 0 no-repeat; _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bf/gfx/beckysfund.png',sizingMethod='crop'); font-height:0px; font-size:0px;text-indent:-9999px;} #menu {position: absolute; top: 126px; width: 100%; height: 30px; background-color: #000;} #gnav {position: absolute; top: 0px; left: 75px;} #nav h4 {display:none;} #nav ul {margin:0; padding:0;} #nav ul li {float: left; margin: 0; text-align: left;} #nav ul li a {display:block; height: 30px; padding:0; margin-right: 45px; color: #fff; font-family: Arial,Helvetica; text-decoration: none;} #nav ul li.navon {} /* onstate */ .mnu {color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-hom {width:54px; height:30px; background:transparent url(../gfx/mnu.gif) 0 0 no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-who {width:97px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -60px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-wht {width:100px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -120px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-inf {width:116px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -180px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-inv {width:107px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -240px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} .mnu-res {width:87px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -300px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} a.mnu-hom:hover, .mnu-home-on {width:54px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -30px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} a.mnu-who:hover, .mnu-who-on {width:97px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -90px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} a.mnu-wht:hover, .mnu-wht-on {width:100px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -150px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} a.mnu-inf:hover, .mnu-inf-on {width:116px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -210px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} a.mnu-inv:hover, .mnu-inv-on {width:107px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -270px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} a.mnu-res:hover, .mnu-res-on {width:87px; height:30px; background:transparent url(../gfx/mnu.gif) 0 -330px no-repeat; color: #fff; margin: 0; padding: 0; height:30px; font-height:0px; font-size:0px; text-indent:-90000px;} /* #nav ul li a {padding: 4px; height: 22px;} */ /* ----------[ /NAVIGATION STYLES ]---------- */ /* ----------[ FOOTER STYLES ]---------- */ #ft {position: relative; margin:0; min-height: 107px; _height: 107px; width: 100%; font-size: 90%; color: #555; background-color: #ccc; border-top: 3px solid #aaa;} #ft a {color: #555;} #ft .bd {padding:15px;} #ft p {padding-bottom: 10px; line-height: 20px;} #ft h2 {margin-left:15px;} #ft h2 {font-size: 115%; color: #444; line-height: 30px;} #ft .bd { } #ft .copy {float: left; width: 330px;} #ft .address {float: left; width: 645px;} #ft .address .wrp {position: relative} #ft .address ul {margin: 0; padding: 0; position: absolute; right:0;} #ft .address ul li {float: left; margin: 0; margin-left: 20px; text-align: right;} #ft .mission {margin: auto; width: 940px; height: 34px; background: transparent url(../gfx/mission.gif) 0 0 no-repeat;} /* ----------[ /FOOTER STYLES ]---------- */ /* ----------[ PAGE STYLES ]---------- */ #main {margin: 0 auto; padding: 0; width: 100%; min-height:400px; _height:400px; background-color: #fff;} #main h1 {padding: 10px 0 4px 0; font-size: 150%; font-weight: bold; color: #222; border-bottom: 6px solid #006d18;} #main h2 {padding: 0; font-size: 125%; font-weight: bold; color: #222; margin-top: 5px; margin-bottom: 8px;} #main h3 {padding: 0; font-size: 125%; font-weight: bold; color: #222; margin-bottom: 8px;} #main .title {font-height:0px; font-size:0px;text-indent:-9999px;} #main .content {width: 100%; margin: 0; padding: 0; background-color: #fff;} #main .content .lt {float: left; width: 685px; min-height: 200px; _height: 200px; background-color: #fff;} #main .content .rt {float: left; width: 311px; min-height: 250px; _height: 250px; background: #fff url(../gfx/bg_rt.gif) 0 0 repeat-y;} #main .content .pg {} #main .content .pg .menu {border:1px solid #bbb; margin: 8px 0 10px 0;} #main .content .pg .menu ul {margin: 0; padding: 0;} #main .content .pg .menu ul li {float: left; margin: 0; padding: 0; border-right: 1px solid #bbb; list-style: none;} #main .content .pg .menu ul li a {display: block; text-decoration: none; padding: 8px; color: #006d18;} #main .content .pg .menu ul li a:hover {color:#fff; background-color: #006d18;} #main .content .pg .item {padding: 21px; background: transparent url(../gfx/bg_pg_listing.gif) 0 0 repeat-x; font-size: 110%; font-family: Georgia, Times;} #main .content .pg .item h2 {padding:5px 0 2px 0; border-bottom: 1px solid #006d18; font-family: Arial,Helvetica;} #main .content .pg .item h3 {font-size: 150%; font-weight: bold; font-family: Arial,Helvetica;} #main .content .pg .item .tbl, #main .content .pg .item .tbl td {border: 1px solid #444;} #main .content .pg .item .tbl td {padding: 5px; vertical-align: top; font-family: Arial, Helvetica; font-size: 90%;} #main .content .pg .item table td{vertical-align: top; padding-right: 10px;} #main .content .pg .item .date {color: #777; font-family: Arial,Helvetica; font-size: 90%;} #main .content .pg ol {margin-bottom: 10px;} #main .content .pg ol li {list-style: decimal; margin-left: 20px;} #main .content .pg strong {font-weight: bold;} #main .content .pg em {font-style: italic;} #main .content .pg ul {margin-bottom: 10px;} #main .content .pg ul li {list-style: square; margin-left: 20px;} #main .content .pg img {margin-right: 10px; padding: 10px; border: 1px solid #ddd; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; background-color: #fff; } #main .content .pg .msthd img {margin:0; margin-bottom: 8px; padding: 0; border: 0;} #main .content .pg .listing {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #777;} #main .content .pg .listing h4 {font-size: 125%; font-weight: bold; font-family: Arial,Helvetica;} #main .content .pg .listing h4 a {text-decoration: none;} #main .content .pg .listing cite {display:block; font-size: 90%; color:#777; padding-bottom: 10px; font-family: Arial,Helvetica;} #main .content .pg .donate_form {padding: 10px; width: 270px; margin-top: 10px; border: 1px solid #aaa; border-top:1px solid #dddddd; border-left:1px solid #dddddd;} #main .content .pg #BB_BuyButtonForm table, #main .content .pg #BB_BuyButtonForm td {border: none;} /* ----------[ /PAGE STYLES ]---------- */ /* ----------[ MAIN PAGE STYLES ]---------- */ #main .bb {float: left; width: 685px; height: 220px; background: #000 url(../gfx/bg_bb.gif) 0 0 no-repeat;} #main .stories {float: left; width: 311px; height: 220px; background: #000 url(../gfx/bg_stories.gif) 0 0 no-repeat;} #main .stories .bd {padding: 10px;} #main .stories .readmore a {display: block; margin: auto; margin-top: 183px; width: 174px; height: 20px; background: transparent url(../gfx/btn_read-more.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #main .lt .didyouknow {margin-top: 12px; width: 670px; min-height: 60px; _height: 60px; background: #519401 url(../gfx/bg_didyouknow.gif) 0 0 repeat-x;} #main .lt .didyouknow .bd {padding: 13px;} #main .lt .didyouknow h3 {width:123px; height:13px; background: transparent url(../gfx/didyouknow.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #main .lt .didyouknow .tidbit {margin-top: 6px; color: #fff200; font-size: 90%;} #main .lt .idliketoknow {float:left; width: 303px; min-height: 200px; _height: 200px; margin-top: 11px; background: transparent url(../gfx/bg_idliketoknow.gif) 0 0 repeat-x;} #main .lt .idliketoknow .bd {padding: 13px;} #main .lt .idliketoknow h3 {width:174px; height:19px; background: transparent url(../gfx/idliketoknow.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #main .lt .idliketoknow ul {margin: 14px 0; xlist-style-image: url(../gfx/blt_ribbon.gif); } #main .lt .idliketoknow li {padding: 8px; background: transparent url(../gfx/bg_li_idliketoknow.gif) 0 bottom no-repeat; } #main .lt .idliketoknow li a {color: #111; text-decoration: none; background: transparent url(../gfx/blt_ribbon.gif) 0 0 no-repeat; padding-left: 20px; } #main .lt .blog {position: relative; float:left; width: 355px; min-height: 200px; _height: 200px; margin-top: 11px; margin-left: 12px; background: #e8f5d9 url(../gfx/bg_blog.gif) 0 0 repeat-y;} #main .lt .blog .top {width:100%; height: 2px; border-top:1px solid #afafaf;} #main .lt .blog .bd {padding: 13px;} #main .lt .blog h3 {width:179px; height:19px; background: transparent url(../gfx/latest_blogs.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #main .lt .blog .viewmore a {position: absolute; bottom:0; width: 355px; height: 27px; background: transparent url(../gfx/btn_view_posts.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #main .lt .blog .items {margin-top: 10px;} #main .lt .blog cite {color: #777; font-size: 85%; text-align: right; margin-left: 5px;} #main .lt .blog .listing {margin-top: 5px;} #main .rt .donate {width: 310px; height: 83px; background: transparent url(../gfx/bg_donate.gif) 0 0 no-repeat; border-bottom: 1px solid #ccc;} #main .rt .bd {padding: 10px;} #main .rt .donate .btn {margin:auto; width: 172px; height: 60px; background: transparent url(../gfx/btn_donate.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #main .rt .donate .btn a {display:block; width: 172px; height: 60px;} #main .rt .news {width: 311px;} #main .rt .news .bd {padding: 15px;} #main .rt .news h3 {width: 144px; height: 15px; background: transparent url(../gfx/news_events.gif) 0 0 no-repeat; font-height:0px; font-size:0px; text-indent:-90000px;} #main .rt .news dl {margin: 10px 0; font-size: 90%;} #main .rt .news dt {padding-top: 8px; font-size: 95%; color: #777;} #main .rt .news dd {padding-bottom: 8px; border-bottom: 1px dotted #555;} #main .rt .news dd a {color: #222;} /* ----------[ /MAIN PAGE STYLES ]---------- */ /* ----------[ CUSTOM CLASSES STYLES ]---------- */ .btn {border: none; background-color: #555; color: #fff; padding: 4px; cursor: pointer;} .hide {display: none;} .kern {margin-top: 10px; margin-bottom: 10px;} /* ----------[ /CUSTOM CLASSES STYLES ]---------- */ /* ----------[ COLUMN STYLES ]---------- */ #main .lglt {width: 690px;} #main .smrt {width: 225px; float:right;} /* ----------[ /COLUMN STYLES ]---------- */