* { margin: 0; padding: 0; } body { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.4em; } img { border: 0; } a, a:link a:active { text-decoration: none; color: #0014d6; } a:visited { text-decoration: none; color: #0014d6; } a:hover { text-decoration: none; color: #0038ff; } /*****************basic layout *****************/ body { margin: 0; padding: 0; color: #000; background: #fff url(https://svscprn.org.uk/uploads/images/bg.jpg) repeat-y center; } #topband{ border-top: 5px solid #8966ac; } #headwrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ width: 898px; margin: 0 auto; background-color: #ffffff; height: 185px; } #header { height:185px; margin: 0; padding: 0; background: #ffffff url(https://svscprn.org.uk/uploads/images/SVSCPRN_header.jpg) repeat-x left top; } #nav{ width: 898px; margin-left: auto; margin-right: auto; overflow: auto; } div.crbk { /* sets all to 0 */ margin: 0; padding: 0; } div.breadcrumbs { /* CSS short hand rule first value is top then right, bottom and left */ padding: 1em 0em 1em 1em; /* its good to set font sizes to be relative, this way viewer can change his/her font size */ font-size: 90%; /* css shorthand rule will be opened to be "0px 0px 0px 0px" */ margin: 0px; } div.breadcrumbs span.lastitem { font-weight: bold; } #content { padding: 0px; width: 898px; margin-left: auto; margin-right: auto; position: relative; min-height:570px; } div#left { float: left; width: 235px; padding-left: 0; padding-right: 0; padding-top: 0; height:100%; overflow: hidden; } div#left p{ padding:10px; } div#left img{ min-height: 570px; float: right; width: auto; } div#middle { float: left; margin-left: auto; margin-right: auto; margin-bottom: 15px; width: 441px; padding: 15px; padding-top: 15px; overflow: hidden; } div#middle ul{ padding-left: 15px; } div#middle h1{ font-size: 1.7em; line-height: 2em; color: #8966ac; } h1{ line-height: 2em; color: #8966ac; } h2{ line-height: 2em; color: #1b7d69; padding-top:15px; } div#right { float: right; margin-left: 706px; width: 162px; padding-right: 15px; padding-left: 15px; position: absolute; min-height:495px; background: #f0ecf5 url(https://svscprn.org.uk/uploads/images/Logo_tint.gif) no-repeat center bottom; } div#right h2{ line-height: 2em; color: #1b7d69; padding-top:15px; } div#blog { float: left; margin-left: auto; margin-right: auto; margin-bottom: 15px; width: 660px; padding: 15px; padding-top: 15px; overflow: hidden; min-height:570px; } div#blog ul{ padding-left: 15px; } div#blog h2{ line-height: 2em; color: #8966ac; } .body { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.4em; } div.footback { /* keep footer below content and menu */ clear: both; margin: 0 auto; padding-bottom:10px; } div#footer_container { height: 30px; border-top: 5px solid #1b7d69; } div#footer { height: 30px; float:center; color: #a5a4a4; padding: 10px; width:878px; font-size: 0.8em; line-height: 1.5em; margin-left: auto; margin-right: auto; text-align: center; } div#footer p a { color: #8966ac; } /* as we hid all hr for accessibility we create new hr with div class="hr" element */ div.hr { height: 1px; padding: 1em; border-bottom: 1px dotted black; margin: 1em; } .CGBlogSummary{ padding-bottom: 30px; } /********************CONTENT STYLING*********************/ p+p { padding: 0px; } p { margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0; } .CGBlogSummaryLink a{ font-size: 1.3em; line-height: 25px; color: #1b7d69; } .CGBlogSummaryPostdate{ font-weight: bold; line-height: 25px; color: #273a62 ; border-top: solid 1px #273a62; } #CGBlogPostDetailTitle{ font-size: 1.5em; line-height: 35px; color: #1b7d69; } #CGBlogPostDetailDate{ font-weight: bold; line-height: 25px; color: #273a62 ; border-top: solid 1px #273a62; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { /* css-3 */ white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Internet Explorer 5.5+ */ word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { /* black border for pre blocks */ border: 1px solid #000; /* set different from surroundings to stand out */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* Stylesheet: SVSCPRN styles Modified On 2015-09-07 16:50:54 */ form div { margin-bottom: 0 } fieldset div { margin-bottom: 0.5em; margin-left: 1em; } fieldset div div { margin-top: 0.5em; margin-left: 1em } fieldset { margin-bottom: 1em; padding: 0.5em } fieldset label { width: auto; } textarea { margin: 0.5em 0; width: 90%; height: 6em; } input{ width: 90%; border: 1px solid #000; height: 1.5em; } td{ padding-bottom: 10px; } legend { padding-top: 5px; padding-bottom: 10px; font-size: 1.7em; color: #8966ac; line-height: 2em; font-weight: bold; } /* Apply this class to text/select input fields with shorter labelsto help alignment */ .short-label label { float: left; width: 10em } .short-label fieldset div input, .short-label fieldset div select { width: 16em } /* Pretty up your Captcha image output */ .captcha { margin: 0.5em 0; width: 200px; text-align: center } .captcha img { border: 1px solid #F60; margin-bottom: 0.5em } .captcha input { width: 196px; margin-top: 0.5em } /* Just a bit more room for the Submit button */ .submit { margin-top: 0.5em } .contactform input { border: 1px solid #2c2d73; } .contactform input.checkbox { border: none; } .contactform label { display: block; float: left; } .contactform label.label { display: inline; float: none; width: 50px; font-size: 10px; } #contactform { width: auto; min-height: 400px; } #message{ height: 100px; font-family: arial; } .formbuilderform .message { line-height: 16px; padding: 0 0 8px 0; } /* Stylesheet: FormBuilder Default Style Modified On 2015-09-07 16:51:44 */