@import url('reset.css'); body { font-size:62.5%;background:#fff url(../img/bg.jpg) top center;color:#222;font-family:Arial, Helvetica, sans-serif;margin:0;} a { color:#2670A0;} strong { font-weight:700;} em { font-style:italic;} #wrap { position:relative;width:974px;margin:0 0 0 30px;} #logo { position:relative;text-indent:-9999em;float:left;height:55px;width:397px;background:url(../img/logo.jpg) top left no-repeat;margin:33px 0 30px;} #logo-print { display:none; } .site-links { position:relative;float:right;color:#E6DACC;font-size:1.2em;padding:4px 236px 0 0;} .site-links a { color:#E6DACC;} #call-us { position:absolute;top:0;right:0;height:144px;width:236px;background:url(../img/call-paper.gif) top left no-repeat;text-indent:-9999em;} #top { height:118px; } #nav { position:relative;clear:left;height:30px;font-size:1.3em;font-weight:700;} #nav li { position:relative;display:inline;float:left;padding-right:2px;height:30px;} #nav li a { position:relative;display:block;float:left;height:24px;background:url(../img/btn-bg.gif) top left;color:#49463D;text-decoration:none;padding:6px 14px 0;} #nav li a:hover { background:#FFF;} #nav li a.current { background:#3D4A5B;text-decoration:none;color:#E0BD42;} #splash { position:relative;margin-right:230px;/*clear:both;*/color:#fff;text-align:left;background:#1E2736 url(../img/splash-head.gif) top left;z-index:10;} #splash a { color:#fff;text-decoration:none;} .front-splash { height:156px;} #splash h1 { position:relative;font-size:1.9em;padding:18px 0 10px 30px;} #splash p { position:relative;font-size:1.3em;width:490px;line-height:1.5em;padding:5px 0 12px 30px;} #splash.front-splash p { padding:28px 0 12px 30px;} .search-box { position:relative;padding-left:20px;height:23px;} .search { position:relative;float:left;border:0;background:#E3E4E6;border-top:2px solid #C8C9CB;border-left:2px solid #C8C9CB;height:18px;width:140px;color:#444446;font-size:1.1em;padding:3px 5px 0;} .search-go { position:relative;float:left;height:23px;width:51px;background:url(../img/go-btn.gif) top left no-repeat;border:0;} .pinned { position:absolute;top:0;right:20px;} #splash-corner { position:absolute;top:0;right:0;height:14px;width:17px;background:url(../img/top-round.gif) top left no-repeat;} #splash-in { position:relative;height:33px;margin-right:230px;background:url(../img/title-bar.gif) top right no-repeat;padding:12px 35px 0 0;width:709px;} #splash-in .search-box { position:relative;float:right;} #breadcrumb { position:absolute; color:#A7AFBC; font-size:11px; top:16px; left:16px; } #breadcrumb a { color:#e3e5e8;font-weight:400;} #breadcrumb strong { position:relative;font-weight:400;} #page { width:974px; } #page-img { position:relative;height:195px;margin-right:230px;} #page-img img { position:relative;display:block;} #sidebar { position:relative;display:inline;float:right;width:230px;margin-top:-195px;text-align:left;color:#fff;} /*-228px*/ #sidebar a.viewall { font-size:1.25em; color:#fff; display:block; margin-top:1em; } .home #sidebar { margin-top:-129px !important;} .vision { position:relative;font-size:1.5em;line-height:1.5em;color:#fff;font-weight:700;padding:18px 18px 20px 20px;} .events { position:relative;padding-bottom:18px;background:url(../img/sidebar-bg.gif) top left;} .events h2 { position:relative;height:43px;text-indent:-9999em;background:url(../img/upcoming-title.gif) top left no-repeat;} .events li { position:relative;padding:2px 18px 2px 24px;} .events .date { position:relative;float:left;height:59px;width:34px;text-align:center;margin-right:8px;font-size:12px;background:url(../img/date-pin.gif) top left no-repeat;} .events .date strong { position:relative;display:block;text-align:center;color:#474538;padding:24px 0 0;} .events p { position:relative;font-size:1.2em;color:#E8DCCC;padding:12px 0 0;} .events p a { color:#E8DCCC;} .events-alt .date { position:relative;float:left;height:59px;width:34px;text-align:center;margin-right:8px;font-size:12px;background:url(../img/date-pin.jpg) top left no-repeat;} .events-alt .date strong { position:relative;display:block;text-align:center;color:#474538;padding:24px 0 0; line-height: 12px;} .events-alt .date em { font-style: normal; color: #FFF; } .events-alt p { font-size:12px !important; color:#474538;padding:8px 0 0;} .events-alt p a { color:#474538; margin: 0 !important; padding-bottom: 18px !important;} .events-alt p a:hover { color: #e84a1a !important; background: transparent !important;} .events-alt ul li { margin: 0 !important;} .next-event { float:left; } .previous-event { float:left; } #event-nav .next-event a { color:#E84A1A; font-size:19px; font-family: times,serif; font-style:italic; margin:1.5em 0 0.5em; border-bottom: none !important; padding-left: 0px; } #event-nav .next-event a:hover { color:#E84A1A; font-size:19px; font-family: times,serif; font-style:italic; margin:1.5em 0 0.5em; border-bottom: none !important; } #event-nav .previous-event a { color:#E84A1A; font-size:19px; font-family: times,serif; font-style:italic; margin:1.5em 0 0.5em; border-bottom: none !important; padding-right: 15px;} #event-nav .previous-event a:hover { color:#E84A1A; font-size:19px; font-family: times,serif; font-style:italic; margin:1.5em 0 0.5em; border-bottom: none !important; } #event-nav a { font-size: 13px;} .recent { position:relative;background:url(../img/sidebar-bg.gif) bottom left;} .recent h2 { position:relative;height:43px;text-indent:-9999em;background:url(../img/recent-title.gif) top left no-repeat;} .recent ul { position:relative;background:url(../img/sidebar-bottom.gif) bottom left no-repeat;padding:8px 18px 18px 24px;} .recent li { position:relative;padding:6px 0;} .recent li strong { position:relative;color:#89B4C7;font-size:11px;text-transform:uppercase;} .recent li p { position:relative;font-size:13px;font-style:italic;color:#E6DFD5;font-weight:700;} .recent li p a { color:#E6DFD5;} .sub-menu { position:relative;font-size:1.4em;background:url(../img/sidebar-bg.gif) top left;} .sub-menu h2 { position:relative;height:45px;background:url(../img/submenu-title.gif) top left no-repeat;text-indent:-9999em;} .sub-menu h3 { font-size: 15px; padding: 15px 0 0 27px; font-weight: bold;} .sub-menu ul { position:relative;padding:5px 25px 8px 29px;} .sub-menu li { position:relative;border-bottom:1px solid #5C4E3C;padding:0;} .sub-menu li:last-child { border:0;} .sub-menu li a { position:relative;background:url(../img/sb-arrow.gif) left center no-repeat;color:#ede9e2;display:block;padding:7px 0 7px 28px;} .sub-menu-bottom { background:url(../img/sub-menu-bottom.jpg) no-repeat;width:230px;height:16px;float:left;} .categories { position:relative;font-size:1.2em;background:url(../img/sidebar-bg.gif) top left;} .categories h2 { position:relative;height:45px;background:url(../img/categories-title.gif) top left no-repeat;text-indent:-9999em;} .categories ul { position:relative;background:url(../img/sidebar-bottom.gif) bottom left no-repeat;padding:5px 25px 28px 29px;} .categories ul li { position:relative;padding:2px 0;} .categories ul li a { position:relative;color:#E3DDD2;} #content { position:relative;float:left;overflow:hidden;width:701px;text-align:left;background:#fff url(../img/p-bg.gif) top left repeat-x;padding:35px 15px 0 28px;} /*margin-right:230px;*/ .home #content { padding-left:0;padding-right:0;width:744px;} #content h1 { color:#2670a0;font-size:2.5em;margin-bottom:0.5em;} #content h2 { clear:both; color:#273345;font-size:2em;border-bottom:1px dotted #77889F;border-top:3px double #2670A0;margin:1.5em 0 0.5em;} .home #content h2 { border:none; margin:1em 0 0 35px;} #content h3 { color:#E84A1A; font-size:2em; font-family: times,serif; font-style:italic; margin:1.5em 0 0.5em; } #content h4 { font-size:1.5em;color:#F1920E;margin:1.3em 0 0.5em; font-weight: bold;} #content h5 { font-size:1.25em;color:#555;margin:1.5em 0 0.5em;} #content p { font-size:1.4em;line-height:1.4;margin-bottom:1.25em;} #content ul { list-style-type:disc; } #content ol { list-style-type: decimal;} #content ul, #content ol { margin:10px 0 25px 35px;padding:0;} #content ul li, #content ol li, #content table { font-size: 14px; line-height:18px; margin:10px 0;} #main-content p a, #main-content li a { border-bottom: 1px solid #bdd4e2; } #main-content a:hover { border-color:#BDD4E2; color:#3394CF; text-decoration: none; } #content img { float:left; margin-right:10px; } #content img.inline { float:none; } #notes { float: left;} #notes p { color:#666; font-size:0.9167em; } blockquote { padding: 21px 60px; background: url(../img/quotes.gif) no-repeat; margin: 0; color: #755d3f; font-size: 15px; font-family: georgia, Times; font-style: italic;} blockquote em { float: right; color: #bbab98; font-size: 15px; padding: 5px 0 0 30px;} #sub-content blockquote { background: url(../img/quotes.gif) -30px 0px no-repeat; float: left; padding: 22px 0 18px 28px; font-size: 11px;} #sub-content blockquote em { padding: 5px 0 0 0; font-size: 13px;} #main-content { width:460px; float:left;margin-bottom:30px;min-height:480px;} .col-one #main-content { width:690px;} #sub-content { width:200px;float:left;margin-bottom:30px;padding:0 0 0 30px;} .reverse-two #main-content { width:245px; } .reverse-two #sub-content { width:425px; } .col-one #sub-content { display:none; } /*#polaroid-home { width:170px;height:194px;float:left;background:url(/media/img/pinned.png) no-repeat;margin-left:15px;}*/ #polaroid-pic-home #slideshow { margin:28px 0 0 26px; position:relative; z-index:1; overflow:hidden; height:124px!important; width:124px!important; } #polaroid-home { position:absolute;width:170px;height:194px;background:url(/media/img/pinned.png) no-repeat; top:0; left:15px; z-index:2; } #polaroid-pic-home { width:170px;height:194px;position:absolute;right:40px;top:3px;} #polaroid { width:170px;height:194px;float:left;background:url(/media/img/polaroid-frame.png) no-repeat;margin-left:15px;display:inline;} #polaroid-pic { width:194px;height:194px;float:left;} #content .feature-list ul { list-style-type:none;margin:0 0 0 15px;} #content .feature-list li { background:url(/media/img/arrow.gif) no-repeat 0 4px;font-size:15px;padding:0 0 0 22px;} .floatleft { float: left; } .floatright { float: right; } #tri { position:relative;background:url(../img/tri-bg.gif) top left repeat-y;color:#6B685F;border-bottom:15px solid #fff;} .blogtitle,.tweetstitle,.gallerytitle,.ideastitle {color:#2670a0 !important;font-size:17px !important;margin:0;padding:6px 0 14px 30px;} .blogtitle { background:url(../img/icon-blog.jpg) 0 0 no-repeat;padding-left:40px;} .tweetstitle { background:url(../img/icon-tweets.jpg) 0 0 no-repeat;padding-left:45px;} .gallerytitle { background:url(../img/icon-gallery.jpg) 0 0 no-repeat;padding-left:43px;} .ideastitle { background:url(../img/icon-ideas.jpg) 0 0 no-repeat;} p.blogtitle,p.tweetstitle,p.gallerytitle,p.ideastitle{margin-bottom:0 !important;} .tri-box { position:relative;float:left;width:202px;padding:0 20px 0 8px;} #content .tri-box p { font-size:1.2em;} #content .tri-box h2 { color:#2670A0; font-size:17px; position:relative; border: none; margin:0 0 20px; padding:7px 0 0 41px; } #content .tri-box h2 img { position:absolute; left:0; top:0; } #tri h3 { color:#696961;font-size:15px !important;margin:0;padding:5px 0 10px !important;} #tri3 { width:210px;} #tri1 ul { position:relative;line-height:1.5em;} #tri1 ul li { position:relative;padding:0 0 7px;} #tri1 li span { color:#A7CBDB;font-weight:400;text-transform:none;font-size:12px;display:block;padding:0 0 5px;} #tri1 li p,#tri1 li a { position:relative;font-size:1.2em;} p.button { clear:both; } p.button a { border:1px solid #e1e1e1;background:url(../img/button-bg.gif) repeat-x left bottom; float:left; font-size:12px;padding:6px 10px; margin:5px 0; } p.button a:hover { border:1px solid #0068A2 !important;background:url(../img/button-bg.gif) repeat-x left bottom;text-decoration:none;padding:6px 10px; color: #0068A2 !important;} #content p.print { line-height:1; margin-top:2em; } p.print a { border:1px solid #5e4526 !important;background:url(../img/print.jpg) repeat-x left bottom;font-size:12px;padding:6px 11px 6px 31px; color: #FFF !important;} p.print a:hover { border:1px solid #5e4526 !important;background:url(../img/print.jpg) repeat-x left bottom;text-decoration:none;padding:6px 11px 6px 31px; color: #e0bd42 !important;} #tri2 ul { margin:0 0 10px;} #tri2 ul li { position:relative;font-size:1.2em;list-style-type:square;margin:0 0 0 15px;padding:3px 0;} #tri2 span { position:relative;display:block;color:#A1A09E;padding:1px 0 2px;} #tri2 p { position:relative;font-size:1.2em;color:#696961;} #tri3 li { position:relative;float:left;width:62px;height:62px;padding:0 8px 8px 0;} #tri3 li a { position:relative;display:block;height:62px;width:62px;} #full { padding-right:15px;} .paper-list { position:relative;display:inline;float:left;height:358px;width:332px;margin-left:18px;margin-bottom:30px;margin-top:10px;background:url(../img/note-tag.gif) top left no-repeat;} * html .paper-list { margin-left:10px;} .volunteer-title { position:relative;height:27px;text-indent:-9999em;background:url(../img/volunteer-title.gif) top left no-repeat;margin:25px 0 0 35px;} .youth-title { position:relative;height:27px;text-indent:-9999em;background:url(../img/youth-title.gif) top left no-repeat;margin:25px 0 0 35px;} .community-title { position:relative;height:27px;text-indent:-9999em;background:url(../img/community-title.gif) top left no-repeat;margin:25px 0 0 35px;} .community-title a, .volunteer-title a, .youth-title a { height: 27px; width: 350px; position: absolute; top: 0; left: 0;} #content .paper-list ul { position:relative;list-style-type:none;margin:0;padding:0 10px 0 0;margin-left:35px;} #content .paper-list li { position:relative;font-size:16px;line-height:19px;background:url(../img/note-arrow.gif) left center no-repeat;margin:0;padding:5px 0 5px 26px;} #content .paper-list li a { position:relative;color:#7A6130;border-bottom:2px dotted #BAA76F;text-decoration:none;padding:1px 0;} #content .paper-list li a:hover { color:#2F2C26;} #foot a { border-bottom: none;} #foot { position:relative;clear:both;height:77px;background:#272219 url(../img/foot-bg.gif) repeat-x left top;/*width:744px;*/overflow:hidden;margin:20px -15px 0 -28px;padding:15px 0;} .home #foot { margin-left:0;} #content #foot ul { position:relative;display:inline;float:left;margin:10px 0 0 30px;padding:0;list-style-type:none;} #content #foot ul li { position:relative;font-size:12px;line-height:13px;margin:0;padding:3px 0;} #content #foot ul li a { position:relative;padding-left:10px;background:url(../img/foot-tick.gif) left center no-repeat;color:#D8D4CB;font-weight:700;} #foot p { position:relative;float:right;color:#A4A097;font-size:1.1em;text-align:right;line-height:1.5em;padding:24px 30px 0 0;} #foot p span { position:relative;color:#7D766C;display:block;} .foot-column { width:140px;display:inline;float:left;} #lift { color:#7D766C;font:italic bold 1em georgia,serif;} #content ul.volunteer { margin:1.5em 0;} #content ul.volunteer li { list-style:none;float:left;display:block;width:215px;height:150px;border-bottom:1px dotted #77889F; margin:1em 15px 1em 0; position: relative;} #content ul.volunteer li h3 { font-size:1.25em;line-height:1em;margin:0;} #content ul.volunteer li p { font-size:.9em; color:#666; } #content ul.volunteer li p.button { position: absolute; bottom: 0; left: 0;} #content ul.quicklist { margin:1.5em 0;} #content ul.quicklist li { clear:both; float:left; list-style:none; margin:0 15px 1em 0; position:relative; width:445px; } #content ul.quicklist li h3 { font-size:1.25em; line-height:1em; margin:0 0 0.25em; } #content ul.quicklist li h3 a { color:#E84A1A; border-bottom:0; } #content ul.quicklist li h3 a:hover, #content ul.quicklist li h3 a:hover span { color:#FF602F; } #content ul.quicklist li h3 span { color:#999; font:normal 0.667em/1 Arial,Helvetica,sans-serif; white-space:nowrap; } #content ul.quicklist li h4 { color:#444; font-size:0.9167em; font-weight:normal; line-height:1em; margin:0 0 0.25em; } #content ul.quicklist li p { font-size:.9em; color:#666; margin-bottom:0.5em; } #content ul.quicklist li p.button { /*position: absolute; bottom: 0; left: 0;*/ float:left; margin:0.5em 0; } #content p.subtitle { font-weight:bold; } #content p.address { float:left; width:200px; } #content div.contact-info { float:left; width:245px; } #content p.viewmore { clear:both; } #sub-content ul { margin: 0; } #sub-content a { border-bottom: none; font-weight: normal; } #sub-content ul { list-style-type: none;} #sub-content ul li { margin:12px 0; } #sub-content ul li a { border-bottom:1px dotted #77889F; margin:0 15px 0 0; padding:0.25em 0; display: block; text-decoration: none;} #sub-content ul li a:hover { color: #fff; background-color: #2670A0; text-decoration: none; } #news_item ul li { border-bottom: 1px dotted #4283AC;} #news_item ul li a { font-size: 14px; padding: 0; margin: 0; border-bottom: none !important; } #news_item .news_date {font-size: 12px; } #news_item h4 { font-size: 14px; margin: 12px 0 0 0 !important; } .sub_news { padding: 25px 0 0 30px !important; width: 200px !important; } .feed-link a { background: url(../img/rss-small.png) no-repeat 0 13px; padding: 12px 0 8px 20px; margin-left: 30px; color: #e59c27; display: block;} em.special { font-size: 1.25em; color: #CA4D39;} a.go-volunteer { position:absolute;bottom:10px;left:16px;height:70px;width:315px;background:url(../img/go-link.gif) top left no-repeat;text-indent:-9999em; border: none !important; text-decoration: none !important;} #top,#page,#tri2,#tri3 ul { position:relative;} .sub-menu li a:hover,.sub-menu li a.current { background:#3f3425 url(../img/sb-arrow.gif) left center no-repeat;text-decoration:none;color:#E0bD42;} .sub-menu li a.current { background:#3f3425 url(../img/sb-arrow-left.gif) left center no-repeat;} /* ** =search-results **********************/ ol#search-results { margin:0 50px 0 20px; } #search-results li { } #search-results h2 { border:0; font-size:1.5em; } #search-results h2 em { font-size:0.75em; white-space:nowrap; } #search-results p { font-size:1em; } /* ** =lightbox galleries **********************/ #content .lightbox a { display:block; float:left; text-decoration:none; border:0; } .lightbox img { margin:0 10px 10px 0; } /* ** =comments **********************/ #comments { background:url('../img/bg-comment.gif') no-repeat 0 0; padding-left:41px; } ul#commentList { border-top:1px dotted #77889F; list-style-type:none; margin:0; } ul#commentList li { border-bottom:1px dotted #77889F; padding:10px 10px 20px; margin:0; } ul#commentList li.odd { background:#f5f5f5; } #commentList blockquote { background:0; font-size:1em; font-family:arial,helvetica,sans-serif; padding:0; } #commentList p { font-size:1em; margin-bottom:0.5em; } #commentList cite { color:#999; font-size:0.9167em; } #commentForm td, #commentForm th { color:#666; padding:5px; vertical-align:top; }