/* 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;
                margin-top: 20px;

	}

	body #container #ctnt #content .clearbottom {

		margin-bottom: 0;

		padding-bottom: 0;

	}

	#content ul,label,input {

		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;

	}
.btn{
					display:inline-block;

background: transparent url('img/head.topnav.gif') no-repeat top center; 
font: normal normal bold 12px/12px Verdana, Helvetica, sans-serif; 

					color: #fff;

					text-decoration: none;
padding: 0px 6px 15px 6px;
height: 50px;
width:90px;
margin-left:10px;
margin-right:10px;
box-shadow:0px;
border:0px;
}