body {background: #5c635c; font-family: 'Helvetic Neue LT', Helvetica, sans-serif;} div, ul, li {position: relative;} .clear {clear: both;} .imgleft {float: left;} .imgright {float: right; margin-left: 20px;} .errorText, .btt {color: red; text-decoration: none;} div#main {width: 800px; margin: 10px auto;} div#content {border: 10px solid #EDEEDC; margin: 67px 0 0; background: #848674;} div#footer {font-family: verdana, sans-serif;} div#footer div.right {float: right; text-align: right;} div#footer div.left {float: left;} div#footer ul#other_site{float: right; padding-top: 5px;} div#footer ul#other_site li {float: left; width: 32px; height: 32px; padding-left: 8px;} div#footer ul#other_site li#site_canada {background: url(images/flags/canada.png) 100% 0 no-repeat;} div#footer ul#other_site li#site_uk {background: url(images/flags/england.png) 100% 0 no-repeat;} div#footer ul#other_site li#site_china {background: url(images/flags/china.png) 100% 0 no-repeat;} div#footer ul#other_site li#site_australia {background: url(images/flags/australia.png) 100% 0 no-repeat;} div#footer ul#other_site li span {display: none;} div#footer ul#other_site li a {display: block; width: 32px; height: 32px;} div#footer h4 {color: #CCCCCC; font-size: 9px; padding-top: 5px;} div#footer h5 {color: #292929; font-size: 9px; padding-top: 5px; clear: left;} div#footer h6 {color: #292929; font-size: 8px;} div#footer h6 a {text-decoration: none; color: #292929;} div#footer h6 a:hover {color: #CCCCCC;} div#footer ul#footer_nav {margin: 0; padding: 0;} div#footer ul#footer_nav li {float: left; padding: 0 8px 0 11px; background: url(images/foot-pipe.png) 0 90% no-repeat;} div#footer ul#footer_nav li.first {background: none; padding-left: 0;} div#footer ul#footer_nav li a {color: #CCCCCC; font-size: 9px; text-decoration: none;} div#footer ul#footer_nav li a:hover {color: #292929;} ul#nav {font-family: 'Helvetic Neue LT', Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #EDEEDC; padding: 25px 0 0 0; margin: 0 0 0 280px; z-index: 99;} ul#nav li {float: left; padding: 27px 0 0 0;} ul#nav li.first a {background: none; padding: 0 11px 0 12px !important;} ul#nav li.last a {padding-right: 0 !important;} ul#nav li a {color: #EDEEDC; text-decoration: none;} ul#nav li.sub a { background: url(images/nav-pipe.png) 0 0 no-repeat; padding: 0 11px 0 13px; } ul#nav li a:hover {color: #292929;} ul#nav li ul {text-align: center;} ul#nav ul.subnav {position: absolute; background: url(images/nav-subnav.png) 50% 11px no-repeat; padding: 22px 0 12px 0 !important; width: 141px; left: -9999em; z-index: 99;} ul#nav ul.subnav li {float: none; background: #A2A280; color: #292929; padding: 10px 0 0 0; display: block; } ul#nav ul.subnav li.last {padding-bottom: 10px;} ul#nav ul.subnav li a {background: none; color: #292929; padding: 0; } ul#nav ul.subnav li a:hover {background: none; color: #EDEEDC; } #nav li:hover ul, #nav li.sfhover ul {left: 50%; margin-left: -70px; position: absolute; z-index: 99;} ul#nav li:hover {background: url(images/nav-current.png) 50% 0 no-repeat;} ul#nav li:hover a {color: #292929;} ul#nav ul#sub_about, ul#nav ul#sub_programs {width: 181px;} ul#nav li:hover ul#sub_about, ul#nav li:hover ul#sub_programs {margin-left: -90px;} h1#logo {background: url(images/logo.png) 0 0 no-repeat; width: 287px; height: 105px; float: left; position: absolute; left: -20px; z-index: 90;} h1#logo span {display: none;} div#top {z-index: 10;} div#top div#corner h2 {position: absolute; top: 0; right: 0;} div#top div#corner h2 a {background: url(images/titles/give-corner.png) 100% 0 no-repeat; display: block; width: 146px; height: 146px;} div#top div#corner h2 a span {display: none;} div#top div#corner h3 {position: absolute; top: 55px; right: 75px; width: 305px; height: 204px; background: url(images/titles/number-donated.png) 0 0 no-repeat;} div#top div#corner h3 span {display: none;} /* PRESS PREVIEW */ ul.press {border-bottom: 1px solid #e0e0e0; padding: 5px 0 20px;} ul.press li {list-style: none !important;} ul.press li.img {float: left; padding: 0 10px 0 0;} ul.press li.title a {color: #242424; font-size: 12px; font-weight: bold;} /* PAGINATION */ .pagination {margin: 0 20px 15px 10px; padding: 5px 15px; text-align: center;} .pagination span {display: block; color: #727461; font-weight: bold; font-size: 12px; padding-bottom: 10px;} .pagination a {text-decoration: none; font-weight: normal; color: #d2d2d2; padding: 1px 5px; } .pagination .current {color: #07200a; padding: 1px 5px; font-weight: bold;} /*BGS*/ .bg1, .bg2 {background: url(images/temp2-bg.gif) 0 0 repeat-y; color: #FFFFFF;} .bg3, .bg4 {background: url(images/temp2-bg-5D5E4B.gif) 0 0 repeat-y; color: #333333 !important;} .bg5, .bg6 {background: url(images/temp2-bg-2.gif) 0 0 repeat-y; color: #292929;} .bgform {background: url(images/temp2-bg-form.gif) 0 0 repeat-y; color: #292929;} /* TEMPLATE 1 */ div#rotation {width: 780px; height: 245px; z-index: 1; background: url(images/home-filler1-1.jpg) 0 0 no-repeat;} div#rotation div#rot1, div#rotation div#rot2, div#rotation div#rot3, div#rotation div#rot4, div#rotation div#rot5, div#rotation div#rot6, div#rotation div#rot7, div#rotation div#rot8 {position: absolute; left: 0; top: 0; z-index: 1;} div#fullsplit {margin: 25px 21px; padding: 0; background: url(images/split-pipe.png) 50% 0 no-repeat;} div.half {float: left; width: 50%;} div.hl {padding-right: 20px;} div#wheelsofchange {margin-bottom: 20px;} div#wheelsofchange h3 {text-transform: uppercase; font-size: 11px; color: #292929; font-weight: bold; margin-left: 120px;} div#wheelsofchange h2#title_wheelsofchange {background: url(images/titles/wheels-of-change.png) 0 0 no-repeat; width: 220px; height: 38px; margin: 0 0 0 120px; padding: 0; } div#wheelsofchange h2#title_wheelsofchange span {display: none;} div#wheelsofchange p {font-size: 11px; line-height: 14px; color: #292929; margin: 0 20px 0 120px;} div#wheelsofchange a {font-size: 11px; color: #EDEEDC; text-decoration: none; margin-left: 20px; background: url(images/view-white.png) 100% 0 no-repeat; padding-right: 12px;} div#stayconnected {margin-bottom: 20px;} div#stayconnected h3 {text-transform: uppercase; font-size: 11px; color: #292929; font-weight: bold; margin-left: 120px;} div#stayconnected h2#title_stayconnected {background: url(images/titles/stay-connected.png) 0 0 no-repeat; width: 220px; height: 20px; margin: 0 0 8px 120px; padding: 0; } div#stayconnected h2#title_stayconnected span {display: none;} div#stayconnected p {font-size: 11px; line-height: 14px; color: #FFFFFF; margin: 0 0 10px 120px;} div#stayconnected a {font-size: 11px; color: #EDEEDC; text-decoration: none; margin-left: 20px; background: url(images/view-white.png) 100% 0 no-repeat; padding-right: 12px;} div#stayconnected form {margin-left: 120px;} div#featuredvideo {margin-left: 390px;} div#featuredvideo div.half {margin-right: 20px; width: 140px;} div#featuredvideo h2#title_featuredvideo {background: url(images/titles/featured-video.png) 0 0 no-repeat; width: 220px; height: 25px; margin: 0 0 0 0; padding: 0; } div#featuredvideo h2#title_featuredvideo span {display: none;} div#featuredvideo p {font-size: 11px; line-height: 14px; color: #FFFFFF; margin: 0 0 15px 0;} p.cream {color: #EDEEDC !important; font-size: 10px !important;} p.cream1 {color: #EDEEDC !important; font-size: 11px !important;} div#featuredvideo p a {font-size: 11px; color: #292929; text-decoration: none; background: url(images/view-dark.png) 100% 2px no-repeat; padding-right: 12px;} div#featuredvideo form {color: #CCCCCC; font-size: 11px; padding-top: 0px;} div#featuredvideo form label {display: block;} div#featuredvideo form input {height: 12px; padding: 4px 10px; background: #a3a497; color: #848674; width: 120px; border: none; float: left; margin-right: 2px;} div#featuredvideo form input.button {width: 40px; color: #848674;height: 20px;} /* TEMPLATE 2 */ div#temp2 {width: 780px;} div.videoplayer {padding: 20px; width: 740px !important;} div#temp2 div.left {float: left; width: 560px; padding: 20px} div#temp2 div.left h2, div#temp2 h2 {color: #292929; font-size: 23px; font-weight: bold; margin-bottom: 20px;} div.bg3 div.left h2, div.bg4 div.left h2 {color: #674B18 !important;} div#temp2 div.left h3 {color: #292929; font-size: 12px; font-weight: bold; margin-bottom: 10px; clear: left;} div#temp2 div.left h3 a {color: #333333; text-decoration: none;} div#temp2 div.left h5 {color: #292929; font-size: 18px; font-weight: bold; margin-bottom: 10px;} div#temp2 div.left h5 a {color: #292929; text-decoration: none;} div#temp2 div.left h6 {color: #292929; font-size: 10px; font-weight: bold; margin-bottom: 2px;} div#temp2 div.left h6 a.btt {font-weight: normal; margin: -20px 0 20px 0 !important; display: block;} div#temp2 div.left p, div#temp2 p {font-size: 12px; margin-bottom: 20px; line-height: 14px; text-align: justify; } div#temp2 p div#temp2 div.left p a, div#temp2 p a {color: #292929; text-decoration: none;} div#temp2 div.left ul {font-size: 12px; margin-bottom: 20px; text-align: left; } div#temp2 div.left ul li {list-style: square; margin: 0 0 5px 20px;} div#temp2 div.left ul li a {color: #292929; text-decoration: none;} div#temp2 div.left ul li a:hover {font-weight: bold;} div#temp2 div.left table {font-size: 12px; color: #292929; background: #FFF; margin-bottom: 20px; border-top: 1px solid #292929; } div#temp2 div.left table td {padding: 6px 10px; border-bottom: 1px solid #292929;} div#temp2 div.left table td.blueCell {background: #D5DADB;} div#temp2 div.right {margin-left: 600px;} div#temp2 div.right h3#waystogive {background: #635438 url(images/titles/ways-to-give.png) 20px 50% no-repeat; height: 30px;} div#temp2 div.right h3#waystogive span {display: none;} div#temp2 div.right h3#about {background: #848674 url(images/titles/about.png) 20px 50% no-repeat; height: 30px;} div#temp2 div.right h3#about span {display: none;} div#temp2 div.right h3#getinvolved {background: #848674 url(images/titles/get-involved.png) 20px 50% no-repeat; height: 30px;} div#temp2 div.right h3#getinvolved span {display: none;} div#temp2 div.right h3#programs {background: #848674 url(images/titles/programs.png) 20px 50% no-repeat; height: 30px;} div#temp2 div.right h3#programs span {display: none;} div#temp2 div.right h3#newsandmedia {background: #191919 url(images/titles/news-and-media.png) 20px 50% no-repeat; height: 30px;} div#temp2 div.right h3#newsandmedia span {display: none;} div#temp2 div.right h3#contact {background: #666666 url(images/titles/contact.png) 20px 50% no-repeat; height: 30px;} div#temp2 div.right h3#contact span {display: none;} div#temp2 div.right ul {font-size: 12px; font-weight: bold; margin: 15px 0 0 15px;} div#temp2 div.right ul li {padding: 0 0 14px 0;} div#temp2 div.right ul li a {color: #292929; text-decoration: none; padding-left: 15px;} div#temp2 div.right ul li a:hover, div#temp2 div.right ul li.current a { color: #A3A280; background: url(images/arrow-side-brown.png) 0 0 no-repeat; } div.bg5 div.right ul {font-size: 12px; font-weight: bold; margin: 15px 0 0 15px;} div.bg5 div.right ul li {padding: 0 0 14px 0;} div.bg5 div.right ul li a {color: #292929; text-decoration: none; padding-left: 15px;} div.bg5 div.right ul li a:hover, div.bg5 div.right ul li.current a { color: #FFFFFF !important; background: url(images/arrow-side-white.png) 0 0 no-repeat !important; } div.bg5 div.right h5 {color: #292929 !important;} div.bg6 div.right ul {font-size: 12px; font-weight: bold; margin: 15px 0 0 15px;} div.bg6 div.right ul li {padding: 0 0 14px 0;} div.bg6 div.right ul li a {color: #292929; text-decoration: none; padding-left: 15px;} div.bg6 div.right ul li a:hover, div.bg6 div.right ul li.current a { color: #FFFFFF !important; background: url(images/arrow-side-white.png) 0 0 no-repeat !important; } div.bg6 div.right h5 {color: #292929 !important;} div#temp2 div#sponsor {} div#temp2 div#sponsor h4#donate {float: right; background: url(images/donate-chair.png) 0 0 no-repeat; width: 201px; height: 69px;} div#temp2 div#sponsor h4#donate a {display: block; height: 69px; width: 201px;} div#temp2 div#sponsor h4#donate span {display: none;} div#temp2 div#sponsor blockquote {color: #292929; font-size: 13px; margin: 0 0 25px 20px;} div#temp2 div.right div.section {background: url(images/sidebar-seperator.png) 50% 0 no-repeat; padding: 20px 20px 0 20px;} div#temp2 div.right h5 {color: #848674; font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 3px;} div#temp2 div.right h5 span {font-size: 12px;} div#temp2 div.right p {color: #292929; font-size: 11px; line-height: 14px;} div#temp2 div.right p a {color: #292929; text-decoration: none; background: url(images/arrow-side-small.png) 100% 0 no-repeat; padding-right: 10px;} div#temp2 ul.issue {float: left; list-style: none !important; width: 125px; height: 200px;} div#temp2 ul.issue li {list-style: none !important;} div#temp2 ul.issue li img {height: 125px;} div#temp2 ul.current {float: left; list-style: none !important;} div#temp2 ul.current li {list-style: none !important;} div#temp2 h4#donate {float: right; background: url(images/donate-chair.png) 0 100% no-repeat; width: 201px; height: 69px; padding: 20px 20px 0 0;} div#temp2 h4#donate a {display: block; width: 201px; height: 69px;} div#temp2 h4#donate span {display: none;} /* TEMPLATE 3 */ div#temp3 {color: #292929; width: 780px;} div#temp3 div.left {float: left; width: 560px; padding: 20px} div#temp3 div.left h2 {color: #292929; font-size: 23px; font-weight: bold; margin-bottom: 20px;} div.calendar div.left h2 {color: #333333 !important;} div#temp3 div.left h3 {color: #292929; font-size: 14px; font-weight: bold; margin-bottom: 10px;} div#temp3 div.left h3 a {color: #292929; text-decoration: none; font-weight: bold;} div#temp3 div.left h4 {color: #666666; font-size: 11px; font-weight: bold; padding: 0 0 5px 0; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px;} div#temp3 div.left h5 {font-size: 16px; font-weight: bold; margin-bottom: 10px;} div.calendar div.left h5 {color: #333333 !important;} div.calendar div.left h6 {color: red !important; font-size: 10px; margin: -10px 0 10px 0;} div#temp3 div.left p {font-size: 11.5px; margin-bottom: 20px; line-height: 14px; text-align: justify; } div.calendar div.left p {color: #333333 !important;} div#temp3 div.left p a {color: #292929; text-decoration: none;} div#temp3 div.left ul {font-size: 11.5px; margin-bottom: 20px; text-align: left; } div#temp3 div.left ul li {list-style: square; margin: 0 0 5px 20px;} div#temp3 div.left ul li a {color: #292929; text-decoration: none;} div#temp3 div.right {margin-left: 600px;} div#temp3 h4#donate {float: right; background: url(images/donate-chair.png) 0 100% no-repeat; width: 201px; height: 69px; padding: 20px 20px 0 0;} div#temp3 h4#donate a {display: block; width: 201px; height: 69px;} div#temp3 h4#donate span {display: none;} /* TEMPLATE 4 */ div#temp4 {background: #1F1F1F;} div#temp4 div.full {padding: 20px;} div#temp4 ul#storyextras {background: url(images/story-pipe.png) 0 0 no-repeat; margin-left: -5px; padding: 20px 0 0; list-style: none; } div#temp4 ul#storyextras li {list-style: none; float: left; margin: 0 9px; font-family: Verdana, sans-serif; font-size: 10px; color: #CCCCCC;} div#temp4 ul#storyextras li.first {margin-left: 5px;} div#temp4 ul#storyextras li a {color: #CCCCCC;} div#temp4 div.left {float: left; width: 395px; padding: 30px 20px 10px; margin-top: 122px;} div#temp4 div.left h2 {color: #EDEEDC; font-size: 23px; font-weight: bold; margin-bottom: 15px; line-height: 28px;} div#temp4 div.left h3 {color: #CCCCCC; font-size: 14px; font-weight: bold; margin-bottom: 30px;} div#temp4 div.left h5 {color: #666666; font-size: 18px; font-weight: bold; margin-bottom: 10px} div#temp4 div.left p {font-size: 11.5px; color: #EDEEDC; margin-bottom: 20px; line-height: 14px; text-align: justify; } div#temp4 div.left p a {color: #292929; text-decoration: none;} div#temp4 div.left ul {font-size: 11.5px; color: #666; margin-bottom: 20px; text-align: left; } div#temp4 div.left ul li {list-style: square; margin: 0 0 5px 20px;} div#temp4 div.left ul li a {color: #292929; text-decoration: none;} div#temp4 div.right {margin: 122px 0 0 440px; padding-top: 30px;} div#temp4 h4#donate {float: right; background: url(images/donate-chair.png) 0 100% no-repeat; width: 201px; height: 69px; padding: 20px 20px 0 0;} div#temp4 h4#donate a {display: block; width: 201px; height: 69px;} div#temp4 h4#donate span {display: none;} /* SIDE SCROLL STYLES */ div#scrollbox {width: 740px; height: 122px; position: absolute; overflow: hidden;} div#scrollbox div#bigbox { width: 3990px; } div#scrollbox div#bigbox div.block {width: 770px; height: 122px; float: left; margin-right: 10px;} div#leftscroll {position: absolute; left: 0; top: 60px; color: #FFF; z-index: 90;} div#leftscroll a {color: #FFF; text-decoration: none;} div#rightscroll {position: absolute; right: 0; top: 60px; color: #FFF; z-index: 90; } div#rightscroll a {color: #FFF; text-decoration: none;} div.block ul {padding: 0 6px; width: 758px;} div.block ul li {float: left; margin: 0 6px;} /*FORM TEMPLATE */ form.form {padding: 10px 20px; font-size: 12px;} form.form div.extra-150 {margin: -18px 0 0 265px; font-size: 11px; font-weight: bold;} form.form h3 {background: url(images/form-h3-bg.png) 0 0 no-repeat; color: #333333; font-weight: bold !important; font-size: 18px !important; padding-top: 15px;} form.form h4 {color: #CCCCCC; font-size: 14px; font-weight: bold; margin-bottom: 10px;} form.form div {padding: 5px 0;} form.form div label {float: left; width: 200px; text-align: right; color: #666666; font-size: 11px; padding: 3px 10px 0 0;} /* CALENDAR STYLES */ table.calendar {width: 160px; margin: 0 auto; border: 1px solid #666666; color: #333333; padding: 20px 0;} table.calendar tr.heading {background: #333333; color: #FFF; font-size: 10px;} table.calendar tr.heading th {padding: 5px 0; text-align: center;} table.calendar tr.heading a {color: #FFF;} table.calendar tr.weekdays {font-size: 12px; font-weight: bold;} table.calendar tr.weekdays td {padding: 5px 0; text-align: center;} table.calendar tr.days {font-size: 11px;} table.calendar tr.days td {text-align: center; border: 1px solid #666;} table.calendar tr.days td div {padding: 3px 0;} table.calendar tr.days td div.eventday {background: #D5B986; font-weight: bold;} table.calendar tr.days td div.eventday a {color: #333333; text-decoration: none;} /* VIDEO STYLES */ ul.video {padding: 10px 0; border-bottom: 1px solid #999; list-style: none;} ul.video li {list-style: none !important; padding: 2px 0 !important; margin: 0 !important;} ul.video li.image {float: left; padding-right: 20px !important;} ul.video li.title {padding-right: 20px !important;} ul.video li.clear {clear: left;}