/* 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: 155px;
	margin: 0;
	text-align: right;
  background: transparent url('img/bg.head.jpg') no-repeat top center; 
}
	#header p {
		width: 400px;
		float: right;
		margin: 0px 10px 0 5px;
		padding-bottom: 15px;
		
		color: #ccd;
		text-decoration: none;
		text-align: right;
		font-size: 9px;
	}
	#header a:hover {
		text-decoration: underline;
	}
	

	#header #logo {
		float: left;
		text-align: left;
	}
		#header #logo img {
			margin: 10px 0 15px 0;
		}
	
	#header #topnav {
		width: 287px;
		height: 28px;
		float: right;
		clear: both;
		position: relative;
		top: 125px;
		right: 65px;
		margin: 0;
		background: transparent url('img/hed.topnav.gif') no-repeat top center; 
	}
		#header #topnav ul {
			height: 28px;
			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/hed.topnav-crntbg.gif') repeat-x 0 0px; 
			}
				#header #topnav ul li a {
					display: block;
					margin: 0;
					padding: 6px 19px 10px 6px;
					background: transparent url('img/hed.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: #05207f;
				}
				#header #topnav ul.right li a {
					background-position: top left;
					padding: 11px 13px 12px 14px;
				}
				
				#header #homemenu, #whomenu, #header #whatmenu {
					width: 160px;
					padding: 6px 0;
					visibility: hidden;
					position: absolute;
					top: 0;
					z-index: 100;
					border: outset #5d71b5 1px;
					background: #2f4387 url('img/bg.dropmenu.gif') repeat-x top right; 
					
					text-align: center;
				}
				#header #homemenu ul, #whomenu ul, #header #whatmenu ul {
					width: 160px;
					margin: 0;
					padding: 0;
					list-style: none;
				}
					#header #homemenu ul li, #whomenu ul li, #header #whatmenu ul li {
						height: 32px;
						margin: 0;
						padding: 0;
					}
						#header #homemenu ul li a, #whomenu ul li a, #header #whatmenu ul li a {
							width: 160px;
							padding: 6px 0;
							margin: 0;
							display: block;
							
							color: #fff;
							text-decoration: none;
						}						
						#header #homemenu ul li a:hover, #whomenu ul li a:hover, #header #whatmenu ul li a:hover {
							border-top: solid #6b80c9 1px;
							border-bottom: solid #2f4181 1px;
							background-color: #1b3bab;
						}
							#header #homemenu ul li a span, #whomenu ul li a span, #header #whatmenu ul li a span {
								font-size: 9px;
								color: #b8d2e6;
							}
				

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

h2#c-head {
	height: 5px;
	margin: 0 0 -7px 0;
	padding: 6px 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;
	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: #293B79;
	}
	#ctnt h2 {
		padding: 7px 0 6px 0;
		
		font: normal normal bold 15px Calibri, Arial, Helvetica, sans-serif; 
		color: #14aed5;
	}
	#ctnt h3 {
		font-size: 13px;
		color: #ADACAC;
	}
	#ctnt h4 {
		padding: 0 0 9px 0;
		font: normal normal bold 12px/1.4em 'Helvetica', Arial, Helvetica, sans-serif;
	}
	#ctnt h5 {
		padding: 0 0 9px 0;
		font: normal italic bold 12px/1.4em 'Helvetica', Arial, Helvetica, sans-serif;
	}
	#ctnt h6 {
		padding: 0 0 9px 0;
		font: normal normal normal 9px Calibri, Arial, Helvetica, sans-serif;
	}
	#ctnt a {
		color: #14aed5;
	}
	#ctnt table p {
		margin: 0 0 6px 0;
	}
	#ctnt p {
		font: normal normal normal 12px/1.4em 'Helvetica', Arial, Helvetica, sans-serif; 
		margin-bottom: 10px;
	}
	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;
	}
	
	#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;
	}
		#ctnt #leftcol img {
			margin: 10px 0 0 15px;
			padding: 10px 0 0 30px;
		}
	
	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: 196px;
	background: #f3f3f3 url('img/bg.footer.gif') repeat-x 6px 6px;
}

	#footer #sitemap {
		width: 994px;
		height: 196px;
		margin: 0 auto;
		padding: 5px 0 0 0;
		position: relative;
		top: -5px;
		z-index: 5;
		background: transparent url('img/ctnt.bot.gif') no-repeat top center;
	}
	
		#footer #sitemap ul, #ctnt #maincontent ul.sitemap {
			width: 220px;
			height: 100px;
			padding: 14px 4px 6px 16px;
			margin: 5px 0 0 0;
			float: left;
			border-right: dotted #aeaeae 1px;
			list-style: none; 
		}
			#footer #sitemap ul li.head, #ctnt #maincontent ul.sitemap li.head {
				margin-bottom: 7px;
				
				color: #293B79;
				font-size: 11px;
				font-weight: bold;
			}
			#footer #sitemap ul li, #ctnt #maincontent ul.sitemap li {
				font-size: 10px;
				
			}
				#footer #sitemap ul li a, #ctnt #maincontent ul.sitemap li a {
					color: #626262;
					text-decoration: none;
				}
				#footer #sitemap ul li a:hover, #ctnt #maincontent ul.sitemap li a:hover {
					text-decoration: underline;
				}