/*======================= Reset =======================*/ html, body{color:#333333; margin:0; padding:0;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,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 {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;/*IE*/} legend{color:#333333;/*IE*/} del,ins{text-decoration:none;} p{padding:10px 0px; margin:0;} a{text-decoration:underline; color:#003366;} a:hover{text-decoration:none; outline:none;} .clear{ clear:both; line-height:0;} /*======================= Typography =======================*/ html,body{font:10pt Arial, Helvetica, sans-serif;} #content h2, #content h1, #footer, .gray, #content #cn_main ul.resources_links li{font-size:9pt;} ul#navi li a, input#submit{font-size:14pt; text-decoration:none;} #content h1{font-size:15pt;} #content fieldset legend, body.donation h, #partner_church h5,body.download h3{font-size:13pt;} #content #cn_main .box_290 h1{font-size:19pt;} #wrap #socialnet { font-size:0.8em;} body.events a{text-decoration:none;} body.events a:hover{text-decoration: underline;} body.events #content #cn_main h3{font-size:8pt;} body.events #content #cn_main h1 {font-size:12pt;} #cn_sub a, #content ul.a_opp a, #content h1 a,#content #cn_main ul.resources_links li a, .btn_borough a, .icon_list a, #wrap #home a, #partner_church ul li a,body.events a:hover,#socialnet a,body.home #cn_main h4 a{text-decoration:none;} #cn_sub a:hover, #content ul.a_opp a:hover, #content h1 a:hover,#content #cn_main ul.resources_links li a:hover, #wrap #home:hover, #partner_church ul li a:hover, .icon_list a:hover,body.events a,#socialnet a:hover,body.home #cn_main h4 a:hover{text-decoration:underline;} #content h2, #content h1, #footer em, #content fieldset label, #content fieldset legend, #cn_sub a.download, .btn_borough a, .icon_list a, #wrap #home, #partner_church h5,body.download h3{font-weight:bold;} #content h2{text-transform: uppercase;} #content h1 em, #footer em, em.red{font-style:normal;} /*======================= Colours =======================*/ ul#navi li a, #content h1 em, #wrap #home a{color:#000} ul#navi li a:hover, #footer em, #footer em a, .red {color:#b93a42; text-decoration:none;} /*red*/ body.gdoplondon ul#navi li.gdoplondon a, body.pray ul#navi li.pray a, body.getinvolved ul#navi li.getinvolved a, body.news ul#navi li.news a, body.gallery ul#navi li.gallery a, body.events ul#navi li.events a{color:#b93a42; cursor:default;} #cn_sub a, #content h1, #content fieldset legend, input#submit, .btn_borough a, .icon_list a, #partner_church h5,body.events a,body.news #content #cn_main.article h3,body.home #content h3{color:#003366;} /*blue*/ #content h2,#socialnet a{color:#fff;} .gray a, #partner_church li{color:#999;} #partner_church li a{color:#333;} /*======================= content =======================*/ #wrap{margin:0 auto; width:924px; background:url(../images/bg_header.jpg) no-repeat top left; padding:226px 15px 0px 15px; height:800px; position:relative;} #wrap #logo a{position:absolute; top:24px; right:30px; width:182px; height:76px; display:block;} #wrap #title a{position:absolute; top:24px; left:0px; width:538px; height:143px; display:block;} #wrap #home a{position:absolute; top:95px; right:32px; width:70px; height:25px; display:block; text-align:right;} #wrap #socialnet a{position:absolute; top:5px; right:10px; width:200px; height:15px; display:block; text-align:right;} ul#navi{float:left;width:924px;display:block;background:url(../images/bg_nav.gif) no-repeat left top;height:39px;padding-top:15px;} ul#navi li {display:inline; padding:0px 16px 0 15px; text-align:center; } #content{float:left; width:909px; padding:15px 15px 15px 0px; /*background:#fff url(../images/bg_cnSub.gif) no-repeat left bottom;*/ } #cn_sub{float:left; width:239px; margin-right:15px; /*min-height:1200px;*/} *html #cn_sub{height:1200px;} #cn_sub h2{width:209px; height:23px; background:url(../images/bg_h2_sub.gif) no-repeat left top; padding: 4px 0px 0px 15px; margin-left:15px;} #cn_sub ul{width:209px; padding-right:15px; text-align:right; background: url(../images/bg_SubNav.gif) no-repeat left bottom; margin-left:15px;} #cn_sub ul li{padding:20px 0px 20px 0px;} #cn_sub a.download,#cn_sub a.gideobtn {float:left; width:209px; margin:15px 0px 0px 15px; height:53px; background:url(../images/btn_downloadRes.gif) top left no-repeat; text-align:right;padding: 14px 15px 0px 0px;} #cn_sub a.gideobtn {margin:0px 0px 0px 15px; background:url(../images/btn_blueside.gif) top left no-repeat; color:#c2703e;padding:20px 15px 0px 0px;height:47px;} #social{float:left; width:239px; margin-right:15px;} #social a.twitter,#social a.facebook,#social a.youtube{display:block; float:right; width:40px; height:40px; text-indent:-2900px; padding-left:10px; background:url(../images/ic_twitter.gif) no-repeat left top;} #social a.facebook{background:url(../images/ic_facebook.gif) no-repeat left top;} #social a.youtube{background:url(../images/ic_youtube.gif) no-repeat left top;} #content #cn_main{float:left; width:655px;} #content #cn_main h2{width:640px; height:23px; background:url(../images/bg_h2.gif) no-repeat left top; padding: 4px 0px 0px 15px;} body.home #cn_main h4{width:270px; clear:both; display:block; padding:10px 10px 10px 0px; margin-top:5px; border-top:1px dotted #CCC; font-weight:bold; font-size:1.1em;} body.home #cn_main h1{margin-bottom:10px;} #content #cn_main ul{margin:15px 0px;} #content #cn_main ul li{background:url(../images/bullet_black.gif) no-repeat 0px 6px; padding-left:15px; margin:7px 0px;} #content #cn_main ul.resources_links li{ padding:2px 0px 0px 10px;} #content .h2_cn{ clear:both;width:625px; padding:10px 15px 15px 15px; margin-bottom:5px; position:relative; overflow:auto;} #content #cn_main .box_290{float:left; width:290px; padding:10px 15px 15px 15px;} #content #cn_main .box_290 p{width:290px;} #content #cn_main .link{ text-align:right; font-weight:bold;} #spec_promotion{ float:left; background:url(../images/bg_wembley.gif) no-repeat 100% 10px; height:342px;} #spec_promotion h1{padding-top:10px;} #spec_promotion img{margin:10px 10px 0px 0px; float:left;} #content #cn_main #spec_promotion #partner_church {float:left; width:290px; clear:both; border-top:1px dotted #ccc; padding-top:10px; margin-top:3px;} #content #cn_main #spec_promotion #partner_church ul{float:left; display:block; margin:5px 0px;} #content #cn_main #spec_promotion #partner_church ul li{display:inline; padding:0px; margin:0px; background:none;} #content .link{padding:0px; margin:0px 0px 5px 0px;} #content #cn_main .box_320 {float:left; width:305px; position:relative;} #content #cn_main .box_320.L15{ left:30px;} *html #content #cn_main .box_320.L15{ left:15px;} #content #cn_main .box_320 h2{width:305px;background:url(../images/bg_h2_320.gif) no-repeat left top; float:left;} #content #cn_main .box_320 .h2_cn{width:290px;} #imgbox{float:left; width:290px;} #content #cn_main #imgbox p#ie6_pw{width:105px; float:right;} #content #cn_main #imgbox img{margin-bottom:5px;} #content fieldset{border:1px solid #ccc; padding:10px 15px 15px 15px; background:url(../images/bg_fieldset.gif) repeat-x left bottom; margin:10px 15px 0px 15px;} #content fieldset legend{padding:0px 10px;} #content fieldset p{padding:5px 0px;} #content fieldset input, #content fieldset select{margin:5px 8px 0px 0px;} #content fieldset form.form_label label{ margin-right:7px; width:95px; display:inline-block; } #content #cn_main fieldset ul li{background:none; margin:5px 0px;} #content fieldset form label.text_R{text-align:right;} #email, #church, #city{width:425px;} #address, #comments{width:530px;} #content #btn {width:655px; text-align:center;float:left; margin:15px 0px 20px 0px; } #content #cn_main #btn input#submit{ font-weight:bold; background:#fff url(../images/bg_button.gif) no-repeat left top; width:181px; height:52px; border:none; cursor:pointer;} body.news #content #cn_main p{padding:5px 0px; margin-bottom:15px;} body.news #content #cn_main img{margin:5px 10px 15px 0px;} body.news #content #cn_main h1, body.donate #content h1{clear:both;} body.news #content #cn_main.article p{padding:3px 0px; margin-bottom:5px;} body.news #content #cn_main.article h1{margin:5px 0px 15px 0px; display:block; font-size:18pt;} body.news #content #cn_main.article h3,body.home #content h3{margin:5px 0; display:block; font-size:12pt;} body.donate #content #cn_main p{padding:5px 0px;} body.donate #content #cn_main h1{margin:15px 0px 10px 0px; display:block;} body.donate #content #cn_main img{margin:5px 10px 0px 0px;} #content #cn_main h1.paypal{ display:block; background:url(../images/icon_PayPal.gif) no-repeat 100% 5px; padding-right:50px; width:118px;} body.donate #content #cn_main .gray{clear:both;} body.download #content #cn_main ul.resourcesList {float:left; width:600px;} body.download #content #cn_main ul.resourcesList li{list-style-type:none; padding-left:40px; background:url(../images/icon_pdf.gif) no-repeat left 50%; line-height:55px; width:500px;} body.download #content #cn_main ul.resourcesList li.ppt{ background:url(../images/icon_ppt.gif) no-repeat left 50%;} body.download #content #cn_main ul.resourcesList li.doc{ background:url(../images/icon_word.gif) no-repeat left 50%;} body.download #content #cn_main ul.resourcesList li.img{ background:url(../images/icon_img.gif) no-repeat left 50%;} body.download #content #cn_main ul.resourcesList li.dvd{background:url(../images/icon_dvd.gif) no-repeat left 50%;} body.download #content #cn_main ul.resourcesList li div{position:relative; width:400px;} body.download #content #cn_main ul.resourcesList li div span{position:relative; top:-13px; font-weight:bold;} body.download #content #cn_main ul.resourcesList li div a{position:relative; left:-70px; top:13px; margin-right:8px;} body.download.resourcescd #cn_main h3{padding:5px 0 0 40px; background:url(/images/icon_resourcescdfolder.gif) no-repeat left top; clear:both; display:block; min-height:30px;} body.download.resourcescd #content #cn_main ul.resourcesList{padding-left:40px; width:70%;} #content #cn_main .btn_borough{ display:block; width:204px; height:39px; margin:10px 0px; background:url(../images/btn_borough.gif) no-repeat left top; padding:12px 0px 0px 44px;} #content #cn_main ul.icon_list li{display:block; width:235px; margin:10px 0px; padding:0;padding-left:55px; height:50px;} #content #cn_main ul.icon_list li.feedback{background:url(../images/ic_feedback.gif) no-repeat left 50%;} #content #cn_main ul.icon_list li.photos{ background:url(http://www.gdoplondon.com/images/ic_photos.gif) no-repeat left 50%; padding-top:15px;} #content p.photos{ display:block; height:40px; background:url(http://www.gdoplondon.com/images/ic_photos.gif) no-repeat left 50%;} *html #content #cn_main p.btn_borough{width:264px; text-align:right; padding:12px 20px 0px 0px;} *html #content #cn_main p.ie6_pw{width:auto;} /* with bg logos #footer{ clear:both; float:left; width:924px; padding:80px 0px 40px 0px; background:url(../images/bg_footer.gif) no-repeat left top; text-align:center;}*/ #footer{ clear:both; float:left; width:924px; padding:10px 0px 40px 0px; } #footer ul.partners{display:block; width:100%; height:61px; background:url(/images/sponsors.gif) no-repeat left top; position:relative;} #footer ul.partners li{display:inline; } #footer ul.partners li a{font-size:0px; line-height:0; position:absolute; text-indent:-2900px;} #footer ul.partners li.wpc a{width:130px; height:60px; top:0; left:110px;} #footer ul.partners li.pf a{width:130px; height:60px; top:0; left:250px;} #footer span{font-size:8pt; margin-top:5px; color:#999; clear:both;}