@charset "utf-8";
/* all browsers screen */

	* { margin: 0; padding: 0; }
	.table td { padding: 5px; }
	img { border: 0; }
	.clear { clear: both; }
	hr { color: #ebedf0; background-color: #ebedf0; height: 1px; border: 0; }

body {
	text-align: center;
	background-color: #d4d6dd;
	background-image: url(../images/page-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
	
#pageContainer {
	margin: 0 auto;
	width: 1000px;
	}
	
#pageHeader {
	height: 120px;
	width: 100%;
	text-align: left;
	}
	
#pageNavigation {
	background-image: url(../images/nav-con-bg.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 106px;
	}
	
	#pageNavigation ul {
		padding: 10px;
		}
	
	#pageNavigation ul li {
		list-style: none;
		list-style-type: none;
		float: left;
		}
		
	#pageNavigation ul li a {
		width: 110px;
		height: 86px;
		border-right: 1px solid #fff;
		text-align: center;
		background-image: url(../images/nav-bg.gif);
		background-repeat: no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.688em;
		color: #333;
		text-decoration: none;
		font-weight: bold;
		
		display:table-cell;
		vertical-align:middle;
		}
		
	#pageNavigation ul li a:hover, #pageNavigation ul li a.sel, #pageNavigation ul li a.selsingle, #pageNavigation ul li a.selthree, #pageNavigation ul li a.selfour {
		background-image: url(../images/nav-bg-hover.gif);
		color: #FFF;
		}
	
	#pageNavigation ul li a.first { 
		width: 101px;
		background-image: url(../images/first-nav-bg.gif);
		background-repeat: no-repeat;
		}
		
	#pageNavigation ul li a.first:hover, #pageNavigation ul li a.selfirst {
		background-image: url(../images/first-nav-bg-hover.gif);
		}
		
		#pageNavigation ul li a.selfirst {
			width: 101px;
			color: #FFF;
			}
		
	#pageNavigation ul li a.last { 
		width: 100px;
		border: 0;
		background-image: url(../images/last-nav-bg.gif);
		background-repeat: no-repeat;
		}
		
	#pageNavigation ul li a.last:hover, #pageNavigation ul li a.sellast {
		background-image: url(../images/last-nav-bg-hover.gif);
		}
		
		#pageNavigation ul li a.sellast {
			color: #FFF;
			width: 100px;
			}
		
	
#pagePromo {
	clear: both;
	background-image: url(../images/promo-con-bg.gif);
	background-repeat: no-repeat;
	width: 980px;
	height: 165px;
	padding: 10px;
	}
	
	#pagePromo .img1, #pagePromo .img2, #pagePromo .img3, #pagePromo .img4 { background-repeat: no-repeat; height: 165px; width: 245px; float: left; }
	#pagePromo .img1 { background-image: url(../images/photos/1matt.jpg); }
	#pagePromo .img2 { background-image: url(../images/photos/2example.jpg); }
	#pagePromo .img3 { background-image: url(../images/photos/3dance.jpg); }
	#pagePromo .img4 { background-image: url(../images/photos/4rugby.jpg); }
	#pagePromo .img1:hover, #pagePromo .img2:hover, #pagePromo .img3:hover, #pagePromo .img4:hover { background-position: right; }
	
#pageContent {
	clear: both;
	background-image: url(../images/content-bg.gif);
	background-repeat: repeat-y;
	width: 100%;
	}
	
	.start {
		background-image: url(../images/content-top-bg.gif);
		background-repeat: no-repeat;
		background-position: top;
		height: 20px;
		width: 100%;
		}
		
	#pageContent #fullSpread {
		background-color: #FFF;
		width: 980px;
		margin-left: 10px;
		text-align: left;
		}
		
		#pageContent #fullSpread #fullSpreadContent {
			padding-top: 20px;
			padding-left: 20px;
			padding-right: 20px;
			}
			
			#pageContent #fullSpread #fullSpreadContent ul li {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #666;
				line-height: 18px;
				margin-left: 30px;
				list-style: circle;
				}
			
			#pageContent #fullSpread #fullSpreadContent .staffImage, #pageContent #fullSpread #fullSpreadContent .schoolImage {
				float: left;
				padding-right: 20px;
				}
				
				#pageContent #fullSpread #fullSpreadContent .schoolImage { 
					padding-bottom: 70px;
					}
		
		#pageContent #fullSpread .fullSpreadBox {
			width: 465px;
			height: 317px;
			float: left;
			background-image: url(../images/fullspread-box-bg.gif);
			background-repeat: no-repeat;
			margin-right: 10px;
			margin-bottom: 10px;
			padding: 10px;
			}
			
	#pageContent #leftCol {
		background-color: #FFF;
		float: left;
		width: 290px;
		margin-left: 10px;
		}
		
		#pageContent #leftColTop {
			background-image: url(../images/leftcol-top-bg.gif);
			background-repeat: no-repeat;
			width: 290px;
			height: 18px;
			}
		
		#pageContent #leftColContent {
			border-left: 1px solid #edeef1;
			border-right: 1px solid #edeef1;
			text-align: left;
			padding-left: 10px;
			}		
			
			#pageContent #leftColContent h1, #pageContent #fullSpread .fullSpreadBox h2, #pageContent #fullSpread #fullSpreadContent h2 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				color: #004c9a;
				font-weight: lighter;
				}
				
				#pageContent #fullSpread .fullSpreadBox h2 {
					padding-bottom: 10px;
					}
				
			#pageContent #leftColContent ul {
				list-style: none;
				list-style-type: none;
				margin-top: 15px;
				margin-bottom: 15px;
				}
				
			#pageContent #leftColContent ul li a {
				text-decoration: none;
				color: #999;
				display: block;
				padding-left: 20px;
				}
				
			#pageContent #leftColContent ul li.sub a {
				color: #b3b7c5;
				padding-left: 30px;
				}
				
			#pageContent #leftColContent ul li a:hover {
				text-decoration: underline;
				}
				
			#pageContent #leftColContent ul li, #pageContent #leftColContent p {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;			
				}
				
			#pageContent #leftColContent p {
				color: #999;
				line-height: 18px;
				padding-left: 20px;
				margin-top: 10px;
				}
				
			#pageContent #leftColContent p.arrow {
				margin-top: 15px;
				}
				
			#pageContent #leftColContent ul li {
				height: 32px;
				width: 270px;
				background-image: url(../images/leftcol-nav-bg-item.gif);
				background-repeat: no-repeat;
				line-height: 32px;
				font-weight: bold;
				}
				
			#pageContent #leftColContent ul li.sub {
				background-image: url(../images/leftcol-nav-bg-item-sub.gif);
				background-repeat: no-repeat;
				}				
			
		#pageContent #leftColBottom {
			background-image: url(../images/leftcol-bottom-bg.gif);
			background-repeat: no-repeat;
			width: 290px;
			height: 18px;
			}
		
	#pageContent #rightCol {
		background-color: #FFF;
		padding-left: 10px;
		padding-right: 10px;
		width: 680px;
		float: left;
		text-align: left;
		}
		
		#pageContent #rightColTextbox {
			margin-left: 20px;
			margin-top: 20px;
			margin-right: 20px;
			width: 620px;
			text-align: justify;
			}
		
		#pageContent #rightColPromo, #pageContent #rightColPromoShort, #pageContent #fullSpread #fullSpreadPromoShort {
			width: 100%;
			background-image: url(../images/rightcol-promo-bg.gif);
			background-repeat: no-repeat;
			height: 151px;
			text-align: center;
			}
			
			#pageContent #rightColPromoShort {
				height: 75px;
				background-image: url(../images/rightcol-promo-short-bg.gif);
				}
				
			#pageContent #fullSpread #fullSpreadPromoShort {
				height: 75px;
				background-image: url(../images/fullspread-promo-short-bg.gif);
				}
					
			#pageContent #rightColPromo h1, #pageContent #rightColPromoShort h1, #pageContent #fullSpread #fullSpreadPromoShort h1 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 22px;
				font-weight: lighter;
				color: #999;
				padding-top: 50px;
				}
				
				#pageContent #rightColPromoShort h1, #pageContent #fullSpread #fullSpreadPromoShort h1 {
					padding-top: 25px;
					}
				
				#pageContent #rightColPromo h1 strong, #pageContent #rightColPromoShort h1 strong {
					color: #e5322c;
					}			
		
	#pageContent #rightCol p, #pageContent #fullSpread p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666;
		line-height: 18px;
		padding-bottom: 20px;
		}
		
	.end {
		clear: both;
		background-image: url(../images/content-bottom-bg.gif);
		background-repeat: no-repeat;
		}

#pageFooter p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	#pageFooter a {
		color: #FFF;
		text-decoration: none;
		}
		
	#pageFooter a:hover {
		text-decoration: underline;
		}
		
	label {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333;
		float: left;
		width: 150px;
		line-height: 30px;
		font-weight:bold;
	}
	
	.input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 5px;
	}
	
	.table td {
	border: 1px solid #edeef1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}