body { background-color:#ff7304; font: 13px Trebuchet, Arial, sans-serif; color: #888888; } a { color:#404040; text-decoration:none; } a:hover { text-decoration:underline; } .clear { clear:both; font-size:0.1px; height:0.1px; line-height:0.1px; } .float-right { float:right; } .float-left { float:left; } #header .inside, #banner .inside, #container .inside-content { width:800px; margin:auto; } /** * Header */ #header { background-color:#ffc70e; height:22px; padding:2px 100px 0 0; } #header .inside { text-align:right; } #header .inside div { overflow:hidden; } #header .language-switch, #header .language-switch ul, #header .language-switch li, #header .language-switch li, #siteNav, #siteNav ul, #siteNav li, #header .search-engine, #header .search-engine form, #header .search-engine div, #header .search-engine .formbody, #header .search-engine .breaker { display:inline; height:13px; } #header .language-switch li, #siteNav li { padding:0 5px; border-right:1px solid; } #header label { line-height:13px; vertical-align:middle; margin:0; padding:0; } #header input.text { font-size:11px; border:0 none; width:98px; margin:0 5px; } #header .search-engine .submit_container input { vertical-align:middle; } /** * Banner */ #banner { background-color:#ff7304; height:125px; overflow:visible;} #banner .inside { height:100%; background:url( "images/header-background.jpg" ) center center repeat-x; overflow:visible; } #banner .left { float:left; width:83px; height:125px; background: url( "images/header-left.jpg" ) center center no-repeat; } #banner .right { position:absolute; right:0; top:-5px; float:right; width:194px; height:130px; background: url( "images/header-right.jpg" ) center center no-repeat; overflow:visible; } #banner .logo { width:214px; height:55px; position:absolute; float:left; top:20px; left:33px; } #banner .title { width:291px; height:42px; position:absolute; float:left; top:27px; left:304px; } #banner .main-menu { float:right; margin:86px 195px 0 0; } #banner .main-menu .menu-left { float:left; width:6px; height:33px; background:url( "images/header-menu-left.jpg" ) center center no-repeat; } #banner .main-menu .menu-right { float:left; width:6px; height:33px; background:url( "images/header-menu-right.jpg" ) center center no-repeat; } #banner .main-menu .menu { float:left; background:url( "images/header-menu-background.jpg" ) center center repeat-x; } #banner .main-menu .menu .level_2 { display:none; } #banner .main-menu .menu li { float:left; vertical-align:middle; height:33px; font-size:11px; padding-left:13px; text-align:center; background:url( "images/header-menu-separator.jpg" ) center left no-repeat; } #banner .main-menu .menu li.item1 { background:none; padding-left:0px; } #banner .main-menu .menu li.item4, #banner .main-menu .menu li.item5 { width:60px; } #banner .main-menu .menu li.item6 { width:70px; } #banner .main-menu .menu li span, #banner .main-menu .menu li a { display:block; height:33px; width:100%; text-decoration:none; color:#ffc60d; padding-top:2px; } #banner .main-menu .menu li.active a, #banner .main-menu .menu li .active, #banner .main-menu .menu li a:hover { color:#ff7304; } #banner .main-menu .menu li.item1 *, #banner .main-menu .menu li.item2 *, #banner .main-menu .menu li.item3 *, #banner .main-menu .menu li.item7 * { padding-top:10px; } #navMainJs { width:260px; margin:5px 0 0 -17px; font-size:12px; } #navMainJs .submenu-top { width:260px; height:30px; background:url( "images/header-menuJs-top.png" ) no-repeat center center; } #navMainJs .submenu-content { padding:0 30px; background:url( "images/header-menuJs-content.png" ) repeat-y center center; } #navMainJs .submenu-content a { color:#ffffff; text-decoration:none; } #navMainJs .submenu-content a:hover { font-weight:bold; } #navMainJs .submenu-content .active { color:#ffffff; font-weight:bold; } #navMainJs .submenu-bottom { width:260px; height:31px; background:url( "images/header-menuJs-bottom.png" ) no-repeat center center; } /** * Container */ #container { background-color:#cccc9a; } #container .inside-content { background:url( "images/content-background.jpg" ) center center repeat-y; min-height:186px; _height:186px; } #container .inside-content .top-design { float:right; width:194px; height:20px; background: url( "images/content-top.jpg" ) center center no-repeat; } #container .inside-content .left-design { float:left; width:25px; height:186px; background: url( "images/content-left.jpg" ) center center no-repeat; } #container .mod_breadcrumb { margin:0 0 10px 45px; padding-top:10px; } #container .banner { color:#888888; font-size:11px; } /* Sidebar */ #container #left { float:left; width:160px; margin-top:5px; } #container #left a { text-decoration:none; } #container #left a:hover { text-decoration:underline; } #left .mod_article { margin:0 0 25px 0; } #left .mod_article a { color:#6799cc; } #left .mod_article h3 { font-size:13px; margin:10px 0 5px; } #left .mod_article ul { padding-left:12px; } #left .mod_article li { list-style:square; margin:5px 0; } #left .ce_text { color:#6799CC; } #left .ce_text p { margin:7px 0; } #left .mod_subscribe { background-color:#b3da67; text-align:center; margin:15px 0; } #left .mod_subscribe h3 { width:160px; height:21px; line-height:21px; vertical-align:middle; text-align:center; color:#ffffff; font-size:9px; letter-spacing:-0.1px; font-weight:bold; background:url( "images/sidebar-newsletter-top.jpg" ); } #left .mod_subscribe form { padding:5px; color:#ffffff; } #left .mod_subscribe p { padding:2px 5px; } #left .mod_subscribe label { font-size:11px; float:left; line-height:17px; vertical-align:middle; } #left .mod_subscribe input { font-size:11px; float:right; } #left .mod_subscribe .text { width:100px; border:0 none; } #left .mod_subscribe .submit { width:100px; border:0 none; float:right; color:#777777; } #left .mod_subscribe .newsletter-bottom { width:160px; height:15px; background:url( "images/sidebar-newsletter-bottom.jpg" ) center center no-repeat; } #left .quote-slider .slide { margin:0; } #left .quote-slider .quoteContent { overflow:hidden; } #left .quote-slider .quoteControl { text-align:center; width:50px; margin:auto; } #left .quote-slider .quoteControl .quote-button { text-decoration:none; } /* Main */ #container #main { float:left; width:550px; padding:0 10px; } #container #main h1 { height:28px; background:url( "images/content-heading1.jpg" ) left center no-repeat; vertical-align:middle; color:#ffffff; font-size:18px; padding:10px 0 0 15px; font-weight:bold; } #container #main h2 { font-size:17px; text-align:center; margin:10px 0 5px; } #main .mod_article { margin:10px 0; } #main h3 { margin:15px 0 5px; } #main p { margin:5px 0 10px; line-height:13px; } #main .ce_text { margin:5px 0 10px; } #main .ce_text p { padding:10px 0; } #main .ce_text_without_image p { clear:both; } #main .ce_text img { padding:0 10px 10px 10px; } #main .ce_text ul { padding-left:15px; } #main .ce_text ul li { list-style: inside disc; } #main .clearBlock { clear:both; } #main .blue, #main .green, #main .orange, #main .purple, #main .red, #main .yellow { margin:35px 0; } #main .blue .top, #main .green .top, #main .orange .top, #main .purple .top, #main .red .top, #main .yellow .top { height:24px; color:#ffffff; font-size:18px; font-weight:bold; padding:3px 0 0 15px; } #container #main .blue .top h2, #container #main .green .top h2, #container #main .orange .top h2, #container #main .purple .top h2, #container #main .red .top h2, #container #main .yellow .top h2 { margin:0; } #main .blue .bottom, #main .green .bottom, #main .orange .bottom, #main .purple .bottom, #main .red .bottom, #main .yellow .bottom { height:27px;} #main .no-bottom .bottom, #main .no-bottom .bottom, #main .no-bottom .bottom, #main .no-bottom .bottom, #main .no-bottom .bottom, #main .no-bottom .bottom { height:0;} #main .blue .middle, #main .green .middle, #main .orange .middle, #main .purple .middle, #main .red .middle, #main .yellow .middle { border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; padding:5px; } #main .no-bottom .middle, #main .no-bottom .middle, #main .no-bottom .middle, #main .no-bottom .middle, #main .no-bottom .middle, #main .no-bottom .middle { background-color:#eaeaea; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } #main .blue .top { background:url( "images/content-block-top-blue.jpg" ) #bcd5fe no-repeat center left; } #main .blue .bottom { background:url( "images/content-block-bottom-blue.jpg" ) #deeaff no-repeat center right; } #main .green .top { background:url( "images/content-block-top-green.jpg" ) #99cc33 no-repeat center left; } #main .green .bottom { background:url( "images/content-block-bottom-green.jpg" ) #cbe599 no-repeat center right; } #main .orange .top { background:url( "images/content-block-top-orange.jpg" ) #e77700 no-repeat center left; } #main .orange .bottom { background:url( "images/content-block-bottom-orange.jpg" ) #f3bb80 no-repeat center right; } #main .purple .top { background:url( "images/content-block-top-purple.jpg" ) #a6a2ff no-repeat center left; } #main .purple .bottom { background:url( "images/content-block-bottom-purple.jpg" ) #d2d1fe no-repeat center right; } #main .red .top { background:url( "images/content-block-top-red.jpg" ) #fe504f no-repeat center left; } #main .red .bottom { background:url( "images/content-block-bottom-red.jpg" ) #fea7a7 no-repeat center right; } #main .yellow .top { background:url( "images/content-block-top-yellow.jpg" ) #ffc70e no-repeat center left; } #main .yellow .bottom { background:url( "images/content-block-bottom-yellow.jpg" ) #ffe386 no-repeat center right; } #main .slider { margin:35px 0; } #main .slider .slide { margin:0; } #main .slider .slideContent { overflow:hidden; } #main .slider .slideControl { padding:10px 0; } #main .slider .slideControl .button { display:block; height:33px; line-height:33px; text-decoration:none; } #main .slider .slideControl .leftButton { float:left; padding-left:40px; background:url("images/slider-left") no-repeat left center; } #main .slider .slideControl .rightButton { float:right; padding-right:40px; background:url("images/slider-right") no-repeat right center; } #main .slider .slideControl .button span { vertical-align:middle; font-size:14px; } #main .slider .slideControl .pager { margin:6px auto 0; } #main .slider .slideControl .pager a { display:block; padding:2px; float:left; width:15px; height:15px; margin-right:2px; text-decoration:none; border:1px solid #888888; color:#888888; text-align:center; } #main .slider .slideControl .pager a.active { background-color:#888888; color:#ffffff; } /** * Footer */ #footer { background:url( "images/footer-background.jpg" ) center center repeat-x; height:76px; } #footer .inside { background:url( "images/footer-inside-background.jpg" ) center top no-repeat; height:76px; width:800px; margin:auto; color:#ffffff; text-align:center;} #footer p { padding:10px 0 5px; } #footer a { color:#ffffff;} #footer li { display:inline; padding:0 5px; border-left:1px solid #ffffff; } #footer li.first { border-left:0 none; } /** * Sitemap */ #main #sitemap-content ul { padding-left:15px; } #main #sitemap-content ul li { list-style:square; } /** * Home */ #home-left h3 { color:#6799cc; } #home-left .membership-link { margin-top:20px; } #home-left .ce_hyperlink a { color:#6799cc; font-size:13px; font-weight:bold; } #container #right { float:right; width:160px;} #container #right a { text-decoration:none; } #container #right a:hover { text-decoration:underline; } #right .volunteer_1 { margin:0px 0 0 0;} #right .volunteer_1 .volunteer_1-head { width:160px; height:21px; background:url( "images/sidebar-donation-head.jpg" ) center center no-repeat; } #right .volunteer_1 .volunteer_1-head h3 { text-align:center; height:21px; line-height:22px; vertical-align:middle; color:#ffffff; } #right .volunteer_1 p { padding:0px 0 0 0;} /* min-height:48px; _height:48px; background:url( "images/pic-19.jpg" ) center center no-repeat;}*/ #right .volunteer_1 .volunteer_1-bottom { width:160px; height:15px; background:url( "images/sidebar-donation-bottom.jpg" ) center center no-repeat; } #right .recycle_3 { margin:0px 0 0 0;} #right .recycle_3 .recycle_3-head { width:160px; height:21px; background:url( "images/sidebar-donation-head.jpg" ) center center no-repeat; } #right .recycle_3 .recycle_3-head h3 { text-align:center; height:21px; line-height:22px; font-size:10px; vertical-align:middle; color:#ffffff; } #right .recycle_3 p { padding:0px 60px 0px 0; min-height:48px; _height:48px; background:url( "images/MCj04401040000[1].jpg" ) left center no-repeat;} #right .recycle_3 .recycle_3-bottom { width:160px; height:15px; background:url( "images/sidebar-donation-bottom.jpg" ) center center no-repeat; } #right .shisharse_2 { margin:0px 0 0 0;} #right .shisharse_2 .shisharse_2-head { width:160px; height:21px; background:url( "images/sidebar-donation-head.jpg" ) center center no-repeat; } #right .shisharse_2 .shisharse_2-head h3 { text-align:center; height:21px; line-height:21px; vertical-align:middle; color:#ffffff; } #right .shisharse_2 p { padding:0px 85px 0px 0; font-size: 11px; min-height:48px; _height:48px; background:url( "images/pic-6.jpg" ) right center no-repeat;} #right .shisharse_2 .shisharse_2-bottom { width:160px; height:15px; background:url( "images/sidebar-donation-bottom.jpg" ) center center no-repeat; } #home-content #slideShow { position:relative; width:380px; height:287px; overflow:hidden; } #home-content #slideShow .slide { position:absolute; float:left; top:0; left:0; background-color:#FFFFFF; margin-top:0; } #home-content #slideShow .slide { padding:15px 10px 0 0; } #home-content #slideShow .slide .middle { height:203px; } #home-content #mainpanel0 p { font-size:19px; line-height:19px; } #home-content #mainpanel1 p { font-size:19px; line-height:19px; } #home-content #mainpanel2 p { font-size:14px; line-height:17px; } #home-content #mainpanel3 p { font-size:19px; line-height:21px; } #home-content #sharing {float:left; width:300px; clear:right; margin-top:35px; } #home-content #sharing .middle {height: 145px;} #home-content #latestnews {float:right; width:240px; margin-top:35px;} #home-content #latestnews .middle {height: 145px;} #home-content #latestnews p {padding:0 5px; margin:10px 0;} #benefits-content #benefits-to-children li {padding:0 0 5px 0; font-size: 14px; line-height: 18px;} #benefits-content #benefits-to-children .middle p {padding: 0 0 0 13px; font-size: 14px;} /** * Newsletter #newsletter-content .mod_nl_list { float:left; width:100px; } #newsletter-content .mod_nl_list li { margin-bottom:15px; } #newsletter-content .mod_nl_reader { float:left; width:450px; } */ /** * Who we are */ #who-we-are-content #data { float:left; width:200px; } #who-we-are-content #flag { float:right; width:340px; } /** * Glossary */ #container #main #glossary-content h2 { background:0 none; color:#888888; border-bottom:1px dashed #888888; height:auto; margin:15px 0 10px; padding:0; text-align:left; } #container #main #glossary-content dt { font-weight:bold; font-size:14px; } /** * News */ #container #main #latest-news-events-content .mod_newslist .layout_short { margin:10px 0; } #container #main #latest-news-events-content .mod_newslist p { margin:5px 0; } #container #main #latest-news-events-content .mod_newslist h3 { margin:25px 0 0; } /** * Registration */ #registration-content form table { border:1px solid #eaeaea; margin:auto; } #registration-content .even { background-color:#eaeaea; } #registration-content td { padding:5px; vertical-align:middle; } #registration-content .row_16 td.col_0 { vertical-align:top; padding-top:10px; } #registration-content textarea { width:400px; } #registration-content p.error, #registration-content span.mandatory { color:red; } #main #registration-content .captcha_text { color:#888; } /** * Contact */ #contact-content form table { border:1px solid #eaeaea; margin:auto; } #contact-content .even { background-color:#eaeaea; } #contact-content td { padding:5px; vertical-align:middle; } #contact-content .row_16 td.col_0 { vertical-align:top; padding-top:10px; } #contact-content textarea { width:400px; } #contact-content p.error, #contact-content span.mandatory { color:red; } #main #contact-content .captcha_text { color:#888; }