html { background:url(/images/pyjama_appeal/backgrounds/main.gif) #00cfdc repeat-x; height:100%; } body { font-family:Arial,Helvetica,sans-serif; font-size:12px; height:100%;} #admin-bar { overflow:hidden; background:#000000; border-bottom:1px solid #cccccc; height:25px; } #admin-bar p { width:930px; margin:auto; color:#ffffff; margin-top:5px; text-align:right; padding:0px 10px;} #admin-bar p a { color:#ffffff;} #wrap { width:1044px; margin:auto; } #header { width:1023px; margin-left:21px; height:228px;} #header .visit-main a { background:url(/images/pyjama_appeal/main-logo.png) no-repeat; display:block; text-indent:-99999px; height:146px; width:348px; overflow:hidden; float:left; position:relative; z-index:20; } #header h1 { position:absolute; margin-top:120px; z-index:10;} #header h1 a { background:url(/images/pyjama_appeal/logo.png) no-repeat; display:block; width:284px; height:267px; text-indent:-99999px; overflow:hidden;} #header .tag-line { background:url(/images/pyjama_appeal/tag-line.png) no-repeat; display:block; text-indent:-99999px; width:635px; height:53px; float:right; margin-top:12px;} #header ul.main-nav { clear:both; margin-left:262px; position:absolute; overflow:hidden; margin-bottom:-6px; margin-top:100px; width:745px;} #header ul.main-nav li { float:left;} #header ul.main-nav li a { color:#ffffff; text-decoration:none; display:block; overflow:hidden; text-indent:-99999px; position:relative; z-index:30; } #header ul.main-nav li a:hover { text-decoration:underline;} #header ul.main-nav li a.active { text-decoration:underline;} #header ul.main-nav li.donate-sponsor a { background:url(/images/pyjama_appeal/nav/donate-sponsor.png) no-repeat; width:228px; height:120px; margin-top:10px;} #header ul.main-nav li.ideas-factory a { background:url(/images/pyjama_appeal/nav/ideas-factory.png) no-repeat; width:222px; height:130px; margin-left:-13px;} #header ul.main-nav li.media-centre a { background:url(/images/pyjama_appeal/nav/media-centre.png) no-repeat; width:147px; height:86px; margin-top:44px; margin-left:9px; } #header ul.main-nav li.notice-board a { background:url(/images/pyjama_appeal/nav/notice-board.png) no-repeat; width:144px; height:86px; margin-top:50px; margin-left:4px; } #main-content { min-height:300px; overflow:hidden;} #main-content .left-col { width:302px; float:left; margin-top:80px;} #main-content .left-col .whats-about h4 a { background:url(/images/pyjama_appeal/whats-the-appeal-about.png) no-repeat; width:275px; height:220px; display:block; text-indent:-99999px; margin-left:37px; overflow:hidden; } #main-content .left-col .whats-about p { text-indent:-99999px;} #main-content .left-col .photo-gallery h4 a { background:url(/images/pyjama_appeal/photo-gallery.png) no-repeat; width:316px; height:249px; display:block; text-indent:-99999px; margin-left:8px; overflow:hidden; } #main-content .left-col .photo-gallery p { text-indent:-99999px;} #main-content .left-col .donate-today h4 a { background:url(/images/pyjama_appeal/donate_today.png) no-repeat; width:301px; height:186px; display:block; text-indent:-99999px; margin-left:10px; overflow:hidden; } #main-content .right-col { border:2px solid #ffffff; width:685px; min-height:200px; float:right; margin-right:31px; background:#06326e; } #main-content .right-col .right-col-content .top-border { background:url(/images/pyjama_appeal/backgrounds/right-content-top.gif) no-repeat top left; height:16px; width:658px;} #main-content .right-col .right-col-content { background:url(/images/pyjama_appeal/backgrounds/right-content-repeat.gif) top left; width:658px; margin:12px;} #main-content .right-col .right-col-content .bottom-border { background:url(/images/pyjama_appeal/backgrounds/right-content-bottom.gif) no-repeat bottom left; min-height:200px; overflow:hidden; padding-bottom:16px; width:658px;} #main-content .right-col .right-col-content .bottom-border div.parchment-block { margin:0px 20px; } #main-content .right-col .right-col-content .bottom-border .page-image { float:right; width:200px; margin-right:5px;} #main-content .right-col .right-col-content h2.page-title { margin:0px 18px; overflow:hidden; width:100%; font-size:220%; color:#ffffff; } #main-content .right-col .right-col-content h2.page-title .title { background:url(/images/pyjama_appeal/backgrounds/title-repeat.gif) repeat-x top left; width:auto; display:block; float:left; height:47px; padding:0px 10px; padding-top:16px; margin-left:-1px; margin-right:-1px; } #main-content .right-col .right-col-content h2.page-title .background-left { background:url(/images/pyjama_appeal/backgrounds/title-left.gif) no-repeat top left; display:block; float:left; width:12px; height:63px; } #main-content .right-col .right-col-content h2.page-title .background-right { background:url(/images/pyjama_appeal/backgrounds/title-right.gif) no-repeat top left; display:block; float:left; width:14px; height:63px; } #main-content .right-col .right-col-content h3 { margin:15px 0px; color:#06326e; font-size:180%;} #main-content .right-col .right-col-content h4 { margin:15px 0px; color:#06326e;} #main-content .right-col .right-col-content h5 { margin:15px 0px; color:#06326e;} #main-content .right-col .right-col-content p { margin:15px 0px; color:#06326e; line-height:150%; letter-spacing:0.5px;} #main-content .right-col .right-col-content ul { margin:10px 0px;} #main-content .right-col .right-col-content ul li { margin:5px 0px 5px 10px; color:#06326E; } #main-content .right-col .right-col-content ol { margin:15px 0px;} #main-content .right-col .right-col-content ol li { margin:5px 0px 5px 10px; color:#06326E; } #main-content .right-col .right-col-content a { text-decoration:none; color:#06326e; } #main-content .right-col .right-col-content a:hover { text-decoration:underline;} #main-content .right-col .right-col-content strong { font-weight:bold; } #main-content .right-col .right-col-content b { font-weight:bold; } #main-content .right-col .right-col-content em { font-style:italic;} #main-content .right-col .right-col-content i { font-style:italic;} #main-content .right-col .right-col-content strong em { font-weight:bold; } #main-content .right-col .right-col-content ul.image-gallery { overflow:hidden; margin-right:-15px; margin-left:10px; margin-bottom:-10px; } #main-content .right-col .right-col-content ul.image-gallery li { background:url(/images/pyjama_appeal/backgrounds/image-background.gif) no-repeat; float:left; width:129px; height:160px; float:left; margin-right:25px; margin-bottom:15px; } #main-content .right-col .right-col-content ul.image-gallery li img { margin-left:4px; margin-top:4px;} #main-content .right-col .right-col-content .image-placeholder { margin:20px 0px; text-align:center;} #main-content .right-col .right-col-content ul.document_library { margin:10px 0px; overflow:hidden;} #main-content .right-col .right-col-content ul.document_library li.document { overflow:hidden; margin:10px; margin-top:0px; width:289px; float:left; padding:0px;} #main-content .right-col .right-col-content ul.document_library li.document .file-type-icon { text-align:center; float:left; padding-left:0px; margin:3px 0px;} #main-content .right-col .right-col-content ul.document_library li.document h4 { margin:18px 0px 0px 0px; padding-left:58px; font-size:140%; } #main-content .right-col .right-col-content ul.document_library li.document h4 a { color:#06326e;} #main-content .right-col .right-col-content ul.document_library li.document p { margin:5px 0px; padding-left:58px;} #main-content .right-col .right-col-content ul.document_library li.document p.document-icon { text-align:center; float:left; padding-left:0px; margin:8px 0px;} #main-content .right-col .right-col-content .news_articles { } #main-content .right-col .right-col-content .news_articles .article { overflow:hidden;} #main-content .right-col .right-col-content .news_articles .article .details { width:370px; float:left; text-align:justify;} #main-content .right-col .right-col-content .news_articles .article .details h3 { margin-bottom:0px; font-size:160%;} #main-content .right-col .right-col-content .news_articles .article .details p { margin-top:5px;} #main-content .right-col .right-col-content .news_articles .article ul.images { width:228px; float:right;} #main-content .right-col .right-col-content .news_articles .article ul.images li { background:url(/images/pyjama_appeal/backgrounds/news-image-background.gif) no-repeat; width:228px; height:139px; overflow:hidden; margin-bottom:20px;} #main-content .right-col .right-col-content .news_articles .article ul.images li img { margin-left:5px; margin-top:4px;} #main-content .right-col .ideas-factory-boxes div { float:left; margin:15px 0px 15px 15px;} #main-content .right-col .ideas-factory-boxes div a { width:317px; height:244px; display:block; text-indent:-99999px; overflow:hidden; } #main-content .right-col .ideas-factory-boxes .go-bananas a { background:url(/images/pyjama_appeal/homepage/go-bananas-in-pyjamas.gif) no-repeat; } #main-content .right-col .ideas-factory-boxes .family-friends a { background:url(/images/pyjama_appeal/homepage/family-friends.gif) no-repeat; } #main-content .right-col .ideas-factory-boxes .around-clock a { background:url(/images/pyjama_appeal/homepage/raise-money-around-clock.gif) no-repeat; } #main-content .right-col .ideas-factory-boxes .helping-others a { background:url(/images/pyjama_appeal/homepage/help-whilst-helping-others.gif) no-repeat; } #homepage #main-content .right-col { background:url(/images/pyjama_appeal/backgrounds/homepage-main.gif) repeat-x #c20102;} #homepage #main-content .right-col .content { margin:0px 20px; } #homepage #main-content .right-col .content h3 { color:#ffffff; font-size:180%; margin:0px 0px 15px 0px; clear:both;} #homepage #main-content .right-col .content p { color:#ffffff; line-height:150%; margin:15px 0px;} #homepage #main-content .right-col .content a { color:#ffffff;} #homepage #main-content .right-col .content div.parchment-block p.inlineoptions a { color:#333333;} #homepage #main-content .right-col .homepage-boxes { overflow:hidden;} #homepage #main-content .right-col .homepage-boxes div { float:left; margin:15px 0px 15px 15px;} #homepage #main-content .right-col .homepage-boxes div a { width:317px; height:244px; display:block; text-indent:-99999px; overflow:hidden; } #homepage #main-content .right-col .homepage-boxes .donate-today a { background:url(/images/pyjama_appeal/homepage/donate-today.gif) no-repeat; } #homepage #main-content .right-col .homepage-boxes .sponsor-nurse a { background:url(/images/pyjama_appeal/homepage/sponsor-nurse.gif) no-repeat; } #footer { margin-left:29px; background:url(/images/pyjama_appeal/backgrounds/footer.png) no-repeat; width:993px; height:70px; padding-top:41px; margin-bottom:20px; } #footer ul.footer-nav { overflow:hidden; text-align:center; margin-top:10px; } #footer ul.footer-nav li { margin-left:20px; display:inline; } #footer ul.footer-nav li a { color:#ffffff; text-decoration:none; } #footer ul.footer-nav li a:hover { text-decoration:underline; } #footer ul.footer-nav li a.active { text-decoration:underline; } #footer p.company-info { color:#ffffff; margin:auto; margin-top:5px; text-align:center;} #footer p a { color:#ffffff;} #footer p.designed-by { color:#ffffff; margin:auto; margin-top:5px; text-align:center;} #footer p.twitter-link { float:left; margin-left:3px; margin-top:3px; } #footer p.twitter-link a { background:url(/images/pyjama_appeal/backgrounds/twitter-link.png); width:64px; height:64px; display:block; text-indent:-99999px; overflow:hidden;} #footer p.facebook-link { float:right; margin-right:3px; margin-top:3px; } #footer p.facebook-link a { background:url(/images/pyjama_appeal/backgrounds/facebook-link.png); width:64px; height:64px; display:block; text-indent:-99999px; overflow:hidden;} #main-content div.parchment-block { padding:0px; border:none; margin-bottom:0px; overflow:visible;} #main-content div.parchment-block p.inlineoptions { position:absolute; z-index:500; display:none; height:auto !important;} * html #header ul.main-nav { margin-top:-46px;} * html #footer ul.footer-nav { padding-top:10px; margin-top:0px;} * html #footer p { margin:0px; padding:0px; } * html #footer p.designed-by { margin-top:-15px;} * html #header ul.main-nav { margin-top:-46px;} * html #footer ul.footer-nav { padding-top:10px; margin-top:0px;} * html #footer p { margin:0px; padding:0px; } * html #footer p.designed-by { margin-top:-15px;}