/* Recruitment page */

#recruitContent {	/* main wrapper */
	width: 700px;
	float: left;
	position: relative;
	}
	
#mainImage { /* top image - to be replaced by Flash / Ajax widget? */
	margin-bottom: 13px;
	}
	
.recruitMainFeature { /* graduate / intern boxes */
	float: left;
	width: 325px;
	min-height: 78px;
	height: auto !important;
	height: 78px;
	background-color: #0083A9;
	border-top: 1px solid #307185;
	border-bottom: 1px solid #307185;
	padding: 10px;
	margin-bottom: 13px;	
	}
	.recruitMainFeature#graduate {
		margin-right: 10px;
		background: #0083a9 url(../img/css/ladder.gif) top right no-repeat;
		}
		.recruitMainFeature#intern {
			background: #0083a9 url(../img/css/cog.gif) top right no-repeat;
			}
			.recruitMainFeature h2 {
				color: #fff;
				margin-bottom: 10px;
				}
				.recruitMainFeature h2 a {
					padding-right: 30px;
					background: url(../img/css/arrow_recruit.gif) right 50% no-repeat;
					}				
					.recruitMainFeature p {
						color: #fff;
						padding-right: 130px;
						font-size: 1.2em;
						}
						.recruitMainFeature a, .recruitMainFeature a:visited {
							color: #fff;
							}
						
#greyRecruit { /* grey box */
	width: 668px;
	padding: 32px 16px;
	background-color: #f9f9f9;
	float: right;
	margin-bottom: 32px;	
	padding-bottom: 32px;	
	position: relative;
	}
	
.recruitSubColLeft { /* left subcolumn */
	width: 394px;
	float: left;
	margin-right: 16px;
	padding-right: 32px;
	}
	.recruitSubColLeft h3 {
		margin-bottom: 16px;
		}
		.recruitSubColLeft p {
			margin-bottom: 24px;
			font-size: 1.2em;
			}
			
.recruitSubColRight { /* right subcolumn */
	width: 214px;
	float: right;
	}
				
.recruitSubFeature { /* Times box */
	background-color: #fff;
	float: left;
	width: 100%;
	}
	.recruitSubFeature img {
		float: left;
		padding-right: 10px;
		}
		.recruitSubFeature p, .recruitSubFeature h3 {
			float: left;
			margin: 0;
			padding: 0;
			width: 235px;
			}
			.recruitSubFeature h3 {
				font-size: 1.2em;
				padding: 8px 0 3px 0;
				color: #666;
				}
				.recruitSubFeature p {
					color: #999;
					font-size: 1.2em;
					}
				
/* rounded corners - aargh! */

.roundedBox {
  background: url(../img/css/roundedTopLeft.gif) top left no-repeat;
  width:100%;
  margin-bottom: 10px;
  }
  .roundedBox h3 {
	background: url(../img/css/roundedTopRight.gif) top right no-repeat;
	margin: 0;
	padding: 10px;
	color: #A91D28;
	}
	.roundedBoxBody {
		background:	url(../img/css/roundedRightBorder.gif) top right repeat-y;
		}
		.roundedBoxFooter {
			background: url(../img/css/roundedBottomLeft.gif) bottom left no-repeat;
			}
			.roundedBoxFooter p {
				background:	url(../img/css/roundedBottomRight.gif) bottom right no-repeat;
				padding: 0 7px 10px 10px;
				margin: 0;
				font-size: 1.1em;
				min-height: 10px; /* for link bottom border to work in IE6 */
				height: auto !important;
				height: 10px;
				}
				.roundedBoxFooter p a {
				  	text-decoration: none;
					background: url(../img/css/link_dotted.gif) repeat-x 100% 100%;
					border: none;
					}
					.roundedBoxFooter p a:hover {
						background: url(../img/css/link_solid.gif) repeat-x 100% 100%;
						text-decoration: none;
						border: none;
						}