/* Start of CMSMS style sheet 'Site' */
@charset "utf-8";
/* Virtual Construction Stylesheet - 30/12/08 */
/* Author: Ed Cox @ Virtual Construction */
/* 960 CSS framework *

/* Float clearing */


.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: auto;
	visibility: none;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	background-color:#F1F2CE;
        color: #000;
}

h1, h2, h3, h4, h5 {
        color:black;
}

p {
        margin:0px 21px 21px 21px;
}

a {
         color: #C1272D;
         text-decoration:none;
}

/* Layout */

#container {
	margin-top:30px;
        padding-bottom: 30px;
}

#logo {
	margin-left:14px;
}

#homevideo{
        float:right;
        height:246px;
        margin-bottom:15px;
        margin-left:0;
        margin-right:17px;
        margin-top:10px;
        width:455px;
}

#player{
        background: transparent url(/uploads/home-splash.jpg) no-repeat top center;
}

#strapline .ft-wrap {
        min-height:150px;
}

#primary-nav {
	margin-top:30px;
	display: inline;
	float: left;
}

#primary-nav ul {
        background-color: #fff;
        margin: 0 7px 0 0;
	padding: 7px 0 7px 7px;
}

#primary-nav ul li{
	margin: 0px 14px 0 0;
	display: inline;
}

#primary-nav ul li a{
	text-decoration:none;
	color:#000;
}

#primary-nav ul li.first a{
	padding: 0px 14px 0 7px;
	text-decoration:none;
	color:#000;
}

#primary-nav ul li.active {
	border-bottom:5px solid #C1272D;
}

#primary-nav ul li:hover {
	border-bottom:5px solid #ccc;
}

.block {
	margin-top: 14px;
}

#secondary-nav {
        margin-top:14px;
        float: left;
}

#secondary-nav ul {
        margin-bottom: 21px;
        width:315px;
}

#secondary-nav ul li{
	width:150px;
        margin-right: 7px;
	border-top:1px solid #ccc;
        float: left;
}

#secondary-nav ul li a {
	display:block;
	padding:5px;
	text-decoration:none;
	font-size:0.75em;
	color:#000;
}

#secondary-nav ul li a:hover {
	background-color:#F7F0F0;
}

#secondary-nav ul li.active a {
	background-color: #C1272D;
	color:#FFF;
}

#header {
	margin-top:14px;
}

.grid_3 {
	background: transparent url(/assets/images/3col-bd.gif) repeat-y top center;
}

.grid_3 .hd-wrap {
	background: transparent url(/assets/images/3col-hd.gif) no-repeat top center;
}

.grid_3 .ft-wrap {
	background: transparent url(/assets/images/3col-red-ft.gif) no-repeat bottom center;
}

.grid_4 {
	background: transparent url(/assets/images/4col-bd.gif) repeat-y top center;
}

.grid_4 .hd-wrap {
	background: transparent url(/assets/images/4col-hd.gif) no-repeat top center;
}

.grid_4 .ft-wrap {
	zoom: 1;
	background: transparent url(/assets/images/4col-ft.gif) no-repeat bottom center;
        padding-bottom:28px;
}

.grid_5 {
	background: transparent url(/assets/images/5col-bd.gif) repeat-y top center;
}

.grid_5 .hd-wrap {
	background: transparent url(/assets/images/5col-hd.gif) no-repeat top center;
}

.grid_5 .ft-wrap {
	background: transparent url(/assets/images/5col-ft.gif) no-repeat bottom center;
	zoom: 1;
}

.grid_6{
	background: transparent url(/assets/images/6col-bd.gif) repeat-y top center;
}

.grid_6 .hd-wrap {
	background: transparent url(/assets/images/6col-hd.gif) no-repeat top center;
}

.grid_6 .ft-wrap {
	background: transparent url(/assets/images/6col-red-ft.gif) no-repeat bottom center;
	zoom:1;
}

.grid_7 {
	background: transparent url(/assets/images/7col-bd.gif) repeat-y top center;
}

.grid_7 .hd-wrap {
	background: transparent url(/assets/images/7col-hd.gif) no-repeat top center;
}

.grid_7 .ft-wrap {
	background: transparent url(/assets/images/7col-ft.gif) no-repeat bottom center;
	zoom: 1;
}

.grid_8 {
	background: transparent url(/assets/images/8col-bd.gif) repeat-y top center;
}

.grid_8 .hd-wrap {
	background: transparent url(/assets/images/8col-hd.gif) no-repeat top center;
}

.grid_8 .ft-wrap {
	background: transparent url(/assets/images/8col-ft.gif) no-repeat bottom center;
	zoom: 1;
}

.grid_12{
	background: transparent url(/assets/images/12col-bd.gif) repeat-y top center;
}

.grid_12 .hd-wrap {
	background: transparent url(/assets/images/12col-hd.gif) no-repeat top center;
}

.grid_12 .ft-wrap {
	background: transparent url(/assets/images/12col-ft.gif) no-repeat bottom center;
	zoom: 1;
}

.cta .ft-wrap {
	background: transparent url(/assets/images/3col-ft.gif) no-repeat bottom center;
	padding:7px 0 14px 0;
}

.ft-wrap {
        position:relative;
}

.rss {
        position:absolute;        
        top:14px;
        right:21px;
        float: right;
}

.no-bg{
	background-image: none;	
}

#header h1, #header h2 {
	font-weight:normal;
	margin-left:42px;
	margin-top:28px;
	line-height:1.4em;
}

#header h1 {
	font-size:1.8em;
}

#header h2 {
	font-size:1.4em;
}

.promobox {
	position:relative;
	float:left;
}

.promobox, .cta {
	margin-top: 4px;
}

.block h1, .block h2, .block h3, .block ul, .block ol, .newsitem {
	margin-left:21px;
	margin-right:21px;
	padding-bottom:14px;
        clear: both;
}

.storycontent p {
margin-left:0px;
}

.advicecontent h2 {
        margin: 0 0 0 21px !important;
        clear: none;
        display: inline-block;
}

.advicecontent .firstparagraph {
        width: 70px;
        margin-right: 0;
}

.advicecontent form {
        float: left;
        margin: 0;
        padding: 0 0 49px 21px;
        width: 196px;
        display: inline-block;
}

.advicecontent form input {
        background: #fff;
        border: 1px outset #000;
        vertical-align: top;
}

.advicecontent form #m4email {
        width: 120px;
        float: left;
}

.advicecontent form #m4submit {
        width: 60px;
        margin: 0px 0px 0px 10px;
}

h1.section-name span,  .promobox h2 span, .cta h2 span {
	font-size:1.5em;
	line-height:1.5em;
        text-decoration:underline;
	font-weight:normal;
	border-top: 5px solid #C1272D;
	padding-bottom:7px;
        display: inline-block;
}

.promobox h3, .cta h3 {
	font-size:0.9em;
	font-weight:normal;
}

.promobox p, .cta p {
        color: #807365;
}

.promobox p, .cta p {
	font-size: 0.8em;
}

.cta p {
	margin:7px 21px 14px 21px;
}

.blog-date, .NewsSummaryLink, .NewsSummarySummary {
        margin-top:10px;
        color:#807365;
}

.NewsSummaryLink a {
        color: #000;
font-weight:bold;
font-size:0.9em;
}

.NewsSummaryLink a:hover {
        color: #fff;
        background-color: #C1272D;
}

.NewsStory {
        position:relative;
        clear:both;
        margin-bottom:14px;
        line-height: 120%;
}

.NewsStory .NewsSummary {
        margin-right: 21px;
        margin-left:231px;
        position:relative;
}

.NewsStory .NewsThumbnailContainer {
        float:left;
        position:relative;
        width:200px;
        padding-left:21px;
        padding-bottom:14px;
}

.NewsStory .NewsThumbnailContainer img {
        margin-top:3px;
}

.NewsStory .NewsSummaryLink {
        font-size:1.2em;
}

.NewsDetail {
        margin:0px 21px;
}

.blog-entry {
	width: 200px !important;
	float:left;
        margin-right:0px;
	margin-left:21px;
        margin-bottom:14px;
	font-size: 0.8em;
}

.newspage .blog-entry {
       width:400px;
       float:left;
}

.blog-title {
	margin-top:14px;
}

.blog-title a {
	color:#000;
	text-decoration:none
}

.blog-thumb {
	margin-top:14px;
}

.blog-summary, .blog-date {
	color:#807365;
}

.blog-summary {
	padding-bottom: 28px;
}

#moreposts {
        margin: 6px 42px 21px 0;
        float: right;
}

#moreposts p {
       margin: 0 7px 0 0;
       padding: 0;
       float: left;
}

#moreposts img {
       padding-top: 3px;
}

.right {
	float:right;
	position:absolute;
        top: 14px;
	right: 7px;
}

#portfolio-desc {
        float: right;
}

#portfolio-desc h2 {
	font-size:1.2em;
	padding:14px 0px;
}

#portfolio-desc p {
}

#portfolio-desc blockquote {
	border-left: 1px solid #999;
	margin:14px 14px 14px 21px;
	padding: 0px 14px;
}

#comments textarea, #comments input, .contactform input, .contactform textarea {
	width:400px;
	margin-left:150px;
}

#comments label, .contactform label {
	width:150px;
	float:left;
	text-align:right;
}

#NewsPostDetailContent p
{
	margin-left:0px;
}

.contactform {
        float: left;
}

#slideshow {
        height:389px;
        position:relative;
        top: 14px;
        left: 21px;
        margin-bottom: 20px;
        color: #fff;
}

#slideshow img {
        left:0;
        position:absolute;
        top:0;
        z-index:8;
        float: left;
}

#slideshow img.active {
        z-index:10;
}

#slideshow img.last-active {
        z-index:9;
}

.callout h2 {
        font-size: 0.9em;
        float: left;
        margin: 0;
        padding: 0px 0px 4px 22px;
        width: 117px;
}

.callout p {
        float: left;
        margin: 0;
        padding: 0px 0px 4px 22px;
        width: 117px;
}

.hover{ 
cursor: pointer;
}

.callout {
	background: transparent url(/assets/images/3col-stripe-bd.gif) repeat-y top center !important;
        position: relative;
}

.callout .hd-wrap {
	background: transparent url(/assets/images/3col-stripe-hd.gif) no-repeat top center !important;
width: 240px;
}

.callout .ft-wrap {
	background: transparent url(/assets/images/3col-stripe-ft.gif) no-repeat bottom center !important;
width: 240px;
}

.callout .callout-bg{
width: 240px;
}

.callout .callout-bg a {
color: #807365 !important;
background: transparent url() no-repeat bottom left;
}

.callout .callout-bg.outreach {
        background: transparent url(/uploads/images/co-bbc.gif) 136px 0px no-repeat;
}

.callout .callout-bg.lauren {
        background: transparent url(/uploads/images/co-lauren.gif) 136px 0px no-repeat;
}

.callout .callout-bg.lgf {
        background: transparent url(/uploads/images/co-lgf.gif) 136px 0px no-repeat;
}


.callout .outreach.hover {
        background: url(/uploads/images/co-bbcColour.gif) 136px 0px no-repeat;
}

.callout .lauren.hover {
        background: url(/uploads/images/co-laurenColour.gif) 136px 0px no-repeat;
}

.callout .lgf.hover {
        background: url(/uploads/images/co-lgfColour.gif) 136px 0px no-repeat;
}

#strapline p {
        font-size: 1em;
        line-height: 140%;
}

#content {
        margin-top: 4px;
}

#content.topnudge{
        margin-top: 14px;
        line-height: 150%;
}

#content.topnudge .hd-wrap{
        padding-top: 0px;

}

#content .hd-wrap {
        padding-top: 14px;
}

#content ul {
        list-style-type: disc;
        margin: 0 21px;
        padding: 0 21px 14px 21px;
}

#content ul li {
        margin: 7px 0;
        padding-left: 14px;
}


ol li {
list-style-type:decimal;
margin-left:21px;
}

#content a:hover {
        background-color: #C1272D;
        color: #fff;
}

#content form {
        width: 570px;
        margin: 0;
        padding: 0 0 0 21px;
        float: left;
        clear: both;
}

#content .contactform label {
        margin: 7px 0;
        float: left;
        clear: left;
        text-align: left;
        color: #C1272D;
        font-weight: bold;
}

#content .contactform input, #content .contactform textarea {
        border: 1px inset #000;
        margin: 7px 0 7px 7px;
        float: right;
}

#content .contactform #submit {
        background-color: #C1272D;
}

#content .contactform input, #content .contactform textarea {
        background: #fff url(/assets/images/input-bg.gif) top left no-repeat;
}

#content .contactform input:focus, #content .contactform textarea:focus {
        background-color: #FFEFEF;
}

#content .error_message {
        color: red;
}

#blogposts {
        clear: both;
}

.blogpostscontent {
        margin-top: 14px;
        float: right;
}

.advicearticle {
        margin-top: 14px;
}

.advicearticle p {
        width: 150px;
        margin-right: 0;
}

.advicearticle form {
        margin: 55px 0 0 21px;
}

.advicearticle form input {
        background-color: #fff;
        margin: 7px 14px 0 0;
        border: 1px outset #000;
}

.advicearticle form #m3email, .advicearticle form #m4email {
        width: 160px;
        float: left;
}

.advicearticle form #m3submit, .advicearticle form #m4submit {
        width: 60px;
        float: left;
}

.newslettermsg {
        font-weight: bold;
}

#NewsPostDetailTitle, #NewsPostDetailAuthor {
        padding-bottom: 3.5px
}

#NewsPostDetailAuthor {
        color: #C1272D;
        font-weight: bold;
}

#NewsPostDetailSummary {
        font-style: italic;
        margin-bottom: 14px;
}

#footer {
        width: 100%;
        margin-top: 10px;
        clear: both;
}

#footercontent {
        background: url(/assets/images/footerborder.gif) center bottom no-repeat;
        padding: 14px 0 7px 0;
}

#footercontent p {
        color: #807365;
        font-size: 0.7em;
        font-weight: bold;
        margin: 0;
        padding: 0 21px 14px 21px;
}

#footercontent .footerleft {
        float: left;
}

#footercontent .footerright {
        float: right;
}

#submissionsuccsessful {
       background-color: #FFEFEF;
       border: 1px dashed #C1272D;
       margin: 14px;
       padding: 14px 14px 0;
       width: 582px;
}

.vccred {
        color: #C1272D;
}

#bbc-csr-body #csr-report {
        padding: 0;
        border: 0;
}

#bbc-csr-body  img {
        background-color: #EAEAEA;
        padding: 10px;
        border: 1px dashed #000;
}

ul.links li {
list-style-type:none;
margin: 7px 0;
padding-left: -10px;
}
/* End of 'Site' */