/* 

PALETTE

near black: #272526
near white: #e4e4e4
red: #C13432

/*


/* ////////////////////////////////////// */
/* //////////////// RESET /////////////// */
/* ////////////////////////////////////// */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0;
}
 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
}
 
fieldset,img {  
	border:0; 
}
 
address,caption,cite,code,dfn,em,th,var { 
    font-style:normal; 
    font-weight:normal; 
}

em {
  font-style:italic; 
}
 
ol,ul { 
    list-style:none;
    padding-bottom: 1.5em;
}
 
caption,th { 
    text-align:left; 
}
 
h1,h2,h3,h4,h5,h6 { 
    font-weight:normal;
    color: #C13432;
}


 
q:before,q:after { 
    content:''; 
}
 
abbr,acronym { border:0; 
}

/* ////////////////////////////////////// */
/* ///////////// END RESET  ///////////// */
/* ////////////////////////////////////// */




/* ////////////////////////////////////// */
/* ///////////// START TOOLS /////////// */
/* ////////////////////////////////////// */

.accessibility {
	position: absolute;
	left: -3000px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.strong {
  font-weight: bold;
}

/* ////////////////////////////////////// */
/* ////////////// END TOOLS  //////////// */
/* ////////////////////////////////////// */


body {
	margin: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
    color: #e4e4e4;
}

html>body {
  font-size: 12px;
}

.home {
	background: url(../images/site/homeBg.jpg) no-repeat top center;
	background-color: #272526;
}

.search {
	background: url(../images/site/homeBg.jpg) no-repeat top center;
	background-color: #272526;
}

.projects {
	background: url(../images/site/homeBg.jpg) no-repeat top center;
	background-color: #272526;
}

.news {
	background: url(../images/site/newsBg.jpg) no-repeat top center;
	background-color: #272526;
}

.projects {
	background: url(../images/site/projectsBg.jpg) no-repeat top center;
	background-color: #272526;
}

.about {
	background: url(../images/site/aboutBg.jpg) no-repeat top center;
	background-color: #272526;
}

.media {
	background: url(../images/site/mediaBg.jpg) no-repeat top center;
	background-color: #272526;
}

.podcasts {
	background: url(../images/site/mediaBg.jpg) no-repeat top center;
	background-color: #272526;
}

.videos {
	background: url(../images/site/mediaBg.jpg) no-repeat top center;
	background-color: #272526;
}

.documents {
	background: url(../images/site/mediaBg.jpg) no-repeat top center;
	background-color: #272526;
}

.images {
	background: url(../images/site/mediaBg.jpg) no-repeat top center;
	background-color: #272526;
}

.pressCuttings {
	background: url(../images/site/mediaBg.jpg) no-repeat top center;
	background-color: #272526;
}

.contact {
	background: url(../images/site/contactBg.jpg) no-repeat top center;
	background-color: #272526;
}

.accessStatement {
	background: url(../images/site/staticPagesBg.jpg) no-repeat top center;
	background-color: #272526;
}

.disclaimer {
	background: url(../images/site/staticPagesBg.jpg) no-repeat top center;
	background-color: #272526;
}

.staticPages {
	background: url(../images/site/staticPagesBg.jpg) no-repeat top center;
	background-color: #272526;
}

body.home h1.pageTitle {
	background: url(../images/site/text/homeText.png) no-repeat left top;
}

body.search h1.pageTitle {
	background: url(../images/site/text/searchText.png) no-repeat left top;
}

body.projects h1.pageTitle {
	background: url(../images/site/text/projectsText.png) no-repeat left top;
}

body.about h1.pageTitle {
	background: url(../images/site/text/aboutText.png) no-repeat left top;
}

body.news h1.pageTitle {
	background: url(../images/site/text/newsText.png) no-repeat left top;
}

body.media h1.pageTitle {
	background: url(../images/site/text/mediaText.png) no-repeat left top;
}

body.podcasts h1.pageTitle {
	background: url(../images/site/text/podcastsText.png) no-repeat left top;
}

body.pressCuttings h1.pageTitle {
	background: url(../images/site/text/pressCuttingsText.png) no-repeat left top;
}

body.videos h1.pageTitle {
	background: url(../images/site/text/videosText.png) no-repeat left top;
}

body.images h1.pageTitle {
	background: url(../images/site/text/imagesText.png) no-repeat left top;
}

body.documents h1.pageTitle {
	background: url(../images/site/text/documentsText.png) no-repeat left top;
}

body.contact h1.pageTitle {
	background: url(../images/site/text/contactText.png) no-repeat left top;
}


body.accessStatement h1.pageTitle {
	background: url(../images/site/text/accessText.png) no-repeat left top;
}


body.disclaimer h1.pageTitle {
	background: url(../images/site/text/disclaimerText.png) no-repeat left top;
}

/* typography */

p { /* 12px font size, 18px line-height */ 
	font-size: 1em; 
	line-height: 1.5em;
	padding: 0 0 1.5em 0;}
	
.small {
	font-size: 0.9167em;
	line-height: 1.6364em;}



h1 { /* 26px font size, 36px line height */
	font-size: 2.1667em;
	line-height: 1.3846em;
	padding-bottom: 0.6923em;}


h2 { /* 18px font size and line height */
	font-size: 1.5em;
	line-height: 1em;
	padding-bottom: 1em;
	}


h3 { /* 18px font size and line height */
	font-size: 1.5em;
	line-height: 1em;
	padding-bottom: 1em;}


h4 { /* 14px font size, 18px line height */
	font-size: 1.1667em;
	line-height: 1.2857em;
	padding-bottom: 1.2857em;}


h5 { /* 12px font size, 18px line height, bold */
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 1.5em;
	font-weight: bold;
}

div#header h1 {
	margin:0;
	padding:0;
}

div#content div.leftColumn a.news-title-link:link, div#content div.leftColumn a.news-title-link:visited {
	background-color: transparent;
	color: #fff;
}

div#content div.leftColumn a.news-title-link:hover {
	background-color: #e4e4e4;
	color: #A03232;
	text-decoration: none;
}




p.date {
	font-size: 0.9167em;
	line-height: 1.6364em;
	font-style: italic;
	color: #888;
}

p.newsDate {
	font-size: 0.9167em;
	line-height: 1.6364em;
	padding-bottom: 0;
	margin-bottom: 0;
	font-style: italic;
	color: #888;
}

span.date {
	font-size: 0.9167em;
	line-height: 1.6364em;
	font-style: italic;
	color: #888;
}

span.commentAuthor {
	font-weight: bold;
	color: #C13432;
}

h2.newsTitle {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	background: url(../images/site/hr.png) no-repeat bottom left;
}

div.featuredProjectMedia {
	margin-bottom: 1.5em;
}

div.featuredProjectMedia p {
	padding-bottom: 0;
	margin-bottom: 0;
}

div.subColumnMargin {
	margin-left: 10px;
}


div.article {
	background: url(../images/site/hr.png) no-repeat bottom left;
	margin-bottom: 1.5em;
	overflow: hidden;
}

p.readMore {
	clear: left;
	float: right;
}

img.newsImage {
	margin-bottom: 10px;
	margin-right: 36px;
	float: left;
	border: 1px solid #333;
}

img.newsSummaryImage {
	width: 142px;
	margin-bottom: 10px;
	margin-right: 12px;
	float: left;
	border: 1px solid #333;
}


div#content div.leftColumn a:link.mediaImage, div#content div.leftColumn a:hover.mediaImage, div#content div.leftColumn a:visited.mediaImage {
	background: transparent;
}

div#content div.leftColumn a:link.mediaImage img, div#content div.leftColumn a:hover.mediaImage img, div#content div.leftColumn a:visited.mediaImage img {
	border: 1px solid #333;	
}


div.article p.date {
	font-size: 0.9167em;
	line-height: 1.6364em;
	font-style: italic;
	color: #888;
}



/* right column styling */

dl.latestNews {
	overflow: hidden;
}

dl.latestNews dd.date {
	font-size: 0.9167em;
	line-height: 1.6364em;
	margin-bottom: 1.6364em;
	font-style: italic;
	color: #888;
}


dl.latestNews dt a {
	color: #f1f1f1;
	font-weight: bold;
	text-decoration: none;
}

dl.latestNews dt a:hover {
	text-decoration: underline;
}

ul.archives li a {
	color: #f1f1f1;
	font-weight: bold;
	text-decoration: none;
}

ul.archives li a:hover {
	text-decoration: underline;
}



dl.twitterFeed dd.date {
	font-size: 0.9167em;
	line-height: 1.6364em;
	margin-bottom: 1.6364em;
	font-style: italic;
	color: #888;
}

dl.twitterFeed img {
	padding: 0;
	margin: 0;
	float: right;
	margin-top: 0.5em;
	margin-left: 10px;
	
}

ul.projectsLinks li {
	margin-bottom: 1.2857em;
}

ul.projectsLinks li a:link, ul.projectsLinks li a:visited {
	color: #f1f1f1;
	text-decoration: none;
	font-size: 1.1667em;
	line-height: 1.2857em;
}

ul.projectsLinks li a:hover {
	text-decoration: underline;
}





ul.mediaLinks li {
	margin-bottom: 1.2857em;
}

ul.mediaLinks li a:link, ul.mediaLinks li a:visited {
	color: #f1f1f1;
	text-decoration: none;
	font-size: 1.1667em;
	line-height: 1.2857em;
}

ul.mediaLinks li a:hover {
	text-decoration: underline;
}



div.latest {
	background: url(../images/site/hr.png) no-repeat top left;
	padding-top: 9px;
	font-family: Georgia, serif;
}

h3.mediaHeading {
	font-size: 1.1667em;
	line-height: 1.2857em;
	padding-bottom: 1.2857em;
}

div.listMedia {
	padding-top: 9px;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	text-align: right;
	background: url(../images/site/hr.png) no-repeat bottom left;
}

div#content div.leftColumn div.listMedia a:link, div#content div.leftColumn div.listMedia a:visited {
	font-weight: bold;
	background: transparent;
	color: #C13432;
}

div#content div.leftColumn div.listMedia a:hover {
	font-weight: bold;
	background: transparent;
	color: #C13432;
	text-decoration: underline;
}

div.mediaDescription p {
	padding-bottom: 0;
	margin-bottom: 0;
}

div#content div.leftColumn div.listMedia a.podcastsIcon {
	padding-right: 20px;
	background: url(../images/site/phonesIcon.gif) no-repeat center right;
}

div#content div.leftColumn div.listMedia a.videosIcon {
	padding-right: 20px;
	background: url(../images/site/cameraIcon.gif) no-repeat center right;
}

div#content div.leftColumn div.listMedia a.imagesIcon {
	padding-right: 20px;
	background: url(../images/site/photoIcon.gif) no-repeat center right;
}

div#content div.leftColumn div.listMedia a.cuttingsIcon {
	display: block;
	padding-right: 20px;
	background: url(../images/site/pressCuttingsIcon.gif) no-repeat center right;
}

div#content div.leftColumn div.listMedia a.documentsIcon {
	display: block;
	padding-right: 20px;
	background: url(../images/site/fileIcon.gif) no-repeat center right;
}

h4.projectMediaHeading {
	font-size: 1.1667em;
	line-height: 1.2857em;
	padding-bottom: 0;
}

div.projectMediaDesc {
	color: #bbb;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	background: url(../images/site/hr.png) no-repeat bottom left;
}

div.projectMediaDesc p {
	color: #bbb;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* image replacement classes */

.imgReplace {
	height: 36px;
	text-indent: -200em;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.featuredProjectText {
	background: url(../images/site/text/featuredProject.png) no-repeat left top;
	border-bottom: 1px solid #782323;
	margin-bottom: 1em;
}

.homeText {
	background: url(../images/site/text/homeText.png) no-repeat left top;
	margin-bottom: 1em;
}

.latestNewsText {
	background: url(../images/site/text/latestNews.png) no-repeat left top;
	border-bottom: 1px solid #782323;
	margin-bottom: 1em;
}

.aboutTsText {
	background: url(../images/site/text/aboutTs.png) no-repeat left top;
	border-bottom: 1px solid #782323;
	margin-bottom: 1em;
}

.feedText {
	background: url(../images/site/text/feeds.png) no-repeat left top;
	border-bottom: 1px solid #782323;
	margin-bottom: 1em;
}

.twitterText {
	background: url(../images/site/text/twitter.png) no-repeat left top;
	border-bottom: 1px solid #782323;
	margin-bottom: 1em;
}


.moreMediaText {
	background: url(../images/site/text/moreMedia.png) no-repeat left top;
	border-bottom: 1px solid #782323;
	margin-bottom: 1em;
}

.currentProjectsText {
	background: url(../images/site/text/currentProjects.png) no-repeat left top;
	border-bottom: 1px solid #782323;
	margin-bottom: 1em;
}

.pastProjectsText {
	background: url(../images/site/text/pastProjects.png) no-repeat left top;
	border-bottom: 1px solid #782323;
	margin-bottom: 1em;
}



.mediaVideosText {
	background: url(../images/site/text/mediaVideos.png) no-repeat left top;
}

.mediaImagesText {
	background: url(../images/site/text/mediaImages.png) no-repeat left top;
}

.mediaPodcastsText {
	background: url(../images/site/text/mediaPodcasts.png) no-repeat left top;
}

.mediaCuttingsText {
	background: url(../images/site/text/mediaPressCuttings.png) no-repeat left top;
}

.mediaDocumentsText {
	background: url(../images/site/text/mediaDocuments.png) no-repeat left top;
}

.contactFormText {
	background: url(../images/site/text/emailForm.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}

.contactDetailsText {
	background: url(../images/site/text/contactDetails.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}

.projectVideosText {
	background: url(../images/site/text/projectVideos.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}

.projectPodcastsText {
	background: url(../images/site/text/projectPodcasts.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}

.projectDocsText {
	background: url(../images/site/text/projectDocuments.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}

.projectEducationText {
	background: url(../images/site/text/projectEducation.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}

.projectEducationContent {
	overflow: hidden;
	margin-bottom: 1em;
	background: url(../images/site/hr.png) no-repeat bottom left;
}


.whatIsText {
	background: url(../images/site/text/whatIsText.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}


.discussionText {
	background: url(../images/site/text/discussionText.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}

.archiveText {
	background: url(../images/site/text/archiveText.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}


.commentText {
	background: url(../images/site/text/commentText.png) no-repeat left top;
	margin-bottom: 1em;
	border-bottom: 1px solid #782323;
}

br.floatBreak {
clear: both;
}





/* layout styles */


#pageWrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#navBar {
	overflow: hidden;
	padding-left: 15px;
}

div#mainNav {
	float: left;
}

div#memberLinks {
	float: right;
	padding-top: 10px;
}

div#memberLinks a {
	color: #C13432;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

div#memberLinks a:hover {
	color: #e4e4e4;
}

div#mainNav ul li {
	display: inline;
}

div#mainNav ul li a {
	color: #272526;
	display: block;
	width: 95px;
	height: 33px;
	text-indent: -200em;
	overflow: hidden;
	float: left;
	background: url(../images/site/nav.gif);
}

div#mainNav ul li a#home {background-position: 0 0px;}
div#mainNav ul li a#news {background-position: -95px 0px;}
div#mainNav ul li a#projects {background-position: -190px 0px;}
div#mainNav ul li a#about {background-position: -285px 0px;}
div#mainNav ul li a#media {background-position: -380px 0px;}
div#mainNav ul li a#contact {background-position: -475px 0px;}

body.home div#mainNav ul li a#home {background-position: 0 -35px;}
body.news div#mainNav ul li a#news {background-position: -95px -35px;}
body.projects div#mainNav ul li a#projects {background-position: -190px -35px;}
body.about div#mainNav ul li a#about {background-position: -285px -35px;}
body.media div#mainNav ul li a#media {background-position: -380px -35px;}
body.videos div#mainNav ul li a#media {background-position: -380px -35px;}
body.podcasts div#mainNav ul li a#media {background-position: -380px -35px;}
body.images div#mainNav ul li a#media {background-position: -380px -35px;}
body.pressCuttings div#mainNav ul li a#media {background-position: -380px -35px;}
body.documents div#mainNav ul li a#media {background-position: -380px -35px;}
body.media div#mainNav ul li a#media {background-position: -380px -35px;}
body.contact div#mainNav ul li a#contact {background-position: -475px -35px;}

div#mainNav ul li a:hover#home, div#mainNav ul li a#home.active {background-position: 0 -70px;}
div#mainNav ul li a:hover#news, div#mainNav ul li a#news.active {background-position: -95px -70px;}
div#mainNav ul li a:hover#projects, div#mainNav ul li a#projects.active {background-position: -190px -70px;}
div#mainNav ul li a:hover#about, div#mainNav ul li a#about.active {background-position: -285px -70px;}
div#mainNav ul li a:hover#media, div#mainNav ul li a#media.active {background-position: -380px -70px;}
div#mainNav ul li a:hover#contact, div#mainNav ul li a#contact.active {background-position: -475px -70px;}



div#header {
	margin-top: 58px;
	height: 200px;
	width: 960px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 18px;
	background: url(../images/site/header.png) no-repeat left bottom;
}

h1 a#logo {
	overflow: hidden;
	display: block;
	height: 69px;
	width: 490px;
	background: url(../images/site/logo.png) no-repeat left top;
	text-indent: -200em;
}


h1 a:link#logo {
	color: #272526;
}

h1 a:visited#logo {
	color: #272526;
}

h1 a:hover#logo {
	color: #272526;
}


div#strapLine {
	text-indent: -200em;
	overflow: hidden;
	height: 35px;
	width: 458px;
	background: url(../images/site/strapLine.png) no-repeat left top;
}

div#title {
	margin-left: 12px;
	padding-top: 48px;
	text-transform: uppercase;
}

div#title h1 {
	color: #e4e4e4;
}

div#content {
	overflow: hidden;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	background: url(../images/site/hr.png) no-repeat bottom left;
}

div.leftColumn {
	overflow: hidden;
	width: 592px;
	float: left;	
}

div#content div.leftColumn a:link, div#content div.leftColumn a:visited, div#content div.leftColumn a:active {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #A03232;
	color: #e4e4e4;
	text-decoration: none;
}

div#content div.leftColumn a:hover {
	background-color: #e4e4e4;
	color: #A03232;
	text-decoration: none;
}

div.rightColumn {
	overflow: hidden;
	width: 284px;
	float: right;
}


div.subColumnWrapper {
	overflow: hidden;
}

div.subColumnLeft {
	overflow: hidden;
	float: left;
	width: 284px;
}

div.subColumnRight {
	overflow: hidden;
	float: right;
	width: 284px;
}

div.contentBox {
	overflow: hidden;
	padding: 9px 12px 9px 12px;
}

div.frame {
	background: url(../images/site/frameRepeater.png) repeat-x top left;
}


div#footer {
	width: 900px;
	margin-left: 30px;
	margin-right: 30px;
	overflow: hidden;
	background: #C13432;
	margin-bottom: 1.5em;
	font-size: 0.9167em;
	line-height: 1.6364em;
	font-weight: bold;
}


div#footer a {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	color: #C13432;
	background: #e4e4e4;
}

div#footer a:hover {
	color: #e4e4e4;
	background: #272526;
}

div#footer ul li a {
	text-decoration: none;
	padding-left: 12px; 
	color: #e4e4e4;
	background: url(../images/site/footerBullet.png) no-repeat left center;
	background-color: #C13432;
}

div#footer ul li a:hover {
	text-decoration: underline;
	color: #e4e4e4;
	background: url(../images/site/footerBullet.png) no-repeat left center;
	background-color: #C13432;
}

.searchInput {
	margin-left: 2px;
	margin-right: 2px;
	width: 120px;
}

.captchaField {
	width: 135px;
}

.searchButton {
	padding-top: 1px;
	padding-bottom: 2px;
	border: 1px solid #555;
}

form#contact_form input, fieldset#comment-form-field form#comment_form input{
	border: 1px solid #b3b3b3;
	background-color: #ddd;
	padding: 2px;
}


form#contact_form textarea, form#comment_form input {
	border: 1px solid #b3b3b3;
	background-color: #ddd;
	padding: 5px;
}

form#contact_form label, form#comment_form label {
	color: #C13432;
	font-weight: bold;
}


div.odd {
	background: #222;
}


div.comment {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	overflow: hidden;
	background: url(../images/site/hr.png) no-repeat bottom left;
}


div#footNotes {
	background: url(../images/site/hr.png) no-repeat top left;
	width: 900px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 0.9167em;
	line-height: 1.6364em;
	padding-top: 0.9167em;
}


div#footNotes ul li {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

div#footNotes ul li a {
	text-decoration: none;
	color: #e4e4e4;
}

div#footNotes ul li a:hover {
	text-decoration: underline;
}





ul.gallery {
			list-style: none;
			margin: 0 0 0 0;
		}

			ul.gallery li {
				display: block;
				float: left;
				margin: 0 7px 0 7px;
			}

				ul.gallery li a {
					padding: 2px;
					display: block;
					line-height: 0;
				}