#content {
	float: left;
	width: 980px;
	left: 20px;
	background-color: transparent;
}

#page {
	background: #fff url(/templateimages/bg_home.png) top left repeat-y;
}

#content {
	width: 972px;
}

#content .gutterCol {
	width: 305px;
	margin-right: 16px;
	float: left;
}

#content .item {
	background-color: #f8f8f8;
	margin-bottom: 15px;
	float: left;
	width: 305px;
}

#content .item p {
	margin: 0 0 0.8em 0;
}

#content .filling {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 4px 13px 1px 13px;
	float: left;
	width: 277px;
}

#content .item h4 {
	background: #9d9d9d url(/templateimages/colours/homepage.png) 0 -117px no-repeat;
	color: #fff;
	margin: 0;
	padding: 0 0 4px 0;
	text-align: center;
	height: 23px;
	font-size: 110%;
}

#content .item h4 a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

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

#content .item .end {
	background: transparent url(/templateimages/colours/homepage.png) 0 -144px no-repeat;
	height: 11px;
	width: 305px;
	clear: both;
}

/* Blue */
#content .blue h4 {
	background-position: 0 -39px;
}

#content .blue .end {
	background-position: 0 -66px;
	height: 12px;
}

#content .blue .filling {
	border-color: #1d4f82;
}


/* Electric blue */
#content .electricblue h4 {
	background-position: 0 -78px;
}

#content .electricblue .end {
	background-position: 0 -105px;
	height: 12px;
}

#content .electricblue .filling {
	border-color: #5b5ad5;
}


/* Magenta */
#content .magenta h4 {
	background-position: 0 -155px;
}

#content .magenta .end {
	background-position: 0 -182px;
	height: 12px;
}

#content .magenta .filling {
	border-color: #bd1d6d;
}


/* Phd green */
#content .phdgreen h4 {
	background-position: 0 -194px;
}

#content .phdgreen .end {
	background-position: 0 -221px;
}

#content .phdgreen .filling {

}


/* Pink */
#content .pink h4 {
	background-position: 0 -232px;
}

#content .pink .end {
	background-position: 0 -259px;
	height: 12px;
}

#content .pink .filling {
	border-color: #d70535;
}


/* Red */
#content .red h4 {
	background-position: 0 -271px;
}

#content .red .end {
	background-position: 0 -298px;
	height: 12px;
}

#content .red .filling {
	border-color: #c2383a;
}


/* Turquoise */
#content .turquoise h4 {
	background-position: 0 0;
}

#content .turquoise .end {
	background-position: 0 -27px;
	height: 12px;
}

#content .turquoise .filling {
	border-color: #03C4C7;
}


#content h4 span {
	display: block;
	padding: 5px 0 0 0;
}


/* Gateway specific gutter classes */
.latestNewsSummary .filling, .latestNewsSummaryFromLinkedCat .filling, .smallgatewaytext .filling {
	font-size: 90%;
}

#content .featured {
	border: 0;
	background: #fff url(/templateimages/home_featured_top.png) 0 0 no-repeat;
	padding-top: 10px;
	margin-right: 16px;
	width: 626px;
	float: left;
}

#content .featured .filling {
	background-color: #efefef;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	float: left;
	width: 597px;
}

#content .featured .item {

}

#content .featured .end {
	background: #fff url(/templateimages/home_featured_bottom.png) 0 0 no-repeat;
	width: auto;
	clear: both;
}

#content .whitebg {
	background-color: #fff;
}

#content .relatedProfiles .filling {
	background-color: #fff3f1;
	padding: 4px 13px 10px 6px;
	position: relative;
	text-align: right;
	width: 284px;
}

#content .relatedProfiles .end {
	background-color: #fff3f1;
}

#content .relatedProfiles blockquote {
	margin-bottom: 0.8em;
	background-image: url(/templateimages/colours/red/quote_open.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 22px;
	text-align: left;
}

#content .relatedProfiles blockquote p {
	background-image: url(/templateimages/colours/red/quote_close.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-right: 22px;
}

#content .relatedProfiles cite {
	text-align: right;
	display: block;
}

#content .relatedProfiles cite img {
	margin-left: 6px;
}

#content .latestNewsSummary h5, #content .latestNewsSummaryFromLinkedCat h5 {
	margin: 0 0 6px 0;
}

#content .latestNewsSummary h5 a:link, #content .latestNewsSummary h5 a:visited,
#content .latestNewsSummaryFromLinkedCat h5 a:link, #content .latestNewsSummaryFromLinkedCat h5 a:visited {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#content .latestNewsSummary h5 a:hover,
#content .latestNewsSummaryFromLinkedCat h5 a:hover {
	font-weight: bold;
	color: #d44;
	text-decoration: underline;
}

#content .latestNewsSummary .more, #content .latestNewsSummaryFromLinkedCat .more {
	margin: 4px 0 1em 0;
}

.latestNewsSummaryFromLinkedCat p.date {
	margin-top: 0;
	color: #666;
	font-size: 0.9em;
}


.book {
	width: 133px;
	float: left;
	margin: 0 5px 1em 0;
	font-size: 0.9em;
}

.upcomingEvents .filling, .upcomingEventsFromLinkedCat .filling {
	font-size: 0.9em;
}

.upcomingEvents .filling ul, .upcomingEventsFromLinkedCat .filling ul {
	padding-left: 15px;
	margin: 0;
}

.upcomingEvents .filling ul li, .upcomingEventsFromLinkedCat .filling ul li {
	margin: 8px 0;
}