body { padding: 0; border: 0; margin: 0; width: 100%; height: 100%; font-size: 1.1em; font-family: times, serif; color:#000; background: #d2cfbb; }

/* TYPOGRAPHY */
	p, ul, ol { margin: 0 0 1em 0; line-height: 1em;}
	ul, ol { width: 90%; padding: 0 0 0 25px; }
	p, li {  font-size: .7em; line-height: 1.6em; font-family: verdana, sans-serif; }
	h1, h2, h3, h4, h5, h6 { margin: 0; color:#000; font-weight: normal; border:0; padding: 0; }
	h1 { font-size: 136%; font-variant: small-caps; }
	h2, h3 { font-size: 1em; font-weight: bold; margin-top: .5em;}
	h4 { font-size: 116%; }
	h5 { font-size: 106%; }
	h6 { font-size: 96%; }
	ul li ul li { font-size: 1em; }
.contact-list td, .event-list td, .event-details td { font-family: verdana, sans-serif; font-size: .8em; text-align: left; padding: 5px; 
	border-top: 1px gray solid; }
.contact-list tr.table-head td, .event-list tr.table-head td, .event-details tr.table-head td  { background: #1c3063; color: #fff;
	font-size: 1.1em; font-variant: small-caps; font-family: times, serif; text-align: center; padding: 10px 5px; border-top: 1px gray solid; }

#new-contact-list { float: left;}
.facstaff-name { width: 200px; float: left; }
.facstaff-details { width: 270px; float: right; text-align: left; }
#new-contact-list p { line-height: 1.3em; padding: 0; border: 0; margin: 0;}

a, a:link { text-decoration: underline; color: #000;}
a:hover { text-decoration: none; }
hr { width: 175px; color: #fff; }

p.quote { font-style: italic; font-size: .9em; text-align:left; line-height: 1.6em; margin: 0 0 .3em 0;}
p.tight { padding:0; border:0; margin:0; line-height:1.5em; }
.para-opener { font-weight: bold; }
.error { color: red; }

.inset-right-captioned { float: right; text-align:center; margin: 3px 0 5px 10px;}
.inset-right-captioned p { font-size: .7em; font-style: italic; padding: 0; margin:0; }
.inset-right { margin: 0 0 10px 10px;position:relative;float:right;padding:3px;background:none;}
.inset-right-captioned img, .inset-right img { border: 0; }

#wrap { position: relative; width: 900px; margin: 0 auto; padding: 0; border: 0; }

#onecol-with-sidebar, #onecol-no-sidebar, #onecol-no-leftnav { position: absolute; top: 102px; left: 201px; width: 480px; 
	padding: 10px; border-left: solid 1px gray;border-right: solid 1px gray; background: #b5b292; }
#onecol-no-sidebar { position: absolute; top: 102px; left: 201px; width: 670px; }
#onecol-with-sidebar h1, #onecol-no-sidebar h1, #onecol-no-leftnav h1 { font-size: 1.4em; }
#onecol-with-sidebar h1 span, #onecol-no-sidebar h1 span { font-size: .6em; }
#onecol-no-leftnav { position: absolute; top: 102px; left: 0px; width: 682px; border:0; border-right: solid 1px gray; }

#sidebar { position: absolute; top: 310px; left: 705px; width: 195px; padding: 5px; text-align: center;}
#sidebar h1 { font-size: 1em;margin-top: 5px; }
#sidebar p { font-size: .7em; line-height: 1.5em;padding:0; border:0; margin:0;}
/* sidebar / vertical navigation */
#sidebar a {font-size: .9em; line-height:1.8em;padding:0; }
#sidebar a:link, #sidebar a:visited { color:#000; text-decoration: underline;}
#sidebar a:hover { text-decoration: none; }
#sidebar-images { float:left; }
#sidebar img { border:0; } 

img { padding: 0; border: 0; margin: 0; }
#inside-image { width: 100%; position:absolute; top:0; }

/* top-minor nav with"Contact Us," etc. */
#toolbar { width: 100%; padding: 0; border:0; margin: 0; }
#toolbar ul { position: absolute; top:0; right: 35px;display: block; margin: 0; padding: 0; list-style: none; text-align: right; }
#toolbar ul li { color: #fff; display: inline; padding: 0 20px 0 0;margin:0; font-size: .8em;line-height: 2.3em; font-family: times, serif;font-weight: normal;font-variant: small-caps;}
#toolbar #homelink {padding: 0 0 0 40px;}
#toolbar a { color: #fff; text-decoration: none;}
#toolbar a:hover { text-decoration: underline;}

/* main / horizontal navigation */
#navcontainer { position: absolute; top:40px; width: 100%; margin: 0; padding:0; border: 0; list-style-type: none; color: #fff; font-variant:small-caps; }
#navcontainer ul { padding:0; border:0; margin:0 0 0 .8em; display:inline; }
#navcontainer span { font-size: .6em;}
#navcontainer img { position: relative; top:10px;}
#navlist li { position: relative; z-index: 99; display: inline; font-size: 1.2em; padding: 0; margin: 0; border: 0;font-family: times, serif;}
#navlist a:link, #navlist a:visited { text-decoration: none;color: #fff;letter-spacing: 1px;padding: 0;margin:0 .4em;}
#navlist a:hover { border-bottom: solid #fff 2px; }

/* Gala burst on home page */
#galaburst { position: absolute; top: 238px; right: 0px; }

/* Gala-specific inline nav bar */
.gala-inline-navbar {
	height: 30px;
	padding: 0; border:0; margin: -7px 0 10px 0;
/* 	background: #000; */
	}
.gala-inline-navbar ul li {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	}
.gala-inline-navbar ul li a {
	padding: 3px 5px;
	background: white;
	text-decoration: none;
	color: #000;
	}
.gala-inline-navbar ul li a:hover {
	background: #d81235;
	}


/* left-hand / vertical navigation */
#leftnav { position: absolute; top: 102px; left: 0px; width: 200px;}
#leftnav a {font-size: .80em; font-variant:small-caps; line-height:1.2em;padding:1em 0 1em 1.1em;display:block; }
#leftnav a:link, #leftnav a:visited { color:#000; text-decoration: none;}
#leftnav a:hover { /*background: #b5b292;*/ background: #fff; } 
#leftnav hr { padding-left: 1.2em; width: 170px; }
.nav-image img { display: inline; padding: 0; border: 0; margin: 0; margin-bottom: -4px; }

/* need a specific style for each of the level3 navs within the left-hand nav */
#boys-learn-differently-nav a, 
#video-nav a, 
#where-graduates-go-nav a, 
#hs-placement-nav a, 
#contact-us-nav a, 
#hawksnest-nav a,
#papa-nav a,
#after-school-programs-nav a, 
#summer-programs-nav a, 
#school-uniforms-nav a, 
#athletic-program-nav a,
#trustees-nav a,
#view-items-nav a,
#endowments-nav a { font-size: .75em; line-height:2.0em;padding-left:4em; display:none;}

/* home page specific styling: image, key mesasges "because..." etc. */
#rotating { position:absolute; top: 185px;left: 285px; width: 615px;border: 0;}
#rotating p {display: none;font-size: 1.1em; line-height: 1.8em; font-family: times, serif; font-style: italic;color: #fff;
padding: 0; margin: 0; border: 0;}

#home-image, #inside-image { position:absolute; top:0; width: 100%; }

#homenav-container { position: absolute; top:210px;left:295px;width: 615px;margin: 0; border: 0;}
#homenav-container ul {list-style-type: none;	color: #fff;font-style: italic;text-align: left;margin:0;padding:0;border:0;}
#homenav-list li { display: inline; font-size: .85em; line-height: 1.8em; padding: 0; margin: 0; border: 0;font-family: times, serif;}
#homenav-list li a { text-decoration: none; color: #fff;padding: .3em 0; }
#homenav-list li a:hover { text-decoration: underline; }
#homenav-container img {position: relative; top:5px;padding: 0 5px;}

#home #column {position: absolute; top:105px;left:44px;width: 219px; text-align: center; }
#home #column h1 { font-size: 1em; font-style: italic;padding:0; border:0;margin:5px 0;font-weight: bold;}
#home #column a { font-size: .7em; font-family: verdana, sans-serif; padding:0;text-decoration:underline;color: blue;}
#home #column a:hover { text-decoration:none;}
#home #column li { line-height: 1em; font-family: times, serif; }
#home #column #part1, #home #column #part2 { float: left; width: 218px; } 
#home #column #part1 { background: #fff;  padding: 0; border: 0; margin: 0; }
#home #column #part1 h2 { font-size: .8em; line-height: 1em; font-weight: bold; color: red; padding:0; border:0; margin: 5px 0 0 0;}
#home #column #part1 p { font-size: .6em; color: red; padding: 0 5px 3px 5px; border-bottom: solid 1px blue; margin:0;}
#home #column #part1 a { font-size: 1em; font-family: verdana, sans-serif; padding:0;text-decoration:underline;color: blue;}
#home #column #part2 h1 { font-size: 1em; line-height: 1em; font-weight: bold; padding:0; border:0; margin: 8px 0 0 0; }

#home #this-week { padding: 0; border: 0; margin: 0 5px; text-align: left; }
#home #this-week p { font-family: times, serif; font-size: .9em; font-weight: bold;margin:3px 0 0px 0 ; text-align: center; font-style: italic; }
#home #this-week ul.items { padding:0; margin: 0 0 0 16px; border: 0; }
#home #this-week li.item { font-size: .9em; padding: 0; margin: 0 0 0px 0;border: 0; }

/* styles for various interior pages */
.contact-list { width: 100%; padding: 0; border: 0; margin: 0; text-align:left; font-family: verdana, sans-serif; }
.contact-list table { border-right: 1px gray solid; border-bottom: 1px gray solid; border-left: 1px gray solid; margin: 0; }
.contact-list table caption { background: #fff; padding-top: 0.2em; padding-bottom: 0.3em; }
.contact-list-section { background: #1c3063; color: #fff; font-size: 1.5em; line-height: 1em; border-top: 2px gray solid; 
	border-bottom: 1px gray solid; text-align: center; font-family: times, serif; font-variant: small-caps; }
#formfields td { font-size: .75em; font-family: verdana, sans-serif; padding: 5px 0;}
#formfields  { padding: 5px; border: solid 1px gray; }

/* page-specific styles */
#directions-to-schools-page #onecol-with-sidebar hr, #headmasters-journal-page #onecol-with-sidebar hr, #papa-page #onecol-with-sidebar hr, 
	#ls-notes-page hr, #ms-notes-page hr, #formfields hr { width: 450px; }
#news-page #onecol-no-leftnav hr, #news-entry-page #onecol-no-leftnav hr { width: 665px; color: #fff; }
#news-page #onecol-no-leftnav img, #news-entry-page #onecol-no-leftnav img { display: block; margin-left: auto; margin-right: auto; }
p.store-item { padding-right: 3px; }
.thumbnail { border: 1px solid #000; float:right; padding:3px; }

#menu { width: 100%; margin: 0 auto; }

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 132 2008-05-23 16:05:17Z emartin24 $
 *
 */

body {padding:0; margin:0; height:100%; width:100%;}

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:350px; width:400px; left:58%; top:150px; margin-left:-300px; background-color:#d2cfbb; border:3px solid #1c3063;}
#modalContainer a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}