* {
margin: 0;
padding: 0;
}
html{height:100%,width:100%}
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 {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.7em;
line-height: 1.4em;
margin: 0;
padding: 0;
color: #000;
background: #fff;
}
#headwrapper {
/* min max width, IE wont understand these, so we will use java script magic in the */
width: 898px;
height:220px;
margin: 0 auto;
background-color: #ffffff;
}
#header {
width:100%;
height:100%;
margin: 0;
padding: 0;
background: #ffffff url(https://svscprn.org.uk/uploads/images/SVSCPRN_headersml.jpg)no-repeat ;
background-size: 100%;
}
#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;
}
#topband{
display: none;
}
#content {
padding: 0px;
width: 100%;
margin: 0px;
}
#left{
display: none;
}
div#middle {
width: 828px;
margin-left: 0px;
margin-right: 0px;
padding-right: 35px;
padding-left: 35px;
padding-top:15px;
padding-bottom:30px;
font-size: 3em;
line-height: 1.5em;
}
div#middle ul{
padding-left: 15px;
}
div#middle h1{
line-height: 2em;
color: #8966ac;
}
div#middle h2{
line-height: 2em;
color: #1b7d69;
padding-top:15px;
}
#right{
width: 828px;
background: #f0ecf5;
padding-right: 35px;
padding-left: 35px;
padding-top:20px;
padding-bottom: 20px;
font-size: 3em;
}
div#right h2{
line-height: 2em;
color: #1b7d69;
padding-top:15px;
}
div#blog {
width: 828px;
margin: 0;
padding-right: 35px;
padding-left: 35px;
padding-top: 60px;
padding-bottom: 60px;
font-size: 3em;
}
.previousblogarticle {
line-height: 3em;
}
.nextblogarticle {
line-height: 3em;
}
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;
}
#footer{
display:block !important;
width: 828px;
margin: 0px;
padding: 35px;
background: #ffffff;
color: #a5a4a4;
font-size: 3em;
line-height: 1.3em;
}
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: 100px;
color: #1b7d69;
}
.CGBlogSummaryPostdate{
font-weight: bold;
line-height: 100px;
color: #273a62 ;
border-top: solid 1px #273a62;
}
#CGBlogPostDetailTitle{
font-size: 1.5em;
line-height: 100px;
color: #1b7d69;
}
#CGBlogPostDetailSummary{
line-height: 50px;
}
#CGBlogPostDetailDate{
font-weight: bold;
line-height: 100px;
color: #273a62 ;
border-top: solid 1px #273a62;
}
/* END TEXT */
/*NAV*/
#menu {
margin: 0px;
padding: 0px;
height: auto;
background: #273a62;
text-align: center;
position: relative;
z-index:1;
font-size: 3.2em;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
list-style-type: none;
margin: 0;
padding: 0;
}
ul#primary-nav li {
margin: 0px;
padding: 0px;
border-bottom: 1px solid #fff;
}
ul#primary-nav li a {
font-weight: normal;
color: #fff;
padding: 25px 10px 25px 10px;
display: block;
text-decoration: none;
}
ul#primary-nav a:hover{
color: #ffffff;
background-color: #5886a7;
}
ul#primary-nav li a.menuactive {
color: #ffffff;
background-color: #5886a7;
}
/*FORM*/
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: 89%;
height: 7em;
font-size: 1em;
}
input {
margin: 0.5em 0;
font-size: 1em;
}
legend {
padding-top: 5px;
padding-bottom: 10px;
font-size: 5em;
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
}
.cms_submit {
font-size: 1em;
}
.required input{
height: 50px;
width: 100%;
font-size: 1em;
}
.contactform input.checkbox {
border: none;
}
.contactform label {
display: block;
float: left;
padding-bottom: 30px;
}
.contactform label.label {
display: inline;
float: none;
width: 50px;
font-size: 10px;
}
.contactform textarea {
}
.formbuilderform .message {
line-height: 16px;
padding: 0 0 8px 0;
}
/* Stylesheet: Handheld Modified On 2015-09-04 16:53:03 */