html, body {min-height: 100%; margin-bottom: 1px;} /* Force vertical scrollbar to always appear in Firefox */

/* standard elements */
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {margin: 0 0 1em; padding: 0; font-weight: bold; line-height: 1.3em}

h1 {font-size: 1.5em; background-color: #e8e8e8; color: #666; line-height: 1em; margin-bottom: 0; padding: 0.3em 0 0.2em 8px;}
h2 {width: 269px; font-size: 2.2em; background: url(../images/logo-heading.gif) 8px center no-repeat #e8e8e8; color: #333; line-height: 1em; margin-bottom: 20px; padding: 1px 8px 6px 35px; float: left;}

h1.index {font-size: 2.4em; background-color: #ce1141; color: #f1e5ad; font-weight: normal; padding: 0.1em 0.2em;} /* homepage */
h2.index {font-size: 2.4em; background-image: none; background-color: #ce1141; color: #f1e5ad;  font-weight: normal; padding: 0 0.2em 0.1em;} /* homepage */

h3 {font-size: 1em; background-color: #e8e8e8; color: #000; padding: 1px 2px; margin-bottom: 0; clear: both;} /* grey background full width */
h4 {font-size: 1em; background-color: #e8e8e8; color: #000; display: inline; line-height: 2em} /* grey background only on text */

h5 {font-size: 1em; color: #ce1141; margin-bottom: 0.5em;}
h6 {}

a, a:visited {color: #ce1141; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}

a img {border: none;}
a.skipNav {position: absolute; left: -999em;}

p {margin: 0; padding: 0 0 1.3em; line-height: 1.3em;}
p.back2top {text-align: right;}

ol, ul {margin: 0 0 1.3em; padding-left: 2em; line-height: 1.3em;}

form {margin: 0 0 1em;}


/* page layout */
#container {width: 774px; margin: 20px auto 0; overflow: hidden;}

#header {width: 774px; height: 97px; position: relative;}
#logo {float: left;}
#strapline {float: left; margin: 20px 0 0 10px;}

#leftNav {width: 172px; float: left; text-align: right; padding: 10px 20px 20px 0;}
#contentWrapper {width: 582px; float: left; position: relative;}
#content {clear: left;}

#footerContainer {width: 100%; background-color: #c6c6c6;}
#footer {width: 774px; margin: 0 auto; color: #fff; padding: 15px 0 25px; overflow: hidden;}


/* header links */
ul#topNav {position: absolute; bottom: 0; right: 0; list-style-type: none; margin: 0; padding: 0 0 8px;}
ul#topNav li {display: inline; margin: 0; padding: 0 0 0 15px; font-size: 0.9em;}
ul#topNav a {color: #4e4d51; font-weight: normal; text-decoration: none;}
ul#topNav a:hover {color: #ce1141;}


/* main site navigation */
#leftNav ul {list-style-type: none; margin: 0; padding: 0;}
#leftNav li {margin: 0; padding: 4px 0;}
#leftNav a {color: #919191; font-size: 1.2em; text-decoration: none; font-weight: bold;}
#leftNav a:hover {color: #000;}
#leftNav a.current {color: #000; font-weight: bold;}

#leftNav ul.subNav {list-style-type: none; margin: 2px 0 0; padding: 0;}
#leftNav ul.subNav li {margin: 0; padding: 0; line-height: 1.2em;}
#leftNav ul.subNav a {font-size: 0.9em; font-weight: normal;}
#leftNav ul.subNav a:hover {color: #ce1141;}
#leftNav ul.subNav a.current {color: #ce1141; font-weight: bold;}


/* footer */
#copyright {width: 300px; float: right; text-align: right; font-size: 90%;}
#contactInfo {width: 277px; float: left; text-align: right; font-weight: bold;}
#footer a, #footer a:visited {color: #fff;}
#footer a:hover {text-decoration: underline;}
#footer p {padding: 0;}
#footerLogo {float: right; margin: 3px 0 0 5px;}


/* homepage project showcase */
#projectShowcase {width: 396px; min-height: 198px; float: left; margin: -1px 0 20px -1px; overflow: hidden;}
*html #projectShowcase {height: 198px;}

#projectDetail {width: 161px; float: left; position: relative; background-color: #e8e8e8; border-right: 26px solid #919191; padding: 0; margin-bottom: 20px;}
*html #projectDetail {height: 147px;} /* set min-height for ie6 */

#projectDetail h5 {font-size: 0.9em; color: #ce1141; margin-bottom: 5px;}
#projectDetail p {border-top: 1px solid #818181; font-size: 0.9em; line-height: 1.2em; padding: 4px 0;}
#projectDetail a {position: absolute; bottom: 10px; left: 10px;}

#landmark {float: right; position: relative; right: -26px; margin-left: -26px;}

.projectImage {width: 99px; height: 99px; float: left; position: relative;}
.projectImage img {float: left; padding: 1px 0 0 1px;}
.projectImage a.project {display: block; width: 92px; min-height: 2.7em; position: absolute; top: 1px; left: 1px; background: url(../images/project-title-bg.png) top left repeat; color: #fff; font-size: 0.8em; padding: 3px;}

.projectImage a, .projectImage a:visited, .projectImage a:hover {text-decoration: none;}

#project1, #project2, #project3, #project4, #project5, #project6, #project7, #project8 {min-height: 157px; position: relative; padding: 10px 10px 2.5em;}

#project2, #project3, #project4, #project5, #project6, #project7, #project8, #projectTitle2, #projectTitle3, #projectTitle4, #projectTitle5, #projectTitle6, #projectTitle7, #projectTitle8 {display: none;}

*html .projectImage a.project {height: 2.7em;} /* IE6 fix */
*html #projectDetail a {left: 0;} /* IE6 fix */


/* homepage news column */
#newsBrief {float: left; width: 120px; text-align: right; position: relative; left: -40px; margin-right: -40px; font-size: 0.9em; padding: 65px 20px 0 0;}
#newsBrief p {color: #ce1141;}
#newsBrief a {font-weight: normal;}

/* homepage content */
#contentHome {width: 482px; float: left; position: relative; overflow: hidden;}
#homeText {width: 270px; float: left; clear: left;}
#homeText p {line-height: 1.4em;}

/* homepage article teaser  */
#articleBrief {width: 176px; float: right; position: relative; top: -2.1em; right: 10px; margin-bottom: -2.2em;}
#articleBriefText {min-height: 120px; background: url(../images/grey-fade.jpg) left top repeat-x; padding: 10px;}
#articleBriefText p {font-size: 0.9em;}


/* news pages */
#pages {float: right; position: relative; top: -2.2em; margin-bottom: -2.2em; text-align: right; padding-right: 5px;}
#pages p {line-height: 2.2em; padding-bottom: 0;}
#pages a, #pages span {display: -moz-inline-box; display: inline-block; padding: 0 5px; background-color: #e8e8e8;}
#pageNumber {font-size: 0.9em; padding-right: 5px;}
.newsImage {float: right; margin: 0 0 15px 20px;}


/* project pages */
.projectImg {margin-bottom: 2px;}
.projectListImage {float: right; margin: 0 0 10px 20px;}


/* awards and newsletters pages */
.award, .newsletter {overflow: hidden; margin-bottom: 0.5em;}
.award img, .newsletter img {float: right; margin: 0 0 15px 20px;}
.award p, .newsletter p {padding-top: 0.5em;}


/* right column */
#columnRight {width: 250px; float: right; margin: 0 0 10px 20px;}
#columnRightText {width: 230px; min-height: 60px; background: url(../images/grey-fade-short.jpg) left top repeat-x; padding: 10px; clear: both;}
#columnRight img {margin-bottom: 2px;}


/* forms */
form {margin: 0 0 1em; overflow: hidden;}
.formItem, .formButton {margin-top: 3px; padding-bottom: 3px; overflow: hidden;}
label {float: left; text-align: right; width: 160px; margin: 3px 10px 0 0; padding: 0;}
input, select {font-family: Arial, Helvetica, sans-serif; font-size: 100%; padding: 1px 2px;}
.formItem input {}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}


/* general styles */
#content p {line-height: 1.5em;}
#content ol, #content ul {margin: 0 0 1.5em; padding-left: 2em; line-height: 1.5em;}
.clear {clear: both;}
.red, .date {color: #ce1141;}
.smallText {font-size: 0.9em;}

.achievement {clear: both;}
.achievement img {float: left; margin-bottom: 1em; margin-top: 3px;}
.achievement h5 {margin-left: 125px; margin-bottom: 0;}
.achievement p {margin-left: 125px;}

#content ul.sitemap {float: left; width: 250px;}
#content ul.sitemap ul {margin-bottom: 0;}

#bcsa {position: absolute; bottom: 0; left: -140px;}