/*--------------------------------------------------*/
/* MainContent - Hero	                    		*/

#hero {
	background: #fff;
	height: auto !important;
}

#hero2 {
	background: #fff url("/files/images/ourSchools/heroBg.jpg") no-repeat top right;
	min-height: 128px;
	height: auto !important;
	height: 128px;
}

	#hero2 h1 {
		float: left;
		padding: 0;
		color: #fff;
		font-size: 1.9em;
		font-family: Rockwell, Heletica, Arial;
		margin: 3px 3px 10px 13px;
	}
	
	#hero2 p {
		clear: left;
		width: 33em;
		margin: 0 10px 0 13px;
		padding: 0;
	}

#schoolIntros {
	display: none;
}
	
	#hero h1 {
		float: left;
		padding: 0;
		color: #fff;
		font-size: 2.4em;
		font-family: Rockwell, Heletica, Arial;
		margin: 3px 10px 10px;
	}
	


	/*--------------------------------------------------*/
	/* Our Schools List		                    		*/

	#ourSchools { 
		float: right;
		width: 100%;
	}
	
	#ourSchools p {
		padding: 5px 0 0 0;
		margin: 0;
	}
	
	#ourSchools  {
		padding: 0;
		margin: 0;
	}
	
	#ourSchools a:link,
	#ourSchools a:visited {
		font-size: 12px;
		text-decoration: none;
	}
	
	.school:hover {
		cursor: pointer;
	}


		#appliedScience,
		#health,
		#artAndDesign,
		#education,
		#computing,
		#humanities,
		#graduateSchool,
		#sport,
		#engineering,
		#businessSchool {
			float: left;
			margin: 5px 5px 0 0;
			padding: 5px 9px;
			width: 23.28em;
/*			width: 256px;*/
			height: 5.47em;
/*			height: 60px;*/
			font-size: 11px;
			border: 1px solid #e2d6d6;
		}
		
	#artAndDesign,
	#education,
	#health,
	#sport,
	#graduateSchool {
		margin: 5px 0 0 0px;
		background: #fff;
	}
		
		#appliedScience {
			background: #fff;
		}
		
			#appliedScience:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg1.gif") no-repeat bottom right;
				color: #fff;
			}
			
			#appliedScience  a:link,
			#appliedScience  a:visited,
			#appliedScience  a:hover,
			#appliedScience  a:active {
				color: #036;
			}
			
			#appliedScience:hover  a:link,
			#appliedScience:hover  a:visited,
			#appliedScience:hover  a:hover,
			#appliedScience:hover  a:active {
				color: #fff;
			}
		
				
			#health:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg6.gif") no-repeat bottom right;
				color: #000;
			}
			
			#health  a:link,
			#health  a:visited,
			#health  a:hover,
			#health  a:active {
				color: #036;
			}
			
			#health:hover  a:link,
			#health:hover  a:visited,
			#health:hover  a:hover,
			#health:hover  a:active {
				color: #fff;
			}
		
		#artAndDesign {
			background: #fff;
		}
		
			#artAndDesign:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg2.gif") no-repeat bottom right;
				color: #fff;
			}
			
			#artAndDesign  a:link,
			#artAndDesign  a:visited,
			#artAndDesign  a:hover,
			#artAndDesign  a:active {
				color: #036;
			}
			
			#artAndDesign:hover  a:link,
			#artAndDesign:hover  a:visited,
			#artAndDesign:hover  a:hover,
			#artAndDesign:hover  a:active {
				color: #fff;
			}
				
			#education:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg4.gif") no-repeat bottom right;
				color: #000;
			}
			
			#education  a:link,
			#education  a:visited,
			#education  a:hover,
			#education  a:active {
				color: #036;
			}
			
			#education:hover  a:link,
			#education:hover  a:visited,
			#education:hover  a:hover,
			#education:hover  a:active {
				color: #fff;
			}
		
		#computing {
			background: #fff;
		
		}
		
			#computing:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg3.gif") no-repeat bottom right;
				color: #fff;
			}
			
			#computing  a:link,
			#computing  a:visited,
			#computing  a:hover,
			#computing  a:active {
				color: #036;
			}
			
			#computing:hover  a:link,
			#computing:hover  a:visited,
			#computing:hover  a:hover,
			#computing:hover  a:active {
				color: #fff;
			}
		
			
			#humanities:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg7.gif") no-repeat bottom right;
				color: #000;
			}
			
			#humanities  a:link,
			#humanities  a:visited,
			#humanities  a:hover,
			#humanities  a:active {
				color: #036;
			}
			
			#humanities:hover  a:link,
			#humanities:hover  a:visited,
			#humanities:hover  a:hover,
			#humanities:hover  a:active {
				color: #fff;
			}
		
		#graduateSchool {
			background: #fff;
		}
		
			#graduateSchool:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg10.gif") no-repeat bottom right;
				color: #fff;
			}
			
			#graduateSchool  a:link,
			#graduateSchool  a:visited,
			#graduateSchool  a:hover,
			#graduateSchool  a:active {
				color: #036;
			}
			
			#graduateSchool:hover  a:link,
			#graduateSchool:hover  a:visited,
			#graduateSchool:hover  a:hover,
			#graduateSchool:hover  a:active {
				color: #fff;
			}
		
				
			#sport:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg8.gif") no-repeat bottom right;
				color: #fff;
			}
			
			#sport a:link,
			#sport a:visited,
			#sport a:hover,
			#sport a:active {
				color: #036;
			}
			
			#sport:hover a:link,
			#sport:hover a:visited,
			#sport:hover a:hover,
			#sport:hover a:active {
				color: #fff;
			}
		
		#engineering {
			background: #fff;
		}
		
			#engineering:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg5.gif") no-repeat bottom right;
				color: #fff;
			}
			
			#engineering  a:link,
			#engineering  a:visited,
			#engineering  a:hover,
			#engineering  a:active {
				color: #036;
			}
			
			#engineering:hover  a:link,
			#engineering:hover  a:visited,
			#engineering:hover  a:hover,
			#engineering:hover  a:active {
				color: #fff;
			}
		
			
			#businessSchool:hover {
				background: #dbdbdb url("/files/images/ourSchools/bg9.gif") no-repeat bottom right;
				color: #fff;
			}
			
			#businessSchool  a:link,
			#businessSchool  a:visited,
			#businessSchool  a:hover,
			#businessSchool  a:active {
				color: #036;
			}
			
			#businessSchool:hover  a:link,
			#businessSchool:hover  a:visited,
			#businessSchool:hover  a:hover,
			#businessSchool:hover  a:active {
				color: #fff;
			}
		

	/*--------------------------------------------------*/
	/* Quote				                    		*/

	#quote {
		background: #81076b;
		color: #fff;
		margin: 5px 0;
	}
	
		#quote img {
			float: left;
		}
		
		#quote blockquote {
			float: right;
			width: 80%;
		}
		
		#quote blockquote {
			background: url("/files/images/ourSchools/quoteL.gif") no-repeat top left;
			margin: 5px 15px 0 0;
			padding: 5px 0 0 0;
			font: 1.1em rockwell, helvetica, verdana, arial, sans-serif;
			font-weight: bold;
		}
		
			#quote blockquote p {
				display: inline;
				margin: 0;
				padding: 0 30px 5px 30px;
				background: url("/files/images/ourSchools/quoteR.gif") no-repeat bottom right;
			}
		
		#quote p.cite {
			float: left;
			color: #ffffff;
			font-size: 0.89em;
			margin: 8px 5px 3px 10px;
			padding: 0;
		}

	/*--------------------------------------------------*/
	/* div style			                    		*/
	
	#mainContent p.info {
		padding: 10px 10px 5px 10px;
		border: none;
		font-size: 0.89em;
	}
	
	#mainContent .info {
		padding: 10px 10px 0 10px;
		margin: 0 0 5px 0;
		border: 2px solid #cbcbcb;
		clear: both;
	}
	
	#mainContent .info h2 {
		color: #036;
		font-size: 1em;
		margin-bottom: 5px;
	}
	
	#mainContent .info p {
		font-size: 0.89em;
	}
	
	#mainContent .info p a:link,
	#mainContent .info p a:visited {
		color: #000;
		text-decoration: underline;
	}
	
	#mainContent .info p a:hover,
	#mainContent .info p a:active {
		color: #000;
		text-decoration: none;
	}
	
	
	
	div.tabs div {
		padding: 15px;
		margin: 0 0 5px 0;
		border: 2px solid #cbcbcb;
		clear: both;
	}

	div.tabs .videosImages .imageflow {
		border: none;
		border-bottom: none;
		padding: 0;
	}