/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* MAIN CSS */

body {
	background: #252525 url('../images/bg.gif') top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #3c3c3c;
}

a { 
	color: #ffc425
}

a:hover {
	color: #c7c7c7;
}

h2 {
	font-size: 2.2em;
	padding-top: 20px;
	padding-bottom: 15px;
	color: #ffc425;
	font-weight: normal;
}

h3 {
	font-size: 1.50em;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffc425;
	font-weight: normal;
}


h5 {
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #252525;
	font-weight: bold;
}

p {
	padding-bottom: 10px;
	font-size: .9em;
	line-height: 1.2em;
}

#contentholder {
	width: 576px;
	float: left;
}

#contentholder a { 
	color: #ffc425
}

#contentholder a:hover {
	color: #c7c7c7;
}

#contentholder p {
	text-align: justify;
}

.right {
	float: right;
}

#flashbanner {
	width: 1042px;
	height: 369px;
	margin: 0 auto;
	background: url('../images/bannerempty.jpg') top no-repeat;
}

#innerbanner {
	width: 960px;
	height: 220px;
	margin: 0 auto;
	background: #ffffff;
}

div.clear {
	clear: both;
}

#footer {
	width: 1042px;
	height: 182px;
	margin: 0 auto;
	background: url('../images/footerbg.jpg') transparent no-repeat;
}

#footerlogos {
	padding-top: 90px;
	padding-left: 55px;
}

#footer p {
	padding-top: 100px;
	padding-left: 100px;
}

#footerwrapper {
	height: 182px;
	background: url('../images/footerrepeat.gif') top transparent repeat-x;
}

#mercurywrapper {
	margin: 0 auto;
	width: 960px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: .8em;
	color: #545454;
}

#mercurywrapper a {
	color: #545454;
	text-decoration: none;
}

#mercurywrapper p {
	display: inline;
}

#mercurywrapper a:hover {
	color: #f2f2f2;
}

#printlogo {
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: none;
}

#header {
	background: #ffffff;
	border-top: 10px solid #ffc425;
	margin: 0 auto;
	width: 960px;
	height: 105px;
}

#newscontainer {
	float: right;
	width: 264px;
	background: url('../images/newsbg.jpg') repeat-x center top #f2f2f2;
	padding: 10px;
	margin-top: 25px;
	text-align: justify;
}

#newsarchive {
	float: right;
	width: 262px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	text-align: right;
	background: #ffffff;
	font-size: .8em;
}

#newsarchive a {
	color: #c7c7c7;
}

#newscontainer a{
	color: #ffc425;
	text-decoration: none;
}

#newscontainer  a:hover{
	background: #ffc425;
	color: #ffffff;
	text-decoration: none;
}

#rightsidepanelmap a{
	color: #ffc425;
	text-decoration: none;
}

#rightsidepanelmap  a:hover{
	background: #ffc425;
	color: #ffffff;
	text-decoration: none;
}

#newscontainer img{
	border: 3px solid #c7c7c7;
	margin-top: 5px;
}

#newscontainer  h3{
	color: #ffffff;
	padding-bottom: 10px;
}

#newscontainer p {
	font-size: .8em;
	padding-bottom: 5px;	
}

#newscontainer  h4{
	color: #3a3a3a;
	padding: 10px 0;
	font-weight: bold;
	font-size: .8em;
}

#rightsidepanel {
	float: right;
	width: 264px;
	margin-top: 50px;
}

#newsrightsidepanel {
	float: right;
	width: 264px;
	margin-top: 50px;
	margin-right: 30px;
}

#rightsidepanelmap {
	float: right;
	width: 264px;
	margin-top: 118px;
	margin-right: 30px;
	text-align: right;
}

#rightsidepanelmap img {
	padding-bottom: 20px;
}

#rightsidepanelmap p {
	font-size: .8em;
	line-height: 1.2em;
}

#rightsidepanel ul {
	padding-bottom: 20px;
	font-size: .8em;
	line-height: 1.2em;
}

#rightsidepanel p {
	font-size: .8em;
	line-height: 1.2em;
}

#rightsidepanel h4 {
	font-size: 1.2em;
	color: #cfcfcf;
	padding-top: 80px;
	padding-bottom: 10px;
}

#contentholder ul {
	list-style: normal;
	padding-left: 30px;
		padding-bottom: 5px;
}

#contentholder ul li {
	list-style: disc;
	padding-bottom: 10px;
	font-size: .9em;
}

.return {
	margin-top: 30px;
}

.timeline {
	font-size: .7em;
	padding-left: 20px;
}

.quote {
	color: #ffc425;
	font-size: 1em;
	font-style: italic;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

.projectitle {
	background: #4c4c4c;
	color: #ffffff;
	padding-left: 10px;
	padding-top: 10px;
	font-weight: bold;
	width: 500px;
	border-bottom: 2px solid #ffffff;
	margin-top: 10px;
}

.phases {
	width: 500px;
	padding-left: 10px;
	padding-top: 10px;
	background:  #f2f2f2;
}

.phase1 {
	width: 548px;
	padding-left: 10px;
	padding-top: 10px;
	background: url('../images/phaseone.jpg') right no-repeat #f2f2f2;
}

.phase2 {
	width: 548px;
	padding-left: 10px;
	padding-top: 10px;
	background: url('../images/phasetwo.jpg') right no-repeat #f2f2f2;
}
	

.logo {
	margin-top: 15px;
	margin-left: 38px;
	width: 310px;
	height: 85px;
	float: left;
}

a.info {
	display: block;
	width: 182px;
	height: 213px;
	background: url(../images/inforollover.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 14px;
}

a.children {
	display: block;
	width: 182px;
	height: 213px;
	background: url(../images/childrenrollover.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 14px;
}

a.business {
	display: block;
	width: 182px;
	height: 213px;
	background: url(../images/businessrollover.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 10px;
}

a:hover.info, a:hover.children, a:hover.business{
	background-position: -182px 0;
}

a.winifred {
	display: block;
	width: 553px;
	height: 115px;
	background: url(../images/winifredrollover.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.archbishop {
	display: block;
	width: 553px;
	height: 115px;
	background: url(../images/archbishoprollover.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;

}

a.future {
	display: block;
	width: 553px;
	height: 115px;
	background: url(../images/futurerollover.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;

}

a:hover.winifred, a:hover.archbishop, a:hover.future {
	background-position: 0 -115px;;
}

a.esteem {
	display: block;
	width: 132px;
	height: 37px;
	background: url(../images/esteemlogo.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 10px;
}

a.sewell {
	display: block;
	width: 132px;
	height: 37px;
	background: url(../images/sewelllogo.jpg) no-repeat 0 0;
	overflow: hidden;
	margin-left: 60px;
	margin-top: 10px;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}

a.morgansindall {
	display: block;
	width: 158px;
	height: 32px;
	background: url(../images/morganlogo.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 22px;
	margin-left: 30px;
}

a.robertson {
	display: block;
	width: 132px;
	height: 50px;
	background: url(../images/robertsonlogo.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-left: 15px;
	margin-top: 1px;
}

a.hullcc {
	display: block;
	width: 84px;
	height: 34px;
	background: url(../images/hullcclogo.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-left: 28px;
	margin-top: 15px;
}

a.bof {
	display: block;
	width: 112px;
	height: 37px;
	background: url(../images/boflogo.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -10000px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-left: 50px;
	margin-top: 13px;
}

a:hover.esteem, a:hover.sewell, a:hover.robertson{
	background-position: -132px 0;
}

a:hover.bof {
	background-position: -112px 0;
}

a:hover.morgansindall {
	background-position: -158px 0;
}

a:hover.hullcc {
	background-position: -84px 0;
}


.logo h1 {
	display: block;
	width: 310px;
	height: 85px;
	background: url('../images/logo.jpg');
	text-indent: -9999px;
}

.navigation {
	float: right;
	padding-right: 20px;
}

.navigation li {
	float: left;
}

.navigation a {
	font-size: .9em;
	font-weight: bold;
	color: #b8b8b8;
	text-decoration: none;
	display: block;
	padding: 80px 10px 5px 10px;
}

.navigation a:hover {
	background: #ffc425;
	color: #ffffff;
}

#bodyholder {
	width: 900px;
	margin: 0 auto; 
	background: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
}

/* CONTACT */
#contact p, label, legend { font: .8em Arial, Helvetica, sans-serif; color: #000000; }
#contact h1 { padding: 10px 0 20px 20px; font-size: 2.2em; color: #ffc425; font-weight:normal; }
#contact { float: left; width: 560px; margin-top:20px; border: 2px solid #f2f2f2;}
#contactright { width: 362px; height: 407px; float: right; padding-top:35px;}

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: .8em; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:.8em Arial, Helvetica, sans-serif; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px;}
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: .8em; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../images/success.gif') left no-repeat; padding-left:22px; }