/* normalise basic styles, to get all browsers similar */
html, body {height:100%; margin: 0; padding:0; background: #f4f5f5;}
h1, h2, h3 {margin: 0 0; padding: 0; letter-spacing: normal;}
h4, h5, h6, p {margin: 0 0; padding: 0;}
form, dl, dt, dd {margin: 0; padding:0;}
ul, ol {margin-left: 0; padding-left: 1em;}
fieldset {border: none; margin: 1em 0; padding: 0;}
textarea {font-size: 1em;}    
/* equalise font-size with <input elements> */
pre {font: 100% Monaco,'Courier New',courier, monospace;}
/* turn off default image border */
a img {border: 0;}

/*basic font style*/
body {
  background: #f4f5f5 url('img/body.bg.gif') repeat-x top center; 
  font: normal normal normal 11px Verdana, Helvetica, sans-serif; 
}

#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 123px;
	margin: 0;
	text-align: right;
}
	#header p {
		width: 500px;
		float: right;
		margin: 25px 10px 0 5px;
		padding-bottom: 15px;
		
		color: #6fa8d9;
		text-decoration: none;
		text-align: left;
		font-size: 9px;
	}
	#header a:hover {
		text-decoration: underline;
	}
	

	#header #logo {
		width: 300px;
		height: 70px;
		padding: 15px 0;
		background: transparent url('img/logo.gif') no-repeat 25px 15px; 
		float: left;
		text-align: right;
	}
		#header #logo h1 {
			margin: 15px 25px 0 0;
			font: normal normal normal 18px/19px Quicktype, Arial, Helvetica, sans-serif; 
			color: #003d4e;	
		}
		#header #logo h1 span {
			font-size: 23px;
			font-weight: normal;
		}
	
	#header #topnav {
		width: 960px;
		height: 38px;
		float: left;
		clear: both;
		background: transparent url('img/head.topnav.gif') no-repeat top center; 
	}
		#header #topnav ul {
			height: 38px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#header #topnav ul li {
				margin: 1px 0px 1px 0px;
				padding: 0;
				display: block;
				float: left;
				list-style-type: none;
			}
			#header #topnav ul li.crnt {
				background: transparent url('img/head.topnav-crntbg.gif') repeat-x 0 0px; 
			}
				#header #topnav ul li a {
					display: block;
					margin: 0;
					padding: 11px 9px 12px 6px;
					background: transparent url('img/head.topnav-line.gif') no-repeat top right; 
					
					font: normal normal bold 12px/12px Verdana, Helvetica, sans-serif; 
					color: #fff;
					text-decoration: none;
				}
				#header #topnav ul li a:hover {
					background-color: #105891;
				}
				#header #topnav ul.right li a {
					background-position: top left;
					padding: 11px 13px 12px 14px;
				}
				
				#header #kindymenu {
					width: 160px;
					padding: 6px 0;
					visibility: hidden;
					position: absolute;
					top: 0;
					z-index: 100;
					border: outset #45aeea 1px;
					background: #147ed6 url('img/bg.kindymenu.gif') repeat-x top right; 
					
					text-align: center;
				}
				#header #kindymenu ul {
					width: 160px;
					margin: 0;
					padding: 0;
					list-style: none;
				}
					#header #kindymenu ul li {
						height: 32px;
						margin: 0;
						padding: 0;
					}
						#header #kindymenu ul li a {
							width: 160px;
							padding: 6px 0;
							margin: 0;
							display: block;
							
							color: #fff;
							text-decoration: none;
						}						
						#header #kindymenu ul li a:hover {
							border-top: solid #a3d4f7 1px;
							border-bottom: solid #106eb0 1px;
							background-color: #4eafec;
						}
							#header #kindymenu ul li a span {
								font-size: 9px;
								color: #b8d2e6;
							}
				
				#header #faqmenu {
					width: 160px;
					padding: 6px 0;
					visibility: hidden;
					position: absolute;
					top: 0;
					z-index: 100;
					border: outset #45aeea 1px;
					background: #147ed6 url('img/bg.kindymenu.gif') repeat-x top right; 
					
					text-align: center;
				}
				#header #faqmenu ul {
					width: 160px;
					margin: 0;
					padding: 0;
					list-style: none;
				}
					#header #faqmenu ul li {
						height: 32px;
						margin: 0;
						padding: 0;
					}
						#header #faqmenu ul li a {
							width: 160px;
							padding: 6px 0;
							margin: 0;
							display: block;
							
							color: #fff;
							text-decoration: none;
						}						
						#header #faqmenu ul li a:hover {
							border-top: solid #a3d4f7 1px;
							border-bottom: solid #106eb0 1px;
							background-color: #4eafec;
						}
							#header #faqmenu ul li a span {
								font-size: 9px;
								color: #b8d2e6;
							}
				
				#header #parentsmenu {
					width: 160px;
					padding: 6px 0;
					visibility: hidden;
					position: absolute;
					top: 0;
					z-index: 100;
					border: outset #45aeea 1px;
					background: #147ed6 url('img/bg.kindymenu.gif') repeat-x top right; 
					
					text-align: center;
				}
				#header #parentsmenu ul {
					width: 160px;
					margin: 0;
					padding: 0;
					list-style: none;
				}
					#header #parentsmenu ul li {
						height: 32px;
						margin: 0;
						padding: 0;
					}
						#header #parentsmenu ul li a {
							width: 160px;
							padding: 6px 0;
							margin: 0;
							display: block;
							
							color: #fff;
							text-decoration: none;
						}						
						#header #parentsmenu ul li a:hover {
							border-top: solid #a3d4f7 1px;
							border-bottom: solid #106eb0 1px;
							background-color: #4eafec;
						}
							#header #parentsmenu ul li a span {
								font-size: 9px;
								color: #b8d2e6;
							}

.right {
	float: right;
}
.clear {
	clear: both;
}

h2#c-head {
	height: 19px;
	margin: 0 0 -7px 0;
	padding: 27px 0 14px 10px;
	clear: both;
	position: relative;
	z-index: 5;
	background: transparent url('img/ctnt.top.gif') no-repeat bottom center; 

	font: italic normal 19px/20px Quicktype, Arial, Helvetica, sans-serif; 
	color: #003d4e;	
}

#ctnt {
	min-height: 633px;
	height: auto !important;
	height: 633px;
	position: relative;
	background-color: #fff;
	border-left: solid #dddfe1 1px;
	border-right: solid #dddfe1 1px;
	
	color: #444444;
}

	#ctnt h1 {
		padding: 20px 0 10px 0;
		
		font: normal normal normal 30px Calibri, Arial, Helvetica, sans-serif; 
		color: #14aed5;
	}
	#ctnt h2 {
		padding: 7px 0 6px 0;
		
		font: normal normal normal 20px Calibri, Arial, Helvetica, sans-serif; 
		color: #14aed5;
	}
	#ctnt h3 {
		padding: 16px 0 9px 0;
		font-size: 15px;
	}
	#ctnt a {
		color: #14aed5;
	}
	#ctnt table p {
		margin: 0 0 6px 0;
	}
	#ctnt p {
		font: normal normal normal 14px/1.5em 'Helvetica', Arial, Helvetica, sans-serif; 
	}
	body #container #ctnt #content .clearbottom {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#content ul {
		margin-top: 10px;
		margin-left: 20px;
		font: normal normal normal 14px/1.5em 'Helvetica', Arial, Helvetica, sans-serif;
	}
	#content ol {
		margin-top: 10px;
		margin-left: 20px;
		font: normal normal normal 14px/1.5em 'Helvetica', Arial, Helvetica, sans-serif;
	}
	
	#ctnt table tr td {
		vertical-align: top;
		padding: 0 20px 6px 0;
	}

	#ctnt #leftcol {
		width: 180px;
		height: 633px;
		float: left;
		border-right: solid #eaeced 1px;
		background-color: #fbfcfc;
	}
	
	html body .leftcolbg {
		background: transparent url("img/bg.ctnt-leftcol.gif") top left repeat-y;
	}
	
		#ctnt #leftcol ul#leftcolnav {
			width: 180px;
			margin: 33px 0 0 0;
			padding: 0;
			list-style: none;
			font: normal normal normal 15px/1.5em 'Helvetica', Arial, Helvetica, sans-serif; 
		}
			#ctnt #leftcol ul#leftcolnav li {
				margin: 0;
				padding: 0;
			}
				#ctnt #leftcol ul#leftcolnav li a {
					width: 141px;
					height: 20px;
					padding: 25px 0 25px 54px;
					margin: 3px 0;
					display: block;
					position: relative;
				
					font-size: 14px;
					color: #006dd0;
					text-decoration: none;
				}
					#ctnt #leftcol ul#leftcolnav li a.ihome {
						background: transparent url("img/ico.home.gif") 14px center no-repeat;
					}
					#ctnt #leftcol ul#leftcolnav li a.iwelcome {
						background: transparent url("img/ico.welcome.gif") 14px center no-repeat;
					}
					#ctnt #leftcol ul#leftcolnav li a.iphilosophy {
						background: transparent url("img/ico.philosophy.gif") 14px center no-repeat;
					}
					#ctnt #leftcol ul#leftcolnav li a.iteachers {
						background: transparent url("img/ico.teachers.gif") 14px center no-repeat;
					}
					#ctnt #leftcol ul#leftcolnav li a.ievents {
						background: transparent url("img/ico.events.gif") 14px center no-repeat;
					}
					#ctnt #leftcol ul#leftcolnav li a.imap {
						background: transparent url("img/ico.map.gif") 14px center no-repeat;
					}

					#ctnt #leftcol ul#leftcolnav li a span {
						font-size: 9px;
						color: #4a7090;
						text-decoration: none;
					}
			#ctnt #leftcol ul#leftcolnav li.crnt {
				margin: 0;
				padding: 0;
			}
				#ctnt #leftcol ul#leftcolnav li.crnt a {
					width: 126px;
					padding: 18px 0 18px 55px;
					display: block;
					position: relative;
					border-top: solid #eaeced 1px;
					border-bottom: solid #eaeced 1px;
					background-color: #ffffff;
			
					font-size: 14px;
					font-weight: bold;
					color: #333;
					text-decoration: none;
				}
					#ctnt #leftcol ul#leftcolnav li.crnt a span {
						font-size: 9px;
						font-weight: normal;
						color: #333;
						text-decoration: none;
					}
					
	#ctnt #rightcol {
		width: 163px;
		height: 593px;
		padding: 40px 5px 0 25px;
		float: right;
		background: transparent url('img/bg.rightcol.gif') no-repeat center left; 
	}
		#ctnt #rightcol h2 {
			 margin-left:-5px;
		}
		#ctnt #rightcol p {
			padding-bottom: 18px;
		}
		#ctnt #rightcol ul {
			padding: 0px 0 18px 0;
			margin: 0;
			list-style: none;
		}
			#ctnt #rightcol ul li {
				font-size: 12px;
				background: transparent url(/img/arrow.gif) no-repeat 0 2px;
				padding-left: 20px
			}
	
	#ctnt #content {
		float: left;
		padding-left: 30px;
		padding-bottom: 25px;
	}
		#ctnt #content p {
			padding-right: 10px;
		}
	
	#ctnt #master0 {
		top: 40px;
	}
	
	#ctnt #content h1.photohead {
		width: 300px; 
		padding-top: 7px; 
		padding-left: 10px;
		margin-top: -20px; 
		margin-left: -10px;
		margin-right: 100px;
		position: relative; 
		z-index: 100;
		border-top: solid silver 1px; 
		border-right: solid silver 1px; 
		background-color: #fff; 
	}
	
	#ctnt .smal {
		width: 520px;
		padding-right: 0;
		margin-right: 0;
	}
	
ul#linkbox {
	width: 161px;
	margin: 0;
	position: absolute;
	bottom: 8px;
	z-index: 4;
	list-style: none;
}
	ul#linkbox li {
		width: 161px;
		background-color: #fff;
		border-bottom: solid #f4f4f6 1px; 
	}
	ul#linkbox li.first {
		padding-top: 5px;
		background: #fff url('img/linkbox.first.gif') no-repeat top center; 

	}
	ul#linkbox li.last {
		padding-bottom: 5px;
		background: #fff url('img/linkbox.last.gif') no-repeat bottom center; 
		border-bottom: 0;
	}
		ul#linkbox li a {
			width: 145px;
			padding: 5px 7px;
			display: block;
			border-left: solid #f4f4f6 1px;
			border-right: solid #f4f4f6 1px;
			
			text-decoration: none;
			color: #006dd0;
		}
		ul#linkbox li a:hover {
			color: #009fd0;
			text-decoration: underline;
		}
		
		/* superior exception when placed inside #leftcol */
		div#leftcol ul#linkbox {
			position: static;
			margin-top: 20px;
		}
		
	#ctnt div.funcbox {
		width: 320px; 
		float: left;
		margin: 5px 8px;
	}
		#ctnt div.funcbox h2, #ctnt div.kfuncbox h2 {
			border-bottom: solid #e6ecec 1px;
			color: #003d4e;
			padding-bottom: 2px;
			margin-bottom: 4px;
		}
		#ctnt div.kfuncbox p {
			font-size:12px;
		}
		
	#ctnt div.kfuncbox {
		width: 180px; 
		float: left;
		margin: 5px 8px;
	}
		#ctnt #tabcontent div.kfuncbox {
			width: 240px;
		}
		
	#tab-philosophy, #tab-teachers, #tab-hours, #tab-events  {
		display: none;
		width: 400px;
	}
		
#footer {
	height: 20px;
	margin-top: -5px;
	padding: 20px 10px 0 0;
	position: relative;
	z-index: 5;
	background: transparent url('img/ctnt.bot.gif') no-repeat top center; 
	
	text-align: right;
}
	#footer, #footer a {
		color: #808080;
	}