/* GUILDFORD - SUBTEMPLATE CSS */

/* This stylesheet controls the formatting within sub template */


.messageBoxWrap {
	float: left;
	width: 160px;
	text-align: left;
	margin-left: 10px;
}

.messageBoxTitle {
	color: #c43f0a;
	font-weight: bold;
	text-align: left;
}

.messageBoxText {
	color: #000000;
	text-align: left;
}

/* Mini 7030 split template
NB: As the containing element will always be of a fixed width i.e. 490px, the columns are specified as pixel widths not percentages with an allowance for spacing and padding..
*/

.sub_clearboth {clear: both;font-size: 0;line-height: 0;}


.sub_7030wrap {
	margin-bottom: 10px;
}
.sub_7030leftpanel {
	float: left;
	width: 330px; 
}

.sub_7030rightpanel {
	float: right;
	width: 120px; 
	border:solid 1px #CCC;
  	padding:2px;
	background-color: #FFF;
	line-height: 1px;
	font-size: 1px;
}

.sub_3070wrap {
	margin-bottom: 10px;
}
.sub_3070leftpanel {
	float: left;
	width: 120px;	
	border:solid 1px #CCC;
  	padding:2px;
	background-color: #FFF;
	line-height: 1px;
	font-size: 1px;
}
.sub_3070rightpanel {
	float: right;
	width: 330px; 
}

.sub_5050wrap {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sub_5050leftpanel {
	float: left;
	width: 224px; 
	margin-right:10px;
}

.sub_5050rightpanel {
	float: right;
	width: 224px; 
}
.sub_4060wrap {
	margin-bottom: 10px;
}
.sub_4060leftpanel {
	float: left;
	width: 200px; 
}

.sub_4060rightpanel {
	float: right;
	width: 250px; 
}


.sub_collegeEventswrap {
	padding: 0 0 4px 0;
	margin: 0 0 6px 0;
	border-bottom: 1px solid #e2e2e2;
}
.sub_collegeEventsleftpanel {
	float: left;
	width: 65px;	
	border:solid 1px #CCC;
  	padding:2px;
	background-color: #FFF;
	line-height: 1px;
	font-size: 1px;
}
.sub_collegeEventsrightpanel {
	float: right;
	width: 385px; 
}
.sub_collegeEventstitle {
	font-weight: bold;	
	font-size: 105%;
	padding-bottom: 2px;
	color: #3a989a;
}



/* Custom styles for image holder sub templates */

.sub_3upimageswrap {
	margin-top: 10px;
	margin-bottom: 10px;
}
.sub_3upimagespanel {
	float: left;
	width: 150px;
	height: 75px; 
	padding-right:10px;
}
.sub_3upimagespanelLast {
	float: left;
	width: 150px;
	height: 75px; 
}

.sub_4upimageswrap {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sub_4upimagespanel {
	float: left;
	width: 116px;
	height: 75px; 
	padding-right:2px;
}
.sub_4upimagespanelLast {
	float: left;
	width: 116px;
	height: 75px; 
}

.sub_InterSideWrap {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.sub_interSideLeftPanel {
	float: left;
	width: 88px;
	text-align: center;
	padding: 2px
}

.sub_interSideRightPanel {
	float: right;
	width: 88px;
	text-align: center;
	padding: 2px	
}

/* START: Student Testimonial page quotation section - mini template styles  */
	
	
	.sub_testimonialtextwrap {
		width:470px;
	}
	
	.sub_testimonialtextLeft {
		float:left;
		width:170px;
		margin-top:10px;
		padding-right:15px;		
		text-align:right;
		font-weight:bold;
	}
	.sub_testimonialtextRight {
		float:right;
		width:285px;
		margin-top:10px;
	}
	
	
	.sub_testimonialphoto {
		float:left;
		width:85px;
		margin-left:20px;
		margin-top:0px;
	}
	
	
	.sub_testimonialquotewrap {
		margin: 0px 0 20px 0;
		width:300px;
		float:right;
	}	
	.sub_testimonialquotetop {
		height: 30px;
		background: url("../Images/quotations/quote_testimonial_top.gif") 0 0 no-repeat;
	}
	
	.sub_testimonialquote {
		padding: 0 15px 10px 15px;
		margin: 0;
		background: url("../Images/quotations/quote_testimonial_bottom.gif") 0 bottom no-repeat;
	}
	
	.sub_testimonialquote P {
		margin: 0;
		padding: 0 0 4px 0;
		font-size:80%;
	}
	
	/* END: Student Testimonial page quotation section - mini template styles  */

		