@charset "utf-8";
/* CSS Document - I've put the useful info first - note: the navbar CSS is in the SpryAssets folder */


body {
background-color:#ffffff;
background-image:url('../images/background-gradient-white.png');  
/*background-image:url(../images/background-gradient-black.png); */  /*there is also a black gradient */
/*background-image:url(../images/background-gradient-white-upside-down.png);*/   /*and an upside-down gradient - white */
/*background-image:url(../images/background-gradient-black-upside-down.png);*/   /*upside-down gradient - black */
}


#header {
background-color:#701D45;  /* 800000;    */
}


/* the logo positioning - it "floats" over the other items in the header, so you can nudge it anywhere - the logo needs to have a transparent background to work effectively */
#logo {
position:absolute;
left:35px;
top:20px;   /*  was -20px  */
}


/* if you change the logo position, it may obscure the text in the header.... you can move the text further right with this padding*/
#header-text {
padding-left:140px;
}






/* this is the general text colour for paragraphs*/
/* color:#838383;  */
.column {
color:black;
}



/* this changes the appearance of anchor LINKS*/
a {
text-decoration:none;
color:black;
}

/*
a:hover {
text-decoration:underline;
}
*/

a:visited {
/* color:gold; */
color:maroon;
}










/* The remaining CSS information..........................................................*/


body {
background-repeat:repeat-x;
padding:0px;
margin:0px;
padding-top:10px;   /*  was 40px controls top most gap */
font-family:Arial, "Arial Narrow", Helvetica, sans-serif;
font-size:10pt;
color:black;
}

#outer-wrapper {
margin:0px auto 0px auto;
padding:13px 0px 13px 0px;
background-color:white;
width:978px;
position:relative;
}

#inner-wrapper {
margin:auto;
width:946px;
background-color:white;
}

/*heading section - the logo / red strip / and big photograph ...............................................*/

#header {
height:112px;  /* was 82px  */
background-image:url('../images/header-gradient112.png');
background-repeat:repeat-x;
position:relative
}



h1 {
margin:0px;
padding:0px;
padding-top:16px;
font-size:1.8em;
font-weight:bold;
text-transform:uppercase;
color:white;
}

#header p{
padding:0px;
margin:0px;
text-transform:uppercase;
color:white;
font-size:0.8em;
font-weight:bold;
}


#header-border {
padding:5px;
border:5px solid #ffffff;
background-color:white;
width:946px;
margin:auto;
}

#header-photo img {
width:946px;
height:186px;
}

/*end of heading section */


.defaultpage {
float:center;
width:900px;
margin:0px 0px 0px 0px;
color:black;
font-size:1.2em;
font-family:Arial, "Arial Narrow", Helvetica, sans-serif;
}


/*start of styling the columns .............................................................................*/

.column {
float:left;
width:272px;
margin:5px 30px 0 0;
}

.column-box {
margin-bottom:6px;
}

.sponsor-bottom {
background-color:#adadad;
padding:2px 2px 2px 2px;
margin:0;
}
.sponsor-info-all-rounded {
background-color:#f3f3f3;
padding: 1px 20px 1px 20px;
margin:0;
font-size:0.9em;
}

#single-column {
width:945px;
}


.singlecolumn-border {
background-color:#adadad;
width:941px;
padding:0 2px 2px 2px;
margin:0;
}

.column-border {
background-color:#adadad;
width:268px;
padding:0 2px 2px 2px;
margin:0;
}

.singlecolumn-info {
background-color:white;
background-image:url('backgroundimage.jpg'); 
background-repeat:no-repeat;
margin:0;
font-size:0.9em; padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:21px
}

.column-info {
background-color:white;
padding: 0 20px 1px 20px;
margin:0;
font-size:0.9em;
}

.column-info:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.column-info-shaded {
background-color:#f3f3f3;
padding: 1px 20px 1px 20px;
margin:0;
font-size:0.9em;
}

.column-border-all-rounded {
background-color:#adadad;
width:268px;
padding:2px 2px 2px 2px;
margin:0;
}

.column-info-all-rounded {
background-color:white;
padding: 1px 20px 1px 20px;
margin:0;
font-size:0.9em;
}


.all-rounded-border {
background-color:#701D45;    /* 800000;  */
padding:3px;
overflow:hidden;
margin-bottom:0px; /*this is just so that there is a bit of white space at the bottom of the div*/
margin-top:0px; /*this is just so that there is a bit of white space at the top of the div*/
}

.all-rounded-inside {
overflow:hidden;
padding:0;
}




#middle-column {
width:340px;
}

#middle-column p {
float:left;
font-size:0.9em;
width:340px;
}

#middle-column p.newstext-with-photo {
width:220px;
}

/* this is mucking up the images so we dont want this
#middle-column img {
float:right;
width:104px;
padding:5px 0 5px 15px;
}
*/

#right-column {
margin-right:0;
float:right;
}

h2 {
padding:0;
margin:0;
z-index:50;
}

.coloured-heading {
background-color:#701D45;   /* 800000;  */
background-image:url('../images/coloured-heading-gradient.png');
background-repeat:repeat-x;
height:30px;
color:white;   /* Yellow; */
text-transform:uppercase;
text-align:center;
font-size:1em;
font-weight:bold;
z-index:50; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:0; background-position-y:50%
}

.uncoloured-heading2 {
background-color:#ffffff;
background-image:url('../images/coloured-heading-gradient.png');
background-repeat:repeat-x;
height:30px;
color:white;
text-transform:uppercase;
font-size:1em;
z-index:50; padding-left:20px; padding-right:0; padding-top:10px; padding-bottom:0; background-position-y:50%
}




.uncoloured-heading {
color:#969696;
text-transform:uppercase;
font-size:1.6em;
padding:14px 0 0 0px;
}


h3 {
font-weight:bold;
font-size:1.2em;
padding:10px 0 10px 0;
color:black;
font-stretch:condensed;
margin:20px 0 0 0;
border-top:dotted 1px #838383;
clear:both;
}

.firstH3 {
padding:0px 0 10px 0;
border:none;
}

.column p {
margin:0 0 2px 0;
padding:0;
font-weight:bold;
}

.read-more {
text-align:right;
font-weight:bold;
padding-top:10px;
color: #701D45;  /* 800000;  */
font-size: 8pt; 
font-style: italic; 
}



/*style the footer .............................................................................*/

#footer {
color:white;
text-align:center;
}

#footer a {
color:white;
}

#footer p {
padding:5px 0 0 0;
margin:0;
font-size:0.9em;
}

#footer-line {
height:1px;
clear:both;
border-top:2px solid #adadad;
margin:5px 0 2px 0;
}

#footer-info {
height:30px;
background-color:#701D45;  /* 800000; */
}