/*
CSS Styles
*/
@import url("reset.css");
@import url("text.css");
@import url("../fonts/stylesheet.css");

/*
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;

*/

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

body.page{
	background: #848484 url(../images/bg-inner.gif) repeat-x;
}

#container{
	margin: 0 auto;
	width: 907px;
}

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

a:hover{
	text-decoration: underline !important;
}

a.dataset-link {
	font: bold 15px Arial, Helvetica, sans-serif;
}

.noborder{
	border: 0px none !important;
	background: none !important;
}

.clear{
	clear: both;
}

.right{
	float: right;
}

.left{
	float: left;
}

/* @group Header */

/* @group Topbar */
#bar{
	height: 27px;
	text-align: right;
	padding-top: 5px;
	color: #f1f1f1;
	font: 11px Arial, Helvetica, sans-serif;
}

#bar span{
	display: block;
	padding-top: 5px;
	float: right;
	width: 200px;
}

#bar a{
	color: #f1f1f1;
	text-decoration: none;
}

#form-search{
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
}

#form-search #search{
	border: 0px none;
	background: url(../images/searchbar-left.gif) no-repeat;
	margin: 0px;
	float: left;
	height: 21px;
	color: #012b75;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-left: 5px;
}

#form-search #submit{
	margin: 0 0 0 -3px;
}

#form-search .dropdown{
	background-color: #f1f1f1;
	width: 181px;
	padding: 15px 5px;
	position: absolute;
	top: 27px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px #888;
	-webkit-box-shadow: 0px 0px 2px #888;
	box-shadow: 0px 0px 2px #888;
}

#form-search .dropdown ul{
	margin-bottom: 0px;
}

#form-search .dropdown li{
	text-align: left;
	margin-left: 0px;
}

#form-search label{
	color: #505b6a;
}

/* @end */

/* @group Logo section */
#section{
	height: 109px;
	overflow: hidden;
}

.logo{
	float: left;
	width: 260px;
}

.headingquote{
	float: right;
	width: 380px;
	text-align: center;
	padding-top: 15px;
}

.headingquote h3{
	color: #5c5a5a;
	font: 19px Georgia, "Times New Roman", Times, serif;
}

.headingquote p{
	color: #033476;
	font-size: 12px;
}

.social{
	float: right;
	padding-top: 20px;
	margin-left: 20px;
}


/* @end */

/* @group Carousel */
#mycarousel{
	height: 430px;
	padding-bottom: 100px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
}

#mycarousel ul{
	margin: 0px;
	width: 3628px;
	overflow: hidden;
}

#mycarousel ul li{
	list-style: none;
	margin: 0px;
	float: left;
	position: relative;
}

.strip{
	position: absolute;
	bottom: 5px;
	background-color: #000000;
	opacity: 0.8;
	color: #ffffff;
	width: 100%;
	padding: 15px 0 40px 0;
}

.strip .callout{
	color: #ffffff;
	text-transform: uppercase;
	font: 23px UniversLT;
	float: left;
	background-color: #676660;
	border-top: 1px solid #908f8a;
	border-right: 1px solid #908f8a;
	border-bottom: 1px solid #908f8a;
	padding: 3px 7px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.strip-content{
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 250px;
	margin-left: 20px;
	
}

.strip h3{
	color: #f1f1f1;
	font-size: 17px;
}

.strip h3 a{
	color: #ffffff;
	font-size: 17px;
}

.strip a.read-more{
	clear: both;
    float: left;
}

.strip p{
	font-size: 14px;
	color: #d3d6cf;
}

#featured-large{
	position: relative;
	background-color: #ffffff;
	margin-bottom: -40px;
}

.sidestrip{
	width: 202px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 390px;
	background-color: rgba(0,0,0,0.8);
	color: #ffffff;
	padding: 20px;
}

.sidestrip h2{
	font: 24px UniversLT;
	text-transform: uppercase;
}

.sidestrip p{
	color: #a5a5a5;
	font: 13px Arial, Helvetica, sans-serif;
}

.sidestrip .sidestrip-links{
	position: absolute;
	bottom: 50px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: right;
	margin-right: 10px;
}

.sidestrip .sidestrip-links ul{
	margin-right: 15px;
}

.sidestrip .sidestrip-links ul li{
	list-style-type: none;
	margin-bottom: 5px;
}

.sidestrip .sidestrip-links a{
	color: #409cf1;
}

/* @end */

/* @group Nav */
#menu{
	height: 50px;
	overflow: hidden;
	width: 910px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav li a img{
	margin: 0px 0px 10px 5px;
}

#nav a {
	display: block;
	color: #1a5685;
	font: 23px UniversLT;
	text-transform: uppercase;
	text-decoration: none;
	padding: 13px 18px;
}

#nav a:hover, #nav a.active{
	background-color: #c7cac2;
	text-decoration: none !important;
}

#nav li { /* all list items */
	float: left;
	margin-left: 0px;
	background: url(../images/nav-seperator.gif) no-repeat right center;
	padding-right: 1px;
}

#nav li ul{
	padding: 15px 0px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	
}

#nav li li{
	width: 170px;
	background: none;
	padding: 0px;
}

#nav li li a{
	font: 12px Arial, Helvetica, sans-serif;
	color: #505b6a;
	text-transform: none;
	padding: 3px 10px;
}

#nav li li a:hover{
	background-color: #e5e6e2;
	color: #1f262f;
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 999;
	background: #F1F1F1;
	width: 170px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -35px 0 0 170px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* @end */

/* @group Featured Image */
.featured-img{
	position: relative;
	height: 256px;
}

.featured-img .callout{
	position: absolute;
	top: 30px;
	left: 0px;
	color: #ffffff;
	text-transform: uppercase;
	font: 23px UniversLT;
	float: left;
	background-color: rgba(255, 255, 255, 0.5);
	border-top: 1px solid #a7a7a2;
	border-right: 1px solid #a7a7a2;
	border-bottom: 1px solid #a7a7a2;
	padding: 3px 7px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.sharing{
	height: 61px;
	width: 100%;
	float: right;
	position: relative;
}

.sharing .sharebutton{
	width: 160px
	float: right;
}

.sharing .sharethis{
	width: 70px;
	float: right;
	margin-top: -30px;
}

.sharing .single{
	margin-right: 160px !important;
    margin-top: -38px !important;
}

.sharing .icons{
	background-image: url(../images/sharing-tab-grey.png);
	float: right;
	margin: 0px;
	height: 29px;
	width: 127px;
	padding: 12px 0 0 30px;
}

.sharing a.get-involved{
	color: #ffffff;
	text-transform: uppercase;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	float: right;
	background: url(../images/sharing-tab-blue.png) no-repeat;
	width: 107px;
	height: 20px;
	margin-top: -10px;
	padding: 13px 0 0 50px;
}

.sharethis .share-facebook{
	float: right;
	width: 80px;
	margin-bottom: 6px;
}

.sharethis .share-twitter{
	float: right;
	width: 60px;
}

/* @end */

/* @group Secondary Nav */
.jcarousel-control{
	overflow: hidden;
	width: 857px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	bottom: 40px;
}

.secondary-nav{
	overflow: hidden;
	width: 857px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	bottom: 40px;
}

.jcarousel-control a, .secondary-nav a{
	color: #505b6a;
	font: 33px UniversLT;
	font-weight: lighter;
	text-transform: uppercase;
	display: block;
	float: left;
	height: 70px;
	text-decoration: none;
	padding-top: 28px;
}

.jcarousel-control a:hover, .jcarousel-control a.active, .secondary-nav a:hover, .secondary-nav a.active{
	background-position: 0 -98px;
	text-decoration: none !important;
}

a.news{
	background: url(../images/nav-news.png) no-repeat 0 0;
	width: 203px;
}

a.areas{
	background: url(../images/nav-areas.png) no-repeat 0 0;
	width: 211px;
}

a.outputs{
	background: url(../images/nav-outputs.png) no-repeat 0 0;
	width: 230px;
}

a.projects{
	background: url(../images/nav-projects.png) no-repeat 0 0;
	width: 213px;
}


/* @end */


/* @end */

/* @group Content */
#contents{
	background-color: #ffffff;
	/*overflow: hidden;*/
}

#content{
	float: right;
	width: 623px;
	margin-right: 27px;
	margin-bottom: 40px;
}

#content-wide{
	float: right;
	width: 852px;
	margin-right: 27px;
	margin-bottom: 40px;
}

/* For use on hompage */
#content .column-1{
	width: 300px;
	margin-right: 15px;
	float: left;
}

#content .column-2{
	width: 300px;
	float: left;
}

/*For use on inner pages */
#content .column-main, #content-wide .column-main{
	float: left;
	width: 370px;
}

#content .column-right, #content-wide .column-right{
	float: right;
	width: 214px;
}


#content h1, #content h2, #content h3, #content h4,
#content-wide h1, #content-wide h2, #content-wide h3, #content-wide h4{
	color: #505b6a;
	font-weight: lighter;
}

#content p, #content-wide p{
	color: #666a71;
	font: 14px/22px Georgia, "Times New Roman", Times, serif;
	word-wrap: break-word;
	
}

#content ul, #content ol, #content-wide ul, #content-wide ol{
	color: #666a71;
	margin-left: 15px; 
}

#content li, #content-wide li{
	font-size: 14px;
}

#content .content-video, #content-wide .content-video {
	text-align: center;
}

#content .image-wrapper, #content-wide .image-wrapper {
	display: block;
	padding: 10px;
	background: #FDFDFD;
	border: 1px solid #EDEDED;
	color: #999;
	font-style: italic;
	text-align: center;
}

#content .image-wrapper.left, #content-wide .image-wrapper.left {
	margin: 0 10px 0 0;
}

#content .image-wrapper.right, #content-wide .image-wrapper.right {
	margin: 0 0 0 10px;
}

#content .image-caption, #content-wide .image-caption {
	margin: 5px 0 0;
	font-size: 11px;
	line-height: 1.2;
}

#content p.caption, #content-wide p.caption{
	color: #094cab;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center;
}

#content .section, #content-wide .section{
	background-color: #dddddd;
	padding: 15px 20px 20px 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}

/*
#content .section .meta{
	float: left;
	width: 205px;
}
*/

#content .section .callout, #content-wide .section .callout{
	background-color: #04357a;
	color: #ffffff;
	font: 23px UniversLT;
	padding: 3px 10px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
	width: 205px;
}

#content .section p, #content-wide .section p{
	color: #666a71;
	font-size: 12px;
	font-style: italic;
	float: left;
	padding-left: 40px;
	width: 350px;
}

#content .section p.no-image, #content-wide .section p.no-image{
	width: auto;
}

#content .section p a:hover, #content-wide .section p a:hover{
	text-decoration: none !important;
}

#content .section img, #content-wide .section img{
	border: 5px solid #f0f0f0;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	margin-left: 40px;
}

.box-top{
	width: 368px;
	height: 5px;
	background: url(../images/box-top.gif) no-repeat;
}

.box{
	background: url(../images/box-bottom.gif) no-repeat 0 bottom;
	width: 318px;
	padding: 20px 25px 25px 25px;
	margin-bottom: 15px;
	overflow: hidden;
}

.box h3{
	font-size: 23px;
}

.box h4{
	font-size: 14px;
	font-weight: lighter;
}

.box .meta, .item .meta, .featured-output .meta{
	margin-bottom: 5px;
	font: 11px Arial, Helvetica, sans-serif;
}

img.left{
	float: left;
	margin: 5px 10px 0 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

img.right{
	float: right;
	margin: 5px 0 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box .item{
	float: left;
	width: 95px;
	margin-right: 10px;
}

.item img{
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.list .item{
	padding: 5px;
	margin-bottom: 10px;
}

.list .alt{
	background-color: #f2f2f2;
}

.article-meta{
	color: #000000;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	
}

.article-meta span{
	color: #084aa8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
}

/* Article Take-Out */
.takeout{
	width: 332px;
	height: 26px;
	background: url(../images/article-takeout.gif) no-repeat;
	padding: 30px 10px 0px 10px;
}

.takeout h5{
	color: #0a53b8;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.takeout span{
	float: right;
}

.takeout span a{
	color: #747676;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}

.takeout span a:hover{
	text-decoration: none !important;
}

.slideout{
	width: 342px;
	margin: 1px auto 10px;
	
}

.slideout .top{
	width: 323px;
	height: 26px;
	background: url(../images/slideout-top.gif) no-repeat;
}

.slideout .bottom{
	width: 323px;
	height: 10px;
	background: url(../images/slideout-bottom.gif) no-repeat;
}

.slideout-content{
	width: 303px;
	background: url(../images/slideout-repeat.gif) repeat-y;
	padding: 0px 10px;
}

.slideout-content ul{
	margin-bottom: 0px;
	color: #444d5a;
	margin-left: 10px;
}

.slideout-content ul li{
	margin-bottom: 0px;
	list-style-type: disc;
}

ul.share{
	margin-bottom: 10px;
	overflow: hidden;
}

ul.share li{
	list-style: none;
	float: left;
	margin-right: 20px;
}

.article-nav{
	padding: 20px 0px;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	margin-bottom: 10px;
	font-weight: bold;
	
}

.article-nav span{
	display: block;
	color: #666A71;
}

.article-nav a{
	font-weight: normal;
	font-style: normal;
}

.featured-output{
	background-color: #e4efff;
	padding: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.featured-output img{
	border: 5px solid #d6e3ef;
}

.featured-output h2{
	color: #08469d !important;
	margin-top: 10px;
}

.featured-output h4{
	color: #0848a0 !important;
	font-size: 15px;
}

.featured-output .callout{
	background-color: #08469d;
	padding: 5px 10px;
	margin-left: -20px;
	color: #ffffff;
	font: 30px UniversLT;
	text-transform: uppercase;
	display: inline;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.download-report{
	display: block;
	float: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #107870;
	background: url(../images/arrow-down.gif) no-repeat left center;
	padding-left: 35px;
	height: 29px;
	text-transform: uppercase;
	padding-top: 10px;
}

.download-report-listing{
	display: block;
	float: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #107870;
	background: url(../images/arrow-down.gif) no-repeat left center;
	padding-left: 35px;
	height: 29px;
	text-transform: uppercase;
	padding-top: 10px;
}

.pagination{
	text-align: center;
	margin-bottom: 20px;
}

.pagination-search-results{
	text-align: left;
}

.pagination a{
	border: 1px solid #000000;
	padding: 2px 4px;
}

.pagination a:hover{
	background-color: #e4e4e4;
	text-decoration: none;
}

.pagination a.active{
	border: 0px none;
	font-weight: bold;
}

.pagination a.active:hover{
	background: none;
}

.pagination span{
	font: 12px Arial, Helvetica, sans-serif;
	float: right;
	margin-top: 3px;
}

.pagination span a{
	color: #084bac;
	border: 0px none;
}

.pagination span a:hover, .pagination span a.active:hover{
	background: none;
	text-decoration: underline;
}

.outputs .item{
	padding: 10px;
	margin-bottom: 10px;
}

.outputs .alt{
	background-color: #f7f6f7;
}

.outputs .item h4{
	color: #1f262f !important;
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold !important; 
}

.outputs .item h4 a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h3.sub-title{
	color: #094cab !important;
}

.quicklinks .arrow{
	width: 20px;
	height: 20px;
	background: #E6E6E6 url(../images/arrow-cover.png) no-repeat;
	margin-left: 20px;
}

.links{
	background-color: #e6e6e6;
	padding: 12px 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
}

.links span{
	font-weight: bold;
	color: #605f5f;
	text-transform: uppercase;
	margin-right: 10px;
}

.links a{
	padding: 0px 7px;
}

.details{
	color: #56606e;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 35px;
	margin-bottom: 20px;
}

.withblock{
	background-color: #dfe5ee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
}

.project{
	width: 287px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #eff6ff;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.col-left{
	float: left;
}

.col-right{
	float: right;
}

.project .callout{
	padding: 4px 10px;
	background-color: #2e2e2e;
	color: #ffffff;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 15px;
}

.project .featured{
	background-color: #08469d !important;
}

.project img{
	border: 3px solid #e4e4e4;
	display: block;
	margin: 0 auto;
}

.project ul{
	margin-top: 10px;
	margin-left: 25px;
	color: #0957a6;
}

.project ul li{
	list-style-type: disc;
}

.past-newsletter{
	clear: both;
	margin-bottom: 10px;
	overflow: auto;
}

.past-newsletter .newsletter-title{
	color: #444d5a;
	font: 14px Arial, Helvetica, sans-serif;
	float: left;
	width: 430px;
}

.past-newsletter .newsletter-download{
	width: 170px;
	float: right;
	font: 14px Arial, Helvetica, sans-serif;
	color: #d53e16;
}

.past-newsletter .newsletter-download a{
	color: #d53e16;
	
}

span.cat{
	color: #084aa8;
	font: bold 14px Arial, Helvetica, sans-serif;
}

img.staff-image{
	border: 7px solid #dae5ef;
}

.press-cat{
	color: #1f262f;
	font: bold 15px Arial, Helvetica, sans-serif;
	background-color: #e8e8eb;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	margin: 20px 0px 0px 0px;
	padding: 10px;
	text-transform: uppercase;
}

.press-content{
	background-color: #f6f6f7;
	padding: 10px;
	margin-bottom: 20px;
}

.press-content h4{
	color: #1f262f !important;
	font: bold 14px Arial, Helvetica, sans-serif !important;
	margin-bottom: 3px !important;
}

.press-content p{
	margin-bottom: 5px;
}

.press-down{
	margin-bottom: 20px;
	color: #444d59;
}

/* @end */

/* @group Comments */
#comments{
	margin-bottom: 30px;
}

#comments h2, #comments h3{
	color: #04377f;
}

#comments h3{
	border-bottom: 1px solid #cdcdcd;
}

.comment{
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 10px;
}

.comment .meta{
	font-size: 17px;
	color: #084aa9;
}

.comment .meta span{
	color: #1f262f;
	float: right;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-top: 6px;
}


/* @end */

/* @group Gallery */
.carousel-container{
	background-color: #F2F2F2;
	padding: 20px 45px;
	position: relative;
	margin-bottom: 20px;
}

.carousel-thumbnails{
	overflow: hidden;
    width: 540px;
}

.carousel-container ul.carousel{
	overflow: hidden;
	height: 85px;
	margin-bottom: 0px;	
}

.carousel-container ul.carousel li{
	float: left;
	list-style: none;
	margin: 0 10px;
}

.carousel-container .gallery-left{
	width: 16px;
	height: 27px;
	background: url(../images/gallery-arrow-left.gif) no-repeat 0 0px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 10px;
	top: 50px;
}

.carousel-container .gallery-right{
	width: 16px;
	height: 27px;
	background: url(../images/gallery-arrow-right.gif) no-repeat 0 0px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: 10px;
	top: 50px;
}

.carousel-container .gallery-right.active, .carousel-container .gallery-left.active{
	background-position: 0 -27px;
}

.image{
	background-color: #ebebeb;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.image img, ul.carousel li img{
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* @end */

/* @group Home Page */
.event-item{
	overflow: hidden;
	border-bottom: 1px solid #cfcfcf;
	padding: 5px 0px 5px 0px;
	margin-bottom: 10px;
}

.event-item .date{
	color: #505b6a;
	font: bold 13px Arial, Helvetica, sans-serif;
	width: 80px;
	float: left;
}

span.latest{
	color: #ffffff;
	text-transform: uppercase;
	padding: 2px 4px;
	background-color: #808c9e;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.event-title{
	float: right;
	width: 190px;
	font: 15px Georgia, "Times New Roman", Times, serif;
}

.event-title a{
	color: #063d8a;
	text-decoration: none;
	
}

/* @end */

/* @group Research Headers */
.research-header{
	background-color: #ffffff;
	overflow: hidden;
	margin-bottom: -35px;
}

.research-header h1{
	background-color: #000000;
	color: #ffffff;
	text-transform: uppercase;
	font: 29px UniversLT;
	width: 200px;
	float: left;
	text-align: center;
	padding-top: 15px;
	height: 49px;
}

.research-header h2{
	color: #084499;
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	height: 24px;
	background: url(../images/reasearch-heading-bg.gif) repeat-x;
	float: right;
	width: 685px;
	padding: 20px 10px;
}

.research-header ul{
	float: left;	
}

.research-header ul li{
	list-style-type: none;	
	margin-bottom: 10px;
	margin-left: 0px;
}

.research-header ul li a{
	display: block;
	background-color: #e3e3e3;
	height: 30px;
	padding: 13px 25px 0px 20px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	color: #484f58;
	font: 13px Arial, Helvetica, sans-serif;
}

.research-header ul li a:hover, a.active-dgsd, a.active-epd, a.active-esd, a.active-hast, a.active-hsd, a.active-phhsi{
	background-position: 3px -43px !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

a.r-dgsd{
	background: url(../images/arrow-dgsd.gif) no-repeat 3px 0;
}

a.r-dgsd:hover, a.active-dgsd{
	background-color: #ed5243 !important;
}

a.r-epd{
	background: url(../images/arrow-epd.gif) no-repeat 3px 0;
}

a.r-epd:hover, a.active-epd{
	background-color: #7e7c40 !important;
}

a.r-esd{
	background: url(../images/arrow-esd.gif) no-repeat 3px 0;
}

a.r-esd:hover, a.active-esd{
	background-color: #0d1f44 !important;
}

a.r-hast{
	background: url(../images/arrow-hast.gif) no-repeat 3px 0;
}

a.r-hast:hover, a.active-hast{
	background-color: #b53b35 !important;
}

a.r-hsd{
	background: url(../images/arrow-hsd.gif) no-repeat 3px 0;
}

a.r-hsd:hover, a.active-hsd{
	background-color: #c76d36 !important;
}

a.r-phhsi{
	background: url(../images/arrow-phhsi.gif) no-repeat 3px 0;
}

a.r-phhsi:hover, a.active-phhsi{
	background-color: #6a95d0 !important;
}

.research-header .image{
	float: right;
	width: 470px;
	background: none;
	margin: 0px 25px 0 0;
	padding: 0px;
}

.a-dgsd{color: #ed5243;}
.a-epd{color: #7e7c40;}
.a-esd{color: #0d1f44;}
.a-hast{color: #b53b35;}
.a-hsd{color: #c76d36;}
.a-phhsi{color: #6a95d0;}

.a-pink{color: #D63252;}
.a-lime{color: #7e7c40;}
.a-darkblue{color: #0d1f44;}
.a-red{color: #b53b35;}
.a-orange{color: #FF6517;}
.a-lightblue{color: #6a95d0;}
.a-purple{color: #442E55;}
.a-green{color: #298C35;}
.a-brown{color: #BA5C22;}
.a-creme{color: #F0BC8C;}

.bg-pink .links, .quicklinks.bg-pink .arrow{background-color: #D63252;}
.bg-lime .links, .quicklinks.bg-lime .arrow{background-color: #7e7c40;}
.bg-darkblue .links, .quicklinks.bg-darkblue .arrow{background-color: #0d1f44;}
.bg-red .links, .quicklinks.bg-red .arrow{background-color: #b53b35;}
.bg-orange .links, .quicklinks.bg-orange .arrow{background-color: #FF6517;}
.bg-lightblue .links, .quicklinks.bg-lightblue .arrow{background-color: #6a95d0;}
.bg-purple .links, .quicklinks.bg-purple .arrow{background-color: #442E55;}
.bg-green .links, .quicklinks.bg-green .arrow{background-color: #298C35;}
.bg-brown .links, .quicklinks.bg-brown .arrow{background-color: #BA5C22;}
.bg-creme .links, .quicklinks.bg-creme .arrow{background-color: #F0BC8C;}

.bg-pink span, .bg-darkblue a, .bg-red span, .bg-purple a, .bg-brightorange span{
	color: #fff;
}



/* @end */

/* @group Tabs */
#tabs{
	background-color: #d5dbe3;
	padding-top: 10px;
	margin-bottom: 20px;	
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

#tabs ul{
	overflow: hidden;
	margin-bottom: 0px;
}

#tabs ul li{
	list-style: none;
	float: left;
	font: 13px Arial, Helvetica, sans-serif;
}

#tabs ul li a{
	padding: 10px 15px;
	display: block;
	background-color: #e7e9ed;
	color: #777f89;
	text-align: center;	
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;	
}

#tabs ul li a.active{
	background-color: #f5f4f6;
	color: #484f58;
}

#tabs ul li a:hover{
	background-color: #f5f4f6;
	text-decoration: none !important;
	
}

#tabs span.tab-heading{
	color: #616a76;
	font: bold 14px Arial, Helvetica, sans-serif;
	float: left;
	margin-left: 15px;
	margin-top: 8px;
	text-transform: uppercase;
}

#tabs .item{
	background-color: #f5f4f6;
	padding: 25px 20px;
}

#tabs .alt{
	background-color: #e3e5ea;
}

#tabs .item span{
	color: #1f262f;
	font: bold 14px Arial, Helvetica, sans-serif;
}

/* @end */

/* @group Sidebar */

#sidebar{
	float: left;
	margin-left: 27px;
	width: 215px;
}

.widget-top{
	background: url(../images/widget-top.gif) no-repeat;
	width: 214px;
	height: 4px;
}

.widget{
	background: url(../images/widget-bottom.gif) no-repeat 0 bottom;
	width: 194px;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 15px;
}

.widget .line{
	height: 1px;
	border-top: 1px solid #c8c8c9;
	border-bottom: 1px solid #fbfbfb;
	width: 160px;
	margin: 0 auto 10px auto;	
}

.widget h3, .widget-large h3{
	color: #505b6a;
	font: 23px UniversLT;
	text-align: center;
}

.widget p{
	color: #7d7d7d;
	font: 13px Arial, Helvetica, sans-serif;
}

.widget ul{
	width: 214px;
	margin-left: -10px;
	overflow: hidden;
}

.widget ul li{
	list-style: none;
	margin-left: 0px;
	padding-left: 20px;
	background: url(../images/widget-li.gif) no-repeat 4px 5px;
	float: left;
	
}

.widget ul li.alt{
	background: #e4e4e4 url(../images/widget-li-alt.gif) no-repeat 4px 5px;
}

.widget ul li a{
	color: #1f262f;
	font: 12px Arial, Helvetica, sans-serif;
}

.widget ul.categories{
	margin-left:0px !important; 
	width:200px; 
}

	.widget ul.categories li{
		display:block; 
		background: none;
		width:180px;
	}

.widget a.gallery-left{
	width: 32px;
	height: 32px;
	background: url(../images/widget-gallery-left.gif) 0 0;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 35px;
}

.widget a.gallery-left.active{
	background: url(../images/widget-gallery-left.gif) 0 -32px;
}

.widget .gallery-right{
	width: 32px;
	height: 32px;
	background: url(../images/widget-gallery-right.gif) 0 0;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: 0px;
	top: 35px;
}

.widget .active{
	background-position: 0 -32px;
}

.widget-gallery{
	position: relative;
}

.widget-gallery-carousel{
	width: 128px;
	overflow: hidden;
	margin-left: 33px;
}

.widget-gallery ul{
	width: 180px;
	margin: 0 auto;
}

.widget-gallery li{
	background: none !important;
	padding: 0px !important;
	text-align: center;
}

.widget-gallery li img{
	border: 4px solid #aaaaaa;
	width: 120px;
	margin: 0 auto;
	text-align: center;
}

.widget-events{
	overflow: hidden;
}

.widget-events h3{
	color: #003176;
	font: 23px Georgia, "Times New Roman", Times, serif;
}

.widget-events .item-date{
	background-color: #e4e5e4;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	color: #505b6a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.item-date .latest{
	margin-bottom: 0px;
}

.widget-events .item-title{
	font-size: 15px;
}

.widget-large-top{
	background: url(../images/widget-large-top.gif) no-repeat;
	width: 300px;
	height: 4px;
}

.widget-large{
	background: url(../images/widget-large.gif) no-repeat 0 bottom;
	width: 280px;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 15px;
}

.widget-large .line{
	border-bottom: 1px solid #FBFBFB;
    border-top: 1px solid #C8C8C9;
    height: 1px;
    margin: 0 auto 10px;
    width: 250px;
}

p.twitter{
	color: #0085bd !important;
	font-size: 12px !important;
	margin-bottom: 0px;
}

.twitter-link a{
	color: #505b6a;
	font: 10px Arial, Helvetica, sans-serif;
}

.twitter-link{margin-bottom: 10px;}

.expander-title{
	background-color: #f4f4f3;
	padding: 10px;
	color: #505b6a;
	font: 23px UniversLT;
	border: 1px solid #e0e0e0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.expander-title a{
	color: #505b6a;
}

.expander-title a:hover{
	text-decoration: none !important;
}

.expander-title span{
	float: right;
}

.expander{
	margin-bottom: 15px;
}

.expander-block-top{
	width: 193px;
	height: 8px;
	background: url(../images/expander-block-top.gif) no-repeat;
	margin: 0 auto;
}

.expander-block{
	width: 163px;
	background: url(../images/expander-block.gif) no-repeat 0 bottom;
	padding: 10px 15px 10px;
	margin: 0 auto;
}

.expander-block ul li{
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
}

.expander-block li a{
	color: #1f262f;
}

/* @end */

/* @group buttons */
a.button-small {
    background: transparent url(../images/button-small-right.gif) no-repeat scroll right;
    color: #ffffff;
    display: block;
    font: bold 10px arial, sans-serif;
    height: 23px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    float: left;
    text-transform: uppercase;
    margin-bottom: 10px;
}

a.button-small.right, a.button-large.right{
	float: right;
}

a.button-small span {
    background: transparent url(../images/button-small-left.gif) no-repeat;
    display: block;
    line-height: 13px;
    padding: 5px 0 5px 10px;
}

a.button-small:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-small:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
}

a.button-small:hover, a.button-large:hover{
	text-decoration: none !important;
}

/*----- large button-----*/
a.button-large {
    background: transparent url(../images/button-large-right.gif) no-repeat scroll right;
    color: #ffffff;
    display: block;
    font: bold 12px arial, sans-serif;
    height: 34px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    float: left;
    text-transform: uppercase;
}

a.button-large span {
    background: transparent url(../images/button-large-left.gif) no-repeat;
    display: block;
    line-height: 24px;
    padding: 5px 0 5px 10px;
}

a.button-large:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-large:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
}

/* @end */

/* @group Forms */
input.pot { /* spam honey pot */
	display: none;
}

form{
	margin-bottom: 20px;
}

#form-comment{
	overflow: hidden;
}

#form-contact{
	overflow: hidden;
}

#form-contact .item{
	float: left;
	width: 280px;
	margin-right: 10px;
	
}

#form-comment .textbox, #form-contact .textbox{
	background-color: #e2e2e2;
	border: 0px none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #626262;
	font: 18px/22px Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
}

#form-comment .textbox:focus, #form-contact .textbox:focus{
	background-color: #efefef;
	border: 1px solid #dadada;
}

#form-comment textarea, #form-contact textarea{
	background-color: #e2e2e2;
	border: 0px none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #626262;
	font: 18px/22px Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 98%;
	margin-bottom: 10px;
}

#form-comment label{
	color: #165dad;
	font: 13px Arial, Helvetica, sans-serif;
}

#form-contact label{
	color: #626262;
	font: 13px Arial, Helvetica, sans-serif;
	padding-left: 10px;
}

span.required{
	color: red;
}

.submit{
	background: url(../images/button-submit.gif) repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	padding: 0px 15px;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	border: 0px none;
	height: 34px;
	margin-top: 10px;
	outline: none; /* hide dotted outline in Firefox */
}

.submit-small{
	background: url(../images/button-submit.gif) repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	padding: 0px 10px;
	text-transform: uppercase;
	font: bold 10px Arial, Helvetica, sans-serif;
	border: 0px none;
	height: 23px;
	outline: none; /* hide dotted outline in Firefox */
}

.centre{
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

label.heading{
	color: #71766b;
	font: 23px UniversLT;
	display: block;
	margin-left: 5px;
	margin-bottom: 5px;
}

.search-inline{
	margin-bottom: 15px;
	overflow: hidden;
}

.search-inline label.heading-inline{
	color: #71766b;
	font: 23px UniversLT;
	display: inline;
	margin-bottom: 5px;
	margin-right: 10px;
	float: left;
	margin-top: 3px;
}

.search-inline input#search{
	background: url(../images/search-projects-input.gif) no-repeat;
	width: 222px;
	height: 32px;
	border: 0px none;
	margin: 0px;
	float: left;
	
}

.search-inline input#submit{
	float: left;
}

#form-search-results label.results{
	color: #3a3e36;
	font: 15px Arial, Helvetica, sans-serif;
}

#form-search-results label.results span{
	color: #0651bb;
}

#form-login{
	background-color: #f2f2f2;
	border: 1px solid #dbe4f0;
	padding: 20px;
	overflow: hidden;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.loginbox{
	background-color: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dbe4f0;
	width: 260px;
	color: #505b6a;
	font: 19px Georgia, "Times New Roman", Times, serif;
	padding: 3px 5px;
}

.login-links{
	margin-top: 10px;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #7c2115;
}

.error{
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	color: #a0130d;
}

.form-newsletter input.textbox{
	border: 1px solid #d6d6d6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ffffff;
	color: #012b75;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	margin-bottom: 5px;
	width: 182px;
}

.form-searchnews{
	overflow: hidden;
}

.form-searchnews input.searchnewsbox{
	float: left;
	background: url(../images/news-search.gif) no-repeat;
	height: 26px;
	width: 154px;
	border: 0px none;
	padding: 3px 5px;
	color: #012B75;
	font-weight: bold;
}

input.submitnews{
	float: left;
}

/* @end */

/* @group Tables */
#content table[style] { background: #fff !important; margin: 0 0 18px !important; }
	
#content table thead[style], #content table tfoot[style] { background: #f5f5f5 !important; }
#content table thead tr th[style],
#content table tfoot tr th[style],
#content table tbody tr td[style],
#content table tr td[style],
#content table tfoot tr td[style] { font-size: 12px !important; line-height: 18px !important; text-align: left; }
#content table thead tr th[style],
#content table tfoot tr td[style] { padding: 8px 10px 9px !important; font-size: 14px !important; font-weight: bold !important; color: #505B6A !important; }
#content table thead tr th:first-child[style], #content table tfoot tr td:first-child[style] { border-left: none !important; }
#content table thead tr th:last-child[style], #content table tfoot tr td:last-child[style] { border-right: none !important; }

#content table tbody tr.even[style],
#content table tbody tr.alt[style] { background: #f9f9f9 !important; }
#content table tbody tr:nth-child(even)[style] { background: #f9f9f9 !important; }
#content table tbody tr td[style] {  color: #505B6A !important; padding: 9px 10px !important; vertical-align: top !important; border-width: 0 1px 1px 0 !important; border-style: solid !important; border-color: #ebebeb !important; }

#content table th{background-color: #e9e9e9; padding: 3px 0px; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB;}
#content table td{text-align: center; padding: 5px; color: #666A71; border: 1px solid #EBEBEB;}
#content table td.last-month{background-color: #f7f7f6;}

/* @end */	

/* @group Footer */
.footer{
	background: #e0e0e0 url(../images/footer.gif) no-repeat;
	width: 833px;
	margin: 0 auto;
	clear: both;
	padding: 1px 10px 0px;
	overflow: hidden;
}

.footer-bottom{
	background-image: url(../images/footer-bottom.gif);
	width: 853px;
	height: 4px;
	margin: 0 auto;
}

.footer li a{
	color: #505b6a;
	text-decoration: none;
	padding: 2px 5px;
	display: block;
	margin-right: 5px;
}

.footer li a:hover{
	text-decoration: none !important;
	background-color: #e1e1e1;
}
	
.contents-bottom{
	background: url(../images/footer-site.gif) no-repeat;
	width: 1167px;
	height: 53px;
	margin: 0 auto;
}
.contents-bottom{
	background: url(../images/footer-middle.gif) no-repeat;
	width: 907px;
	height: 53px;
	margin: 0 auto;
}

.footer h3{
	color: #50554a;
	font: 23px Georgia, "Times New Roman", Times, serif;
	margin: 12px 0px 0px 20px;
}

.footer ul{
	float: left;
	margin-top: 30px;
	width: 190px;
	background: url(../images/footer-list-seperator.gif) no-repeat right center;
	font-family: Arial, Helvetica, sans-serif;
}

.footer ul li{
	list-style: none;
}

.footer .contact-block{
	float: right;
	width: 230px;
	text-align: center;
	margin-right: 20px;
}

.contact-block h4{
	font: 25px UniversLT;
	color: #063f8f;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.contact-block p{
	color: #505b6a;
	font: 12px Arial, Helvetica, sans-serif;
}

.contact-block a{
	color: #094dad;
	text-decoration: none;
}

.footer-links{
	width: 907px;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
	font: 11px Arial, Helvetica, sans-serif;
}

/* @end */