/* DOCUMENT INFORMATION ------------------------------------
TITLE:			RCP London
LAST UPDATED:	21st September 2009
AUTHOR:			Ed Fryer, Clever Clover Ltd
NOTES:			Common project specific styles, followed by 
				a break down into the location styles.

-- CONTENTS -----------------------------------------------
	=1:		[STANDARDS / HTML]
	=2:		[TEXT STYLES]
	=3:		[CONTAINER]
	=4:		[HEADER]
	=5:		[BREADCRUMB]
	=6:		[MAINNAV]
	=7:		[SIDEBAR]	
	=8:		[MAIN]	
	=9:		[FOOTER]	
	=10:	[FORM]	
	=11:	[ATTRIBUTE]	
------------------------------------------------------------*/

/*------=1:	[STANDARDS / HTML] -----------------------------*/


body {
	background: #ffffff url(../images2/bg-repeat.gif) repeat-x top;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;	
	line-height: 21px;
	color: #3e3e3e;
	padding-bottom:30px;
}

a {color:#10244a;}

.red { color: #f54c4c;}

.blue { color: #1b70cb; }


.slider { cursor: pointer; }

.sliderContent { display: none; }

.collapse {
	float: right;
	margin-right: 4px;
}

/*------=2:	 [TEXT STYLES] -----------------------------*/

h1 {
	font-size: 3em;
	font-family: Century Gothic , Arial, Helvetica, sans-serif;
	line-height: 40px;
	font-weight: bold;
	letter-spacing: -1.5pt;
	margin: 0 0 10px 0;
}

h1 .blue {
	color:#3e3e3e;
}

h1.title {
	width:100%;
	background: url(../images2/title-bk.gif) no-repeat left bottom;
	padding-bottom:10px;
}

h2 {
	font-family: Century Gothic , Arial, Helvetica, sans-serif;
	font-size: 2.4em;;
	color: #373737;
	line-height: 42px;
	margin: 0 0 8px 0;
}

h3 {
	font-size: 1.4em;
	padding: 5px 0 0 0;
	margin: 0 0 4px 0;
}

h4 {
	font-size: 1.2em;
	color: #79ae55;
	font-weight: bold;
	letter-spacing: -0.2pt;
	margin: 0 0 4px 0;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 0.9em;
}

p {
	padding: 2px 0 5px 0;
	line-height: 19px;
	color: #3e3e3e;
	font-size: 14px; /* 1.3em */
	text-align: justify;
}

li {
	color: #3e3e3e;
	font-size: 1.3em;
}

strong { font-weight: bold; }

a { 
	color: #0c64b6;
	text-decoration: none;
}

.link { 
	color: #03509e;
	text-decoration: underline;
}
a.nolink { 
	color: #ffffff;
	text-decoration: none;
}

.date {
	color: #414141;
	font-size: 14px;
	font-weight: bold;
}

/*------=3:	 [CONTAINER] ----------------------------------*/

.container {
	width:922px;
	margin:0 auto;
}

/*------=4:	 [HEADER] ------------------------------------*/

.header {	
	background: url("../images/header-bg.png") no-repeat scroll -50px 0 transparent;
    height: 190px;
    margin-top: 14px;
    position: relative;
    width: 100%;
    z-index: 2;
}
		
	.headerLinks {
		float: right;
		width: 550px;
		height: 34px;
		overflow: hidden;
	}
		.headerLinks ul {
			height: 34px;
		}
		.headerLinks ul li {
			height: 34px;
			float: right;
			display: inline;
			line-height: 30px;
		}
		.headerLinks ul li a {
			font-size: 12px;
			color: #171212;
			padding: 0 0 0 5px;
		}
		
	.headerBar {
		width:100%;
		height:13px;
		float:left;
	}
		
	.feature {
		width:100%;
		height:178px;
		float:left;
	}	
	
	.logo {
		position: absolute;
		top: 53px;
		left: 10px;
		width: 274px;
		height: 96px;
	}
	
	.seperator {
		position: absolute;
		top: 60px;
		left: 305px;
		width: 1px;
		height: 72px;
	}
	
	.tagline {
		width:157px;
		height:60px;
		position:absolute;
		top:66px;
		left:328px;
		z-index:2;
	}	
	
	.missionStatement {
		width:563px;
		height:39px;
		position:absolute;
		top:120px;
		/*left:170px;*/
		left:10px;
		z-index:2;
	}	
	
	.search {
		width: 304px;
		height: 36px;
		position:absolute;
		bottom:1px;
		right:0px;
		background: url(../images2/search-bk.png) no-repeat;
		z-index:3;
	}
		* html .search {
			bottom: 6px;
		}
	
	.search fieldset {
		float:left;
		padding-top:7px;
	}
	
	.search fieldset input {
		padding:0 10px;	
		line-height:23px;
		-margin:0px;
	}
	
	.search fieldset input.text {
		margin-left:70px;	
	}	
	
	.fader {
		width:557px;
		height:190px;
		position:absolute;
		right:0px;
		top:13px;
		z-index:1;
		overflow:hidden;
	}	
	
	.fader li {
		float:right;
	}	
	
/*------=5:	 [BREADCRUMB] ------------------------------------*/

.breadcrumb {
	height: 28px;
	width:100%;
	float:left;
	padding: 0 0 0 0;
}
	.breadcrumb li {
		float: left;
		display: inline;
		font-size: 12px;
		color: #ffffff;
		line-height: 27px;
		padding: 0 0 0 5px;
	}
	.breadcrumb li a {
		color: #ffffff;
	}
/*------=6:	 [MAINNAV] ------------------------------------*/

.navigation {
	width: 100%;
	height: 33px;
	float:left;
	/* background: url(../images2/nav-bk.gif) no-repeat bottom left; */
	-height:28px;
	margin-top:2px;
}

	ul.mainNav {
		float: left;
		width: 100%;
		padding-left:3px;
		height: 38px;
		margin-top: -1px;
		-height:28px;
		-padding-left:0px;
	}
	* html .navigation {
		position: relative;
		top: -7px;
	}
	ul.mainNav li {
		float: left;
		position: relative;
		height: 38px;
		-height:28px;
		width:auto;
	}
	
	ul.mainNav li a {
		font-family: Arial, Helvetica, sans-serif;
		cursor: pointer;		
		width: auto;
		line-height: 35px;
		text-align:center;
		color: #333333;
		font-size: 13px;
		font-weight: bold;			
		display: block;
		float:left;
		-margin-left:3px;
		padding: 0 11px;
	}
		
		
	ul.mainNav li a.selected, .mainNav li .subNav li a.selected {
		color:#63628d;
	}
	
	/*
	ul.mainNav li a.home  { width: 43px; -width:61px;}	
	ul.mainNav li a.about_rcp   { width: 114px; -width:87px;}	
	ul.mainNav li a.calendar  { width: 60px; -width:78px;}	
	ul.mainNav li a.recruitment  { width: 132px; -width:148px;}	
	ul.mainNav li a.faqs  { width: 37px; -width:52px;}	
	ul.mainNav li a.deaneries  { width: 108px; -width:123px;}	
	ul.mainNav li a.contact  { width:53px; -width:69px;	}
	ul.mainNav li a.news  { width:40px; -width:54px;	}		
	*/
	
	ul.mainNav li a.contact  { float: right; }
	
	ul.mainNav li.spacer {
		width:60px;	
	}
				
		ul.mainNav li span.right { height: 38px; width:9px; float:left; -display:none; }
		ul.mainNav li span.left { height: 38px; width:9px; float:left; margin-left:4px; -display:none;}
	
		ul.mainNav li a:hover  { background: url(../images2/mainNav-hover.jpg) repeat-x 0px -5px; }
		ul.mainNav li:hover a { background: url(../images2/mainNav-hover.jpg) repeat-x 0px -5px; }
		ul.mainNav li:hover span.left { background: url(../images2/mainNav-hover-left.gif) no-repeat 0px -5px; }
		ul.mainNav li:hover span.right { background: url(../images2/mainNav-hover-right.gif) no-repeat  0px -5px; }
	
	ul.mainNav li.last { margin-left: 47px; float: left;}


ul.subNav { 
	width:160px;
	display: none;
	position: absolute;
	left: 0px;
	top: 34px;
	z-index: 99;
	background-color: #ffffff;
	border-right: 2px solid #706f98;
	border-left: 2px solid #706f98;
	border-bottom: 2px solid #706f98;
	padding: 0px;
	margin: 0px;
}

	.mainNav li .subNav li {
		display: block;
		margin: 0px;
		padding: 0px;
		float: none;
		line-height: 20px;
		height: 20px;
	}
	
	.mainNav li .subNav li a {
		display: block;
		margin: 0px;
		width: 90%;
		height: 18px;
		color: #333333;
		font-weight: normal;
		font-size: 12px;
		text-align: left;
		line-height: 20px;
		padding: 1px 7% 1px 3%;
		background-image:none;
	}
	
	.mainNav li .subNav li a:hover {
		background: #706f98 none;
		color:#fff;
	}
	
	.subNav li a {
		padding: 1px 0px 1px 3px;
	}
	

/*------=7:	 [LEFT SIDEBAR] ------------------------------------*/

.leftBar {
	float:left;
	width: 159px;	
	margin-right:10px;
}
	
	.findUs {
		background:#8c8c8c;
		float:left;
		width:100%;
	}
	
	.findUs h2, .quickLinks h2 {
		color:#fff;
		font-size:17px;
		font-weight:bold;
		text-indent:10px;
		margin:0px;
		line-height:30px;
	}
	
	.findUs a {
		display:block;
		width:159px;
		height:48px;
		border-top:1px solid #fff;
	}
	
	.twitter {
		background:url(../images2/twitter_on.png) no-repeat;
	}
	
	.twitter:hover {
		background:url(../images2/twitter.png) no-repeat;
	}
	
	.rcp {
		background:url(../images2/rcp_on.png) no-repeat;
	}
	
	.rcp:hover {
		background:url(../images2/rcp.png) no-repeat;
	}
	
	.jrcptb {
		background:url(../images2/jrcptb_on.png) no-repeat;
	}
	
	.jrcptb:hover {
		background:url(../images2/jrcptb.png) no-repeat;
	}
	
	.mmc {
		background:url(../images2/mmc_on.png) no-repeat;
	}
	
	.mmc:hover {
		background:url(../images2/mmc.png) no-repeat;
	}
	
	.quickLinks {
		float:left;
		background:#7f7fc6;
		width:100%;
		border-bottom:1px solid #fff;
	}
	
	.quickLinks a {
		display:block;
		width:149px;
		height:36px;
		background:url(../images2/quick-link-bk.png) no-repeat;
		border-top:1px solid #ccc;
		color:#fff;
		font-size:14px;
		padding:12px 0 0 10px;
	}	
	
	.quickLinks a:hover {
		background:url(../images2/quick-link-bk_on.png) no-repeat;
	}	
	
	.downloads {
		float:left;
		margin-top:10px;
		width:100%;
		border-bottom:1px solid #828080;
		margin-bottom: 10px;
	}
	
	.downloads h2 {
		color:#828080;
		border-bottom:1px solid #828080;
		font-size:17px;
		font-weight:bold;
		line-height:30px;
	}
	
	.downloads a {
		display:block;
		height:54px;
		width:164px;
		float:left;
		color:#828080;
		font-weight:normal;
		font-size:11px;
	}
	
	.downloads a span {
		float:left;
		width:106px;
		margin:14px 0 0 60px;
		line-height:normal;
		height:30px;
		overflow:hidden;
	}
	
	.downloads a[href$='.pdf'] {
		background:url(../images2/pdf.gif) no-repeat;
	}
	
	.downloads a[href$='.doc'], .downloads a[href$='.docx'] {
		background:url(../images2/word.gif) no-repeat;
	} 
	
/*------=7:	 [RIGHT SIDEBAR] ------------------------------------*/ 
	
		
.rightBar {
	width:215px;
	float:right;
}	

	.rightBar .apply, .rightBar .news {
		width:100%;
		background:#ebebeb;
		border:1px solid #c1bfbf;
		margin-bottom:20px;
	}	
	
		.rightBar .apply .applyHeader, .rightBar .news .newsHeader {
			width:100%;
			height:65px;
			float:left;
			background:url(../images2/apply-header.gif) no-repeat;
			border-bottom:1px solid #c1bfbf;
			margin-bottom:0px;
		}
		
		.rightBar .news .newsHeader {
			height:40px;
			background-image:none;
			background-color:#d7e6fe;
		}	
		
			.apply .applyHeader h2, .news .newsHeader h2 {
				color:#fff;
				font-size:20px;
				font-weight:bold;	
				line-height:normal;
				padding:8px;
				margin-bottom:0px;
			}
			
			.news .newsHeader h2 {
				color:#828080;	
			}
			
			.news .newsHeader .rss {
				float:right;
				margin:5px 5px 0 0;
			}
			
			.apply .but {
				width:195px;
				height:35px;
				margin:0 auto;
				background:url(../images2/log-but.gif) no-repeat;
				display:block;
				line-height:35px;
				font-weight:bold;
				color:#818181;
				font-size:15px;
				text-indent:10px;
			}
			
			.news .newsItem {
				background:#fff url(../images2/news-divider.gif) no-repeat bottom center;
				float:left;
				padding:0px;
				font-size:9px;
				text-align:left;
			}	
			
			.news .newsItem p {
				text-align:left;
				width: 175px;
			}	
			
			.news .newsItem h3 {
				font-weight:bold;
				font-size:13px;	
				padding:0px;
				margin:0px;
				width: 175px;
				color: #0C64B6;
			}	
			
			.news .newsItem h3 .date1 {
				font-size:9px;
				color: #818181;
			}
		
/*------=8:	 [MAIN] ------------------------------------*/

.main {
	width:100%;
	float:left;
	margin-top:6px;
}

.homeImg {
	width:511px;
	height:65px;
	float:left;
	background:url(../images2/home-img.gif) no-repeat;
	margin-bottom:5px;
}

.content {
	float:left;
	width:512px;
	margin:0 10px 20px 10px;
}

.bigContent {
	width:733px;
}

	.pictures {
		padding: 20px 0 0 0;	
	}
	
table {
	margin: 30px 0 0 0;
	border-top:1px solid #7F7F7F;
	border-right:1px solid #7F7F7F;
	border-left:1px solid #7F7F7F;
	border-collapse:collapse;
}

table thead {
	background: url(../images/table-header-bg.jpg) top left repeat-x;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
}
	table thead th, table thead td {
		text-align: center;
		vertical-align: middle;
		height: 30px;
		line-height: 18px;
		padding: 0 10px 0 10px;
	}
	
table tbody td {
	color:#3e3e3e;
	border-bottom: 1px solid #7F7F7F;
	border-left:1px solid #7F7F7F;
	text-align:left;
	padding: 0.5em 0.5em;
	vertical-align: middle;
	font-size: 1.4em;
}

table tfoot {
	background-color: #a9a9a9;
	color: #000;
	font-weight: bold;	
	font-size: 1.4em;
}

	table tfoot td {
		text-align: center;
		vertical-align: middle;
		height: 30px;
		line-height: 20px;
		border-bottom: 1px solid #7F7F7F;
		border-left:1px solid #7F7F7F;
	}

.searchItem {
	margin: 0 0 14px 0;	
}

.newsItem {
	padding: 0 0 10px 0;
}

	.newsItem h2 {
		line-height: 20px;
		float: left;
	}
	
	.newsItem span.date {
		width: 110px;
		display: block;
		float: left;
		font-size: 14px;
		line-height: 10px;
		padding: 8px 0 0 15px;
	}
	
	.newsItem p a {
		color:#414141;
		font-size:1em;
	}
	

	.newsItemItem h2 {
		line-height: 20px;
		float: left;
		font-size: 1.3em;
	}
	
	.newsItemItem span.date {
		width: 110px;
		display: block;
		float: left;
		font-size: 1.2em;
		line-height: 10px;
		padding: 11px 0 0 10px;
	}
	
	.newsItem p a {
		color:#414141;
		font-size:1em;
	}


.faq .selected p.heading {
	color: #F95151 !important;
}	
	
/* -- GENERIC LIST STYLES -- */	

.main li, .main ul {
	list-style: disc outside;
	margin:0.3em 0 0.3em 3.8em;
}

.main ol li, .main ol {
	list-style: decimal outside;
	margin:0.3em 0 0.3em 1.4em;
}


/*------=9: [FOOTER] ------------------------------------*/

.footer {
	width: 100%;
	height: 155px;
	background:url(../images2/footer-bg.gif) repeat-x;
	float:left;
	padding-top:20px;
}

	.footer .container {
		position:relative;
	}

	.footerInfo {
		float:right;
		width: 550px;
		*width: 520px;
	}
	
	.footer ul {
		float: left;
		padding-bottom:4px;
		width: 590px;
	}
	
	.footer ul li, .footer span {
		float: right;
		color: #c6c6c6;
		padding: 0 2px 0 0;
		line-height:normal;
	}
	.footer span { font-size: 11px; }
	
	
	.footer ul li a {
		font-size: 11px;
		color: #c6c6c6;
		font-weight:bold;
		line-height:normal;
		font-size: 12px;
	}
	
	.footer .clover {
		float: right;
		color:#c7ff4f;
		background-image:none;
		font-size: 11px;
		margin-top: 15px;
	}
	
	.footer .waterMark {
		position: absolute;
		top: -20px;
		left: 0px;
		width: 385px;
		height: 110px;
		background: url(../images/watermark.gif) no-repeat;
	}
	
	.footer .accsLogo {
		height: 60px;
		left: 8px;
		position: absolute;
		top: 76px;
		width: 153px;
	}
	
/*------=10: [FORM] --------------------------------------*/

label {
}

legend {
	color:#535151;
	font-size:14px;
	font-weight:bold;
}

fieldset.border {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	border:1px solid #AAAAAA;
	margin:0;
	padding:1em;
}

input {
}

.button-medium {
	background: url(../images/button-medium.jpg) no-repeat top left;
	width: 103px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-family: Century Gothic , Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	margin: 0 10px 0 10px;
	color: #3e3e3e;
	cursor: pointer;
	float: left;
}

.button-large {
	background: url(../images/button-large.jpg) no-repeat top left;
	width: 214px;
	height: 47px;
	line-height: 38px;
	font-size: 20px;
	font-family: Century Gothic , Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #3e3e3e;
	cursor: pointer;
	margin:25px 0 0 6px;
}

input.text {
	background: url(../images/input.jpg) no-repeat;
	width: 166px;
	height: 23px;
	float: left;
	margin: 0 5px 0 5px;
	padding: 5px 9px 0 9px;
}
input.button {
	background: url(../images/button.jpg) no-repeat;
	width: 25px;
	height: 24px;
	float: left;
	margin: 0 5px 0 5px;
	cursor:pointer;
}

/*------=11: [ATTRIBUTES] ----------------------------------------*/

 .content a[href^="http:"]	{ padding-right: 15px; background:transparent url(../images/media/external_link.gif) right no-repeat;}
 a[href^="mailto:"]	{ font-weight: bold; }

.download_type a {
	background: url(../images/media/download.jpg) no-repeat;
	height: 27px;
	display: block;
}
.download_type span {
	background: url(../images/media/download_background.jpg) right top no-repeat;
	height: 27px;
	float: left;
	margin-left: 40px;
	font-size: 1.2em;
	padding: 0px 25px 0 0;
	line-height: 27px;
	color: #fff;
}


.download_type a[href$='.pdf'] 		{ background: url(../images/media/download_pdf.jpg) no-repeat; }

.download_type a[href$='.doc'], 
.download_type a[href$='.docx'],
.download_type a[href$='.rtf'],
.download_type a[href$='.txt'],
.download_type a[href$='.wps'] 		{ background: url(../images/media/download_word.jpg) no-repeat; }

.download_type a[href$='.xls'], 
.download_type a[href$='.xlsx'],
.download_type a[href$='.csv'],
.download_type a[href$='.xlt'],
.download_type a[href$='.xlw'] 		{ background: url(../images/media/download_excel.jpg) no-repeat; }

.download_type a[href$='.zip'],
.download_type a[href$='.gzip'],
.download_type a[href$='.rar'] 		{ background: url(../images/media/download_zip.jpg) no-repeat; }