@charset "utf-8";
/* CSS Document */

* {
	margin: 0 auto;
	padding: 0;
}

html, body { height: 100%; }

body {
	font-family:Helvetica,"Trebuchet MS",Arial,Verdana,sans-serif;
	margin: 0 auto;
	padding:0;
	font-size:12px;
	color:#000000;
	/*background:#CCCCCC;*/
}

/*Typography*/
p {
	padding-bottom:10px;
}

hr { 
	border: #000000 1px solid;
	background:#000000;
	
}
img { border: none; }

a {
color:#333399;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

h1 {
	font-size: 2.2em;
	padding-bottom:10px;
	}
h2 {
	font-size: 1.35em;
	padding-bottom:5px;
	}
h3 {
	font-size: 1.2em;
	color:#2A5DB9;
	font-weight:bold;
	padding-bottom:10px;
	font-style:italic;
	}
h4 {
	font-size: 1em;
	color:#CC0000;
	font-weight:bold;
	}
h5 {	
	font-size: 0.95em;	
	}
h6 {
	font-size: 0.8em;
	}
ul {
	margin-left:15px;
}
.red { color:#FF0000; }

.brown {
	color:#CC0000;
	font-size:1em;
	font-weight:bold;
}

#print-link {
	background: #fff;
	color: #666;
	padding-top: 5px;
	padding-right: 9px;
	text-align: right;
}
#container {
	/*height:auto !important;
	/*margin:0 auto -63px;*/
	/*margin:0 auto;
	min-height:100%;
	padding:0;
	width:100%;*/
	width:1000px;
}

#mainhead {
	width:100%;
}

#header-bg {
	background:url(/images/header_bg.gif) repeat-x;
}

#header {
	width:1000px;
	height: 75px;
}

#header h1 {
/*background:url(/images/logo.gif) no-repeat;*/
height:135px;
float:left;
width:227px;
margin-left:20px;
}
#header h1 a {
display:block;
height:100%;
overflow:hidden;
width:100%;
display: none;
}

#header h1 .screen-friendly {
display: none;
}

#header .header-top {
float:left;
/*height:0px;
overflow: hidden;
padding-left:90px;
padding-right:10px;
text-align:right;*/
padding-top:60px;
width:500px;
color:#000000;
}

#header .header-top h2 {
color:#000000;
/*font-family:"Times New Roman",Times,serif;*/
font-size:16px;
}

#header .header-bottom {
	width:743px;
	height:70px;
	padding-top:15px;
	/*padding-right:150px;*/
	float:left;
display: none;
}

#header .header-bottom h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	text-align:right;
}

#header .header-bottom h3 {
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	color:#000000;
	font-style:normal;
	color:#666666;
}

#menu-bg {
	background:url(/images/menu_bg.gif) repeat-x;
	height:24px;
	margin:0;
	padding:0;
	position:relative;
}

#menu-wrapper {
	width:1000px;
	height:0px;
	overflow:hidden;
}

#menu {
	  font-family:"Trebuchet MS", Verdana, Arial;
	  float:left;
      width:1000px;
      height:24px;
	  background:url(/images/menu_bg.gif) repeat-x;
    }
    #menu ul {
	margin:0;
	padding:4px 0 0;
	list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
	  
      }
    #menu a {
		color:#FFFFFF;
		display:block;
		float:left;
		font-size:13px;
		font-weight:bold;
		margin:0 1px;
		padding:0 29px;
		text-decoration:none;
      }
    #menu a span {
      	display:block;
		cursor:pointer;
		text-transform:uppercase;
      }
	  
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a.current span {
      	background:#E4E4E4 none repeat scroll 0 0;
		color:#333333;
		display:block;
		float:left;
		height:11px;
		margin:0 15px;
		padding:1px 10px;
      }
	#menu a:hover span {
      color:#333;
	  float:left;
      display:block;
      background:#e4e4e4;
      padding:1px 10px 6px 10px;
	  margin:0 15px;
	  height:11px
      }  
    #menu a.current,
	#menu a:hover {
      	background:#E4E4E4 none repeat scroll 0 0;
		float:left;
		height:18px;
		margin:0 1px;
		padding:0 4px;
		text-decoration:none;
		border-bottom:1px solid #000000;
      }

#submenu-bg {
	background:url(/images/submenu_bg.gif) repeat-x;
	height:21px;
	position:relative;
}

#submenu-wrapper {
	width:1000px;
	height:0px;
	overflow:hidden;
}

#submenu{
	display: none;
/*
	font-family:"Trebuchet MS", Verdana, Arial;
	margin:0;
	list-style-type:none;
	width:1000px;
	height: 21px;
	display:block;
	float:left;
*/
}

	#submenu ul{
		text-decoration:none;
	}
	
	#submenu ul li{
		display:block;
		float:left;
		margin:0;
		text-decoration:none;
		font-size:11px;
		font-weight:bold;
	}
	
	#submenu a{
		display:block;
		float:left;
		color:#333;
		text-decoration:none;
		padding: 2px 15px 0;
		height:17px;
		}
	
	#submenu a.current,
	#submenu a.section,
	#submenu a:hover{
	  text-decoration: none;
	  border-bottom:#000000 2px solid;
	  padding: 2px 15px 0;
	}

#main-container {
	margin:0 auto;
	position:relative;
}

#main {
	/*text-align:left;*/
	margin:0 auto;
	position:relative;
	width:980px;
	padding:10px;
	background:#FFFFFF;
}

#main-content {
	text-align:left;
	width:980px;	
	float:left;
}

#main-homecontent {
	text-align:left;
	width:389px;	
	float:left;
}

#homepage-latest {
	width:590px;
	border-left: 1px solid #999999;
	float:left;
}

#homepage-latest-elements {
	border-right: 1px solid #999999;
	padding: 0 10px;
	width:159px;
	float:left;
}

#homepage-latest-elements .title{
	color:#2a5db9;
	text-transform:uppercase;
	font-size:12px;
}

#homepage-latest-elements .details{
	color:#2a5db9;
}

#homepage-latest-elements img{
	padding: 0 10px 10px 0;
}

#homepage-latest-elements hr{
	color:#000000;
	height:1px;
	background-color:#000000;
	border: 0;
	margin: 5px 0;
}

#homepage-latest-elements h5 {
color:#CC0000;
text-transform:uppercase;
font-size:0.8125em;
line-height:1.25em;
padding-bottom:5px;
}

#homepage-latest-elements a {
color:#CC0000;
text-decoration:none;
font-weight:bold;
}
#homepage-latest-elements a:hover {
color:#CC0000;
text-decoration:underline;
}




#footer {
	border-top:1px solid #000000;
	bottom:0;
	position:relative;
	width:0px;
	height: 0px;
}

#footer-content {
	color:#FFFFFF;
	padding:0px;
	height:0px;
	overflow: hidden;
	width:0px;
	text-align:right;
}

#footer-content a {
	/*color:#FFFFFF;
	text-decoration:underline;*/
}

#footer-content a:hover {
	/*color:#FFFFFF;
	text-decoration:underline;*/
}

/* Project styles */

#project-search {
	/*background:#C3C3C3 url(/images/search-gradient.gif) repeat-x scroll 0 0;
	border:1px solid #333333;
	float:left;
	margin-right:30px;
	padding:5px;*/
	width:0px;
	height: 0px;
	overflow: hidden;
}
#project-search table{
	/*text-align:left;
	float:left;*/
	width:0px;
	height: 0px;
	overflow: hidden;
}
#project-search td {
	/*padding: 2px 0;*/
	width:0px;
	height: 0px;
	overflow: hidden;
}

#project-search form {
	/*padding: 2px 0;*/
	width:0px;
	height: 0px;
	overflow: hidden;
}

#project-listing {
	width:930px;
	float:left;
}

#project-listing .project-listing-heading {
	width:650px;
	float:left;
}
#project-listing .project-listing-commencement, #project-listing .project-listing-completion {
	width:100px;
	float:left;
	text-align:right;
}

.hr-heading {
	border:none;
	background:#000;
	color:#000;
	height:3px;
	width:850px;
	float:left;
}

.hr-heading1 {
	border:none;
	background:#000;
	color:#000;
	height:3px;
	width:100%;
	float:left;
}

#project-list-item {
	float:left;
	width:850px;
	padding:10px 0 ;
	border-bottom: 1px solid #000000;
}

#project-list-item .project-list-item-image {
	/*height:80px;*/
	text-align:left;
	padding-right:10px;
	float:left;
}
#project-list-item .project-list-item-image img {
	border:none;
}
#project-list-item .project-list-item-content {
	vertical-align:top;
	float:left;
	width:580px;
}

#project-list-item .project-list-item-content h3 {
	margin-bottom:5px;
}

#project-list-item .project-list-item-content h3 a:link, #project-list-item .project-list-item-content h3 a:visited {
	color:#2A5DB9;
	font-weight:bold;
	text-decoration:none;
}

#project-list-item .project-list-item-content h3 a:hover {
	text-decoration:underline;
}

#project-list-item .project-list-item-content h4 {
	margin-bottom:5px;
}

#project-list-item .project-list-item-content h4 a:link, #project-list-item .project-list-item-content h4 a:visited {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
}

#project-list-item .project-list-item-content h4 a:hover {
	text-decoration:underline;
}

#project-list-item .project-list-item-commencement, #project-list-item .project-list-item-completion {
	width:100px;
	vertical-align:top;
	float:left;
	text-align:right;
}

#project-page {
	width:980px;
	float:left;
}

#project-page .project-page-image {
	width:300px;
	/*height:400px;*/
	text-align:left;
	padding-right:10px;
	float:left;
}

#project-page .project-page-image img {
	padding-top: 60px;
	border:none;
	display: block;
}

#project-page .project-page-content {
	float:left;
	padding-right:20px;
	vertical-align:top;
	width:620px;
}

#project-page .project-page-content h2{
	color:#2A5DB9;
	text-transform:uppercase;
}

#project-page .project-page-content hr {
	border:none;
	background:#000;
	color:#000;
	height:3px;
	width:100%;
	margin-bottom:10px;
	border:1px solid #000;

}

#project-page .project-page-back {
	display: none;
	text-align:right;
}

/* News styles */

#article-search {
	display: none;
	background:#C3C3C3 url(/images/search-gradient.gif) repeat-x scroll 0 0;
	border:1px solid #333333;
	float:left;
	margin-right:30px;
	padding:5px;
	width:188px;
}
#article-search table{
	text-align:left;
	float:left;
}
#article-search td {
	padding: 2px 0;
}

#article-listing {
	width:750px;
	float:left;
}

#article-listing .article-listing-heading {
	width:550px;
	float:left;
}
#article-listing .article-listing-commencement, #article-listing .article-listing-completion {
	width:100px;
	float:left;
	text-align:right;
}

#article-listing .hr-heading {
	border:none;
	background:#000;
	height:3px;
	width:100%;
	float:left;
}

#article-list-item {
	float:left;
	width:750px;
	padding:10px 0 ;
	border-bottom: 1px solid #000000;
}

#article-list-item .article-list-item-image {
	/*height:80px;*/
	text-align:left;
	padding-right:10px;
	float:left;
}
#article-list-item .article-list-item-image img {
	border:none;
}
#article-list-item .article-list-item-content {
	vertical-align:top;
	float:left;
	width:480px;
}

#article-list-item .article-list-item-content h3 {
	margin-bottom:5px;
}

#article-list-item .article-list-item-content h3 a:link, #article-list-item .article-list-item-content h3 a:visited {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
}

#article-list-item .article-list-item-content h3 a:hover {
	text-decoration:underline;
}

#article-list-item .article-list-item-content h4 {
	margin-bottom:5px;
}

#article-list-item .article-list-item-content h4 a:link, #article-list-item .article-list-item-content h4 a:visited {
	color:#CC0000;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
}

#article-list-item .article-list-item-content h4 a:hover {
	text-decoration:underline;
}

#article-list-item .article-list-item-commencement, #article-list-item .article-list-item-completion {
	width:100px;
	vertical-align:top;
	float:left;
	text-align:right;
}

#article-page {
	width:980px; /* screen version was 750px */
	float:left;
}

#article-page .article-page-image {
	width:300px;
	/*height:400px;*/
	text-align:left;
	padding-right:10px;
	float:left;
}

#article-page .article-page-image img {
	padding-top: 60px;
	border:none;
	display: block;
}

#article-page .article-page-content {
	vertical-align:top;
	float:left;
	width:620px; /* screen version was 420px */
}

#article-page .article-page-content h2{
	color:#CC0000;
	text-transform:uppercase;
}

#article-page .article-page-content hr {
	border:none;
	background:#000;
	color:#000;
	height:3px;
	width:100%;
	margin-bottom:10px;
	border:1px solid #000;

}

#person-listing {
	width:220px;
	float:left;
	padding-right:30px;
	display: none;
}

#person-listing-description {
	width:730px;
	float:left;
}

#person-page {
	float:left;
	width:950px;
}

	.person-page-content {
	width:620px;
	float:left;
	}

	.person-page-image {
	width:300px;
	float:left;
	padding: 0 0 0 30px;
	}

#people-page {
	width:800px;
	padding-right:180px;
/*	float:left; This was causing odd behaviour when printing in IE7. */
	padding:5px 0;
	border-bottom:#333333 1px solid;
}

#people-page-image {
	width:100px;
	float:left;	
}

#people-page-text {
	width:700px;
	float:left;	
}

#people-page h2 a {
	color:#000000;
}

#people-list-item hr {
	background:#cccccc none repeat scroll 0 0;
	border:1px solid #cccccc;
}

.pagination {
	margin-top:10px;
	float:left;	
	text-align:center;
	width:750px;
}

.pagination a {
	color:#000000;
}


.pagination strong {
color:#CC0000;
font-weight:bold;
}

.table-layout {
border-left:1px solid #DDDDDD;
/*width:900px;*/
}
.table-layout td {
border-right:1px solid #DDDDDD;
padding:0 20px;
vertical-align:top;
}

#column-1 {
	width:100%;
}

#column-1 img{
	padding-right:5px;
}

#col2-column-1 { 
	width:950px;
	float:left;
	padding-right:29px
}

#col2-column-1 img {
	padding: 0 20px 10px 0;
}

#col2-column-1 ul {
	padding-left: 10px;
}

#col2-column-2 {
	display: none;
/*
	width:280px;
	float:left;
	border-left:#666666 1px solid;
	padding-left:20px;
*/
}

#s7 { width: 743px; height: 70px; overflow:hidden; }
#s7 div { width: 743px; height: 70px; color: #333; text-align: left; overflow: hidden }