/* General Styles
=================================*/

* {
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	font: 76%  verdana, helvetica, "Lucida Sans Unicode", verdana, sans-serif;
	min-width: 720px;
	color: #b4e7ff;
	background: #f0f0f0 url(graphics/paper.gif) repeat-y top left;
}

ul, li {
	list-style-type: none;
}

img {
	border: none;
}

h1, h2, h3, h4 {
	font-family: Georgia;
}

.incomplete {
	color: #33FF00;
}



/* Layout
=================================*/

#wrapper {
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

#divider {
	width: 720px;
	height: 6px;
	background: #003366 url(graphics/divider.gif) no-repeat;
}

#mainArea {
	width: 720px;
	background: #003366 url(graphics/background.gif) repeat-y top left;
}

#sideBar {
	position: relative;
	width: 220px;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentBottom {
	clear: both;
	width: 720px;
	height: 4px;
	background: #fff url(graphics/bottomBg.gif);
}

#footer {
	padding: .5em;
	color: #aec2d5;
	margin: 0 0 10px 0;
	font-size: .75em;
}



/* Header
=================================*/

#header {
	width: 720px;
	height: 170px;
	background: #f0f0f0 url(graphics/header.jpg) no-repeat;
	position: relative;
}

#gallery-header {
	width: 720px;
	height: 150px;
	background: #f0f0f0 url(graphics/gallery-header.gif) no-repeat;
	position: relative;
}

#header, #gallery-header h1 {
	text-indent: -9999px;
	display: block;
}



/* Navigation
=================================*/

#mainNav {
	font-family: tahoma, verdana ;
	position: relative;
	top: -10px;
	width: 215px;
	font-size: 7pt;
	line-height: 18px;
	background: #0c3f72;
	padding: 10px 0 10px 0;
}

#mainNav a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	letter-spacing: .16em;
	background: transparent;
	background-position: 0px 8px;
}

#mainNav a span {
	padding: 0 8px 0 10px;
	color: #fff;
}

#mainNav a:hover span {
	color: #b4e7ff;
}

#galleryNav {
	font-family: tahoma, verdana;
	position: relative;
	top: 0px;
	left: 500px;
	width: 215px;
	height: 20px;
	font-size: 7pt;
	background: #0c3f72;
	padding: 13px 0 0px 0;
	z-index: 1;
}

#galleryNav a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	letter-spacing: .16em;
	background: transparent;
	background-position: 0px 8px;
}

#galleryNav a span {
	padding: 0 8px 0 10px;
	color: #fff;
}

#galleryNav a:hover span {
	color: #b4e7ff;
}

body#home-page ul#mainNav li.home a {
	background: url(graphics/navArrow.gif) no-repeat center left;
}
body#home-page ul#mainNav li.home a span {
	color: #70a3d6;
}

body#yeargroup-page ul#mainNav li.year a {
	background: url(graphics/navArrow.gif) no-repeat center left;
}
body#yeargroup-page ul#mainNav li.year a span {
	color: #70a3d6;
}

body#schoolinfo-page ul#mainNav li.info a {
	background: url(graphics/navArrow.gif) no-repeat center left;
}
body#schoolinfo-page ul#mainNav li.info a span {
	color: #70a3d6;
}

body#curriculum-page ul#mainNav li.curriculum a {
	background: url(graphics/navArrow.gif) no-repeat center left;
}
body#curriculum-page ul#mainNav li.curriculum a span {
	color: #70a3d6;
}

body#results-page ul#mainNav li.results a {
	background: url(graphics/navArrow.gif) no-repeat center left;
}
body#results-page ul#mainNav li.results a span {
	color: #70a3d6;
}

body#schooldiary-page ul#mainNav li.diary a {
	background: url(graphics/navArrow.gif) no-repeat center left;
}
body#schooldiary-page ul#mainNav li.diary a span {
	color: #70a3d6;
}

body#contact-page ul#mainNav li.contact a {
	background: url(graphics/navArrow.gif) no-repeat center left;
}
body#contact-page ul#mainNav li.contact a span {
	color: #70a3d6;
}

body#switzerland-page ul#mainNav li.switzerland a {
	background: url(graphics/navArrow.gif) no-repeat center left;
}
body#switzerland-page ul#mainNav li.switzerland a span {
	color: #70a3d6;
}



/* Main Content Area
=================================*/

#content {
	position: relative;
	float: left;
	width: 480px;
	display: inline;
	margin-bottom: 20px;
}

#content ul {
	font-size: 1em;
	line-height: 1.4em;
	height: 1%;
	margin: 5px 0 5px 10px;
}

#content ul.compactList {
	width: 380px;
	padding: 4px 0px 4px 10px;
	background: #15487b;
	font-size: 0.95em;
	margin: 5px 0 15px 24px;
	border: solid 1px #003366;
}

#content img {
	background: #285b8e;
	float: left;
	margin: 4px 10px 0 0; 
	padding: 4px;
	vertical-align: bottom;
}

#content img.right {
	float: right;
	margin: 6px 0 0 7px;
}

#content img.large {
	float: none;
	margin: 5px 0 5px 65px;
}

#content h2 {
	text-indent: -9999px;
	display: block;
	line-height: .7em;
}

h3 {
	margin: 20px 15px 10px 25px;
	font-size: 1.3em;
}

h4 {
	margin: 0px 0px 5px 10px;
	font-size: 1em;
}

h4.list {
	margin: 0px 0px 5px 20px;
	font-size: 1em;
}

p {
	font-size: 8pt;
	line-height: 1.55em;
	text-align: left;
	height: 1%;
	margin: 0 0 0 25px;
	padding: 0 0 10px 0;
}

.compact {
	font-size: 0.8em;
	line-height: 1.4em;
}

#content .compact-center {
	font-size: 7pt;
	padding: 0 0 10px 20px;
}

p a {
	color: #78abc3;
	text-decoration: none;
}
p a:link {
	border-bottom: 1px dotted #78abc3;
}
p a:visited {
	color: #78abc3;
	border-bottom: 1px dotted #78abc3;
}
p a:hover {
	color: #ae7b48;
	border-bottom: 1px solid #ae7b48;
}

.article {
	background: url(graphics/dotted-line.gif) repeat-x bottom left;
}

.odd-box {
	position: relative;
	margin: 20px 0 0 30px;
	width: 440px;
	border: 1px solid #003366;
	background: #06396c;
}

.even-box {
	position: relative;
	margin: 20px 0 0 30px;
	width: 440px;
	border: 1px solid #003366;
}

.odd-box h3,
.even-box h3 {
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
}

.odd-box p,
.even-box p {
	text-align: left;
	height: 1%;
	margin: 0 10px 0 10px;
	padding: 0 0 10px 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}



/* Table
=================================*/

table {
	width: 390px;
	border: 1px solid #003366;
	margin: 0px 0 23px 24px;
	line-height: 1em;
}

th {
	border-bottom: 1px solid #003366;
	font-size: .95em;
	height: 23px;
	padding-left: 5px;
	background: #15487b;
}

#simple td {
	padding: 6px;
	line-height: 1.2em;
}

td {
	padding: 2px 0 2px 7px;
	vertical-align: top;
}

.tbHeader {
	padding: 3px 0 5px 7px;
}

.topRow {
	padding: 8px 0 2px 7px;
}

.subHeader {
	padding: 2px 0 2px 7px;
	border-bottom: 1px solid #157b7b;
}

.subHeaderLeftBorder {
	padding: 2px 0 2px 7px;
	border-left: 1px solid #157b7b;
	border-bottom: 1px solid #157b7b;
	font-weight: bold;
}

.middleTopRow {
	padding: 8px 0 2px 7px;
	border-right: 1px solid #157b7b;
	border-left: 1px solid #157b7b;
}

.leftBorder {
	padding: 7px 4px 4px 7px;
	border-left: 1px solid #157b7b;
}

.bottomRow {
	padding: 2px 0 4px 7px;
}

.middleBottomRow {
	padding: 2px 0 4px 7px;
	border-right: 1px solid #157b7b;
	border-left: 1px solid #157b7b;
}

.bottomSingleRow {
	padding: 0 0 4px 7px;
}

.middleBottomSingleRow {
	padding: 0 0 4px 7px;
	border-right: 1px solid #157b7b;
	border-left: 1px solid #157b7b;
}

.odd {
	background: #15487b;
	font-size: 0.85em;
}

.even {
	background: #285b8e;
	font-size: 0.85em;
}

.tbHeaderTitle {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
}

.middle {
	border-right: 1px solid #157b7b;
	border-left: 1px solid #157b7b;
}

.rightBorder {
	border-right: 1px solid #157b7b;
}



/* Gallery
=================================*/

#container {
	position: relative;
	top: -64px;
	width: 670px;
	height: 550px;
	margin: 0 auto 0 auto;
}

#content p.gallery {
	margin: 0 0 0 40px;
}

.arrow {
	height: 12px;
	background: url(graphics/arrow.gif) no-repeat bottom right;
	padding: 0 20px 0 0;
}

#container img {
	background: #0c3f72;
	float: left;
	border: 5px solid #0c3f72;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#container ul {
	display: inline;
	width: 150px;
	height: 450px;
	margin: 55px 8px 10px 0;
	float: right;
}

#container li {
	float: left;
	padding: 2px 0 2px 2px;
}

#container a.gallery, #container a.gallery:visited {
	display: block;
	color: #0c3f72;
	text-decoration: none;
	border: 4px solid #0c3f72;
	margin: 1px 2px 1px 2px;
	text-align: left;
	cursor: default;
}




/* Gallery One
=================================*/

#container a.slide01a {
	background:url(images/gallery/HansPlace17crop.jpg); 
	height:60px; 
	width:60px;
}
#container a.slide02a {
	background:url(images/gallery/HansPlace18crop.jpg);
	height:60px;
	width:60px;
}
#container a.slide03a {
	background:url(images/gallery/HansPlace09crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide04a {
	background:url(images/gallery/HansPlace06crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide05a {
	background:url(images/gallery/HansPlace05crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide06a {
	background:url(images/gallery/HansPlace03crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide07a {
	background:url(images/gallery/HansPlace08crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide08a {
	background:url(images/gallery/HansPlace01crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide09a {
	background:url(images/gallery/HansPlace16crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide10a {
	background:url(images/gallery/HansPlace07crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide11a {
	background:url(images/gallery/HansPlace12crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide12a {
	background:url(images/gallery/HansPlace04crop.jpg); 
	height:60px;
	width:60px;
}



/* Gallery Two
=================================*/

#container a.slide01b {
	background:url(images/gallery/Games01crop.jpg); 
	height:60px; 
	width:60px;
}
#container a.slide02b {
	background:url(images/gallery/Games02crop.jpg);
	height:60px;
	width:60px;
}
#container a.slide03b {
	background:url(images/gallery/Games03crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide04b {
	background:url(images/gallery/Games04crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide05b {
	background:url(images/gallery/Games05crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide06b {
	background:url(images/gallery/Games06crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide07b {
	background:url(images/gallery/Games07crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide08b {
	background:url(images/gallery/Games08crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide09b {
	background:url(images/gallery/Games09crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide10b {
	background:url(images/gallery/Games10crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide11b {
	background:url(images/gallery/Games11crop.jpg); 
	height:60px;
	width:60px;
}
#container a.slide12b {
	background:url(images/gallery/Games12crop.jpg); 
	height:60px;
	width:60px;
}


#container a.gallery:hover {
	border: 4px solid #285b8e;
}

#container a.gallery:hover span {
	position: absolute;
	width: 435px;
	height: 435px;
	top: 60px;
	left: 23px;
	color: #b4e7ff;
	background: #0c3f72;
}

#container a.gallery span {
	position: absolute;
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	margin: 20px 0 0 0;
	overflow: hidden;
	background: #0c3f72;
	font-size: .8em;
}

#container a.gallery:hover img {
	border: 4px solid #285b8e;
	float: left;
	margin-right: 5px;
}

.galleryLink {
	width: 150px;
	position: relative;
	top: 0px;
	left: 160px;
	color: #62b062;
	text-decoration: none;
	letter-spacing: .16em;
	z-index: 1;
}
.galleryLink a:link {
	color: #78abc3;
	border-bottom: 1px dotted #78abc3;
}
.galleryLink a:visited {
	color: #78abc3;
	border-bottom: 1px dotted #78abc3;
}
.galleryLink a:hover {
	color: #a5723f;
}



/* Headers
=================================*/

#welcome {
	margin: 12px 0 0 25px;
	width: 89px;
	height: 31px;
	background: url(graphics/welcomeHeader.gif) no-repeat;
}
#summer {
	margin: 22px 0 0 25px;
	width: 143px;
	height: 21px;
	background: url(graphics/summerHeader.gif) no-repeat;
}
#prospectus {
	margin: 12px 0 -5px 25px;
	width: 95px;
	height: 41px;
	background: url(graphics/prospectusHeader.gif) no-repeat;
}
#yeargroups {
	margin: 21px 0 5px 25px;
	width: 119px;
	height: 42px;
	background: url(graphics/yeargroupsHeader.gif) no-repeat;
}
#smallschool {
	margin: 21px 0 5px 25px;
	width: 265px;
	height: 45px;
	background: url(graphics/smallschoolHeader.gif) no-repeat;
}
#lowerschool {
	margin: 21px 0 5px 25px;
	width: 266px;
	height: 45px;
	background: url(graphics/lowerschoolHeader.gif) no-repeat;
}
#middleschool {
	margin: 21px 0 5px 25px;
	width: 285px;
	height: 45px;
	background: url(graphics/middleschoolHeader.gif) no-repeat;
}
#upperschool {
	margin: 21px 0 5px 25px;
	width: 275px;
	height: 53px;
	background: url(graphics/upperschoolHeader.gif) no-repeat;
}
#girlstransitus {
	margin: 21px 0 5px 25px;
	width: 312px;
	height: 43px;
	background: url(graphics/girlstransitusHeader.gif) no-repeat;
}
#seniorschool {
	margin: 21px 0 5px 25px;
	width: 251px;
	height: 45px;
	background: url(graphics/seniorschoolHeader.gif) no-repeat;
}
#lowersixth {
	margin: 21px 0 5px 25px;
	width: 246px;
	height: 45px;
	background: url(graphics/lowersixthHeader.gif) no-repeat;
}
#uppersixth {
	margin: 21px 0 5px 25px;
	width: 239px;
	height: 53px;
	background: url(graphics/uppersixthHeader.gif) no-repeat;
}
#information {
	margin: 9px 0 0 25px;
	width: 189px;
	height: 58px;
	background: url(graphics/informationHeader.gif) no-repeat;
}
#parentsinfo {
	margin: 9px 0 0 25px;
	width: 266px;
	height: 58px;
	background: url(graphics/informationHeader.gif) no-repeat;
}
#curriculum {
	margin: 12px 0 10px 25px;
	width: 109px;
	height: 31px;
	background: url(graphics/curriculumHeader.gif) no-repeat;
}
#results09 {
	margin: 13px 0 10px 25px;
	width: 296px;
	height: 36px;
	background: url(graphics/results09Header.gif) no-repeat;
}
#results08 {
	margin: 13px 0 10px 25px;
	width: 297px;
	height: 35px;
	background: url(graphics/results08Header.gif) no-repeat;
}
#results07 {
	margin: 12px 0 10px 25px;
	width: 300px;
	height: 36px;
	background: url(graphics/results07Header.gif) no-repeat;
}
#results06 {
	margin: 12px 0 10px 25px;
	width: 301px;
	height: 36px;
	background: url(graphics/results06Header.gif) no-repeat;
}
#diary {
	margin: 10px 0 5px 25px;
	width: 134px;
	height: 49px;
	background: url(graphics/diaryHeader.gif) no-repeat;
}
#contact {
	margin: 22px 0 10px 25px;
	width: 80px;
	height: 21px;
	background: url(graphics/contactHeader.gif) no-repeat;
}
#switzerland {
	margin: 12px 0 10px 25px;
	width: 131px;
	height: 36px;
	background: url(graphics/switzerlandHeader.gif) no-repeat;
}
#gallery {
	margin: 12px 0 20px 0;
	height: 47px;
	width: 77px;
	background: url(graphics/galleryHeader.gif) no-repeat;
}
#gallery1 {
	margin: 20px 0 20px 0;
	height: 47px;
	width: 131px;
	background: url(graphics/gallery1Header.gif) no-repeat;
}
#gallery2 {
	margin: 20px 0 20px 0;
	height: 47px;
	width: 130px;
	background: url(graphics/gallery2Header.gif) no-repeat;
}
#gallery3 {
	margin: 20px 0 20px 0;
	height: 19px;
	width: 143px;
	background: url(graphics/gallery3Header.gif) no-repeat;
}



/* Vertical Navigation
=================================*/

.vNav {
	width: 420px;
}
.vNav li a {
	font-weight: bold;
	font-family: verdana;
	font-size: .8em;
	display: block;
	padding: 0 0 0 26px;
	line-height: 24px;
	background: transparent url(graphics/verticalNav.gif) repeat-x bottom left;
	text-decoration: none;
}
.vNav li a:link {
	color: #b4e7ff;
}
.vNav li a:visited {
	color: #6497af;
}
.vNav li a:hover {
	color: #a5723f;
	background: #003366 url(graphics/verticalNav.gif) repeat-x bottom left;
}
.vNav span {
	letter-spacing: .15em;
}



/* Side Bar
=================================*/

#sideBar h2.notices {
	text-indent: -9999px;
	display: block;
	width: 54px;
	height: 18px;
	background: url(graphics/noticesHeader.gif) no-repeat;
	line-height: .7em;
	margin: 10px 0px 10px 18px;
}

#sideBar h2.diary-sub {
	text-indent: -9999px;
	display: block;
	width: 45px;
	height: 28px;
	background: url(graphics/diarySubHeader.gif) no-repeat;
	line-height: .7em;
	margin: 10px 0px 5px 18px;
}

.highlightsNav span {
	color: #70a3d6;
	font-weight: bold;
}

.highlightsNav {
	float: left;
	width: 215px;
	background: transparent url(graphics/dotted-light.gif) repeat-x top left;
	padding: 1px 0 0 0;
}

.highlightsNav li {
	font-size: .85em;
	line-height: 1.4em;
	display: inline;
}

.highlightsNav li a {
	display: block;
	padding: 7px 18px 7px 18px;
	background: transparent url(graphics/dotted-light.gif) repeat-x bottom left;
	text-decoration: none;
}
.highlightsNav li a:link {
	color: #b4e7ff;
}
.highlightsNav li a:visited {
	color: #b4e7ff;
}
.highlightsNav li a:hover {
	color: #ae7b48;
	background: #15487b url(graphics/dotted-light.gif) repeat-x bottom left;
}

#miniGallery {
	margin: 13px 0 0 13px;
	float: left;
}

#miniGallery h2 {
	text-indent: -9999px;
	display: block;
	width: 58px;
	height: 36px;
	background: url(graphics/gallerySubHeader.gif) no-repeat;
	line-height: .7em;
	margin: 0 0 5px 5px;
}

#windows {
	margin-left: 30px;
	height: 140px;
	width: 140px;
	position: relative;
	margin-bottom: 10px;
}

#windows img { 
	background: #15487b;
	padding: 4px;
	width: 60px;
	height: 60px;
}

.window1 {
	position: absolute;
	top: 0;
	left: 0;
}

.window2 {
	position: absolute;
	top: 0;
	right: 0;
}

.window3 {
	position: absolute;
	bottom: 0;
	left: 0;
}

.window4 {
	position: absolute;
	bottom: 0;
	right: 0;
}



/* Contact
=================================*/

.telephone {
	height: 18px;
	background: url(graphics/telephone.gif) no-repeat;
	padding: 0 0 0 25px;
}

.email {
	height: 18px;
	background: url(graphics/email.gif) no-repeat;
	padding: 0 0 0 25px;
}