/* PRIMARY LAYOUT */


html, body {
	background-color: #AEBA9C;
	margin: 0px;
	height: 100%;
	}

#homewrapper { /* allows logo sign to overflow */
	margin-left: auto;
	margin-right: auto;
	width: 968px;
	min-height: 100%;
	background-color: #AEBA9C;
	border: none;
	overflow: hidden;
	}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 938px;
	min-height: 100%;
	background-color: #F9EBCE;
	border-left: 2px solid #251B0D;
	border-right: 2px solid #251B0D;
	}

#subwrapper { /* fixes OTL anchors */
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 942px;
	min-height: 100%;
	overflow: hidden;
	}

#subcontainer { 
	margin-left: auto;
	margin-right: auto;
	width: 938px;
	min-height: 100%;
	background-color: #F9EBCE;
	border-left: 2px solid #251B0D;
	border-right: 2px solid #251B0D;
	overflow: hidden; 
	}

#header {
	}

#content {
	margin-top: -191px;
	height: 100%;
	padding-bottom: 2010px;
	margin-bottom: -2010px;
	}

#subcontent {
	height: 100%;
	padding-bottom: 2010px;
	margin-bottom: -2010px;
	}

#left {
	width: 374px;
	float: left;
	padding: 30px 0px;
	display: inline;
	}

#right { /* main content */
	width: 504px;
	float: none;
	padding: 0px 30px 0px 404px;
	}

#subleft { /* main content */
	width: 575px;
	float: none;
	padding: 36px 0px 0px 30px;
	}

#subright {
	font: normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
	width: 273px;
	float: right;
	padding: 0px 30px;
	display: inline;
	}

#featureleft {
	font: normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
	width: 162px;
	float: left;
	padding: 0px 0px 0px 30px;
	}

#featureright {
	font: normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
	width: 162px;
	float: right;
	padding: 0px 0px 0px 20px;
	}

#donate {
	font: normal 1.0em/1.5em Verdana, Arial, Helvetica, sans-serif;
	width: 354px;
	float: none;
	clear: both;
	padding: 1px 0px 0px 30px;
	}

.anchorfix { /* fixes OTL anchor issue */
	position: absolute;
	width: 1px;
	}

.contact {
	clear: left;
	margin-bottom: 60px;
	}

.contacttitle {
	padding: 0px;
	width: 25%;
	}

.contactinfo {
	padding: 0;
	float: right;
	width: 75%;
	}

.alumni {
	clear: left;
	margin-bottom: 10px;
	}

.alumnititle {
	padding: 0px;
	width: 30%;
	}

.alumniinfo {
	padding: 0;
	float: right;
	width: 70%;
	}

p.entry {
	margin: 0 0 10px 0;
	font: normal 0.95em/1.53em Verdana, Arial, Helvetica, sans-serif;
	}

p.story {
	margin: 0 0 20px 0;
	font: normal 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;
	}

p.category {
	margin: 0 0 10px 0;	
	font: bold 0.95em/1.53em Verdana, Arial, Helvetica, sans-serif;	
	}

.history {
	clear: right;
	padding: 0;
	margin: 0;
	}

.historydate {
	padding: 1px;
	margin: 0;
	width: 10%;
	}

.historyevent {
	padding: 0;
	margin: 0;
	float: right;
	width: 90%;
	}

.staffleft {
	width: 48%;
	}

.staffright {
	width: 48%;
	float: right;
	}

.people {
	height: 120px;
	margin: 0 0 40px 0;
	}

.portrait {
	float: left;
	margin: 0 20px 0 0;
	border: 1px solid #251b0d;
	}

.events_large {
	margin: 0 20px 20px 0;
	border: 1px solid #251b0d;
	}

.thumbnail {
	float: left;
	margin: 5px 10px 0 0;
	border: 1px solid #251b0d;
	}

.showcase {
	margin: 0 44px 5px 0;
	}

.showtitle {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	}

.showblock {
	width: 25%;
	height: 190px;
	float: left;
	}

.showblockbottom {
	width: 25%;
	margin-bottom: 40px;
	}

.photoblock {
	width: 25%;
	height: 160px;
	float: left;
	}

.photoblock_wide {
	width: 50%;
	height: 200px;
	float: left;
	}


	/* TYPOGRAPHY */


body {
	color: #251B0D;
	font-size: 76%;
	}

p {
	font: normal 1.35em/1.4em Georgia, "Times New Roman", Times, serif;
	margin-top: 0.7em;
	}

h1 {
	font: normal 2.4em/1.0em Georgia, "Times New Roman", Times, serif;
	color: #3E7051;
	margin-bottom: 10px;
	}

h2 {
	font: normal 20px/26px Georgia, "Times New Roman", Times, serif;
	}

h3 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 15px;
	line-height: 4px;
	text-transform: uppercase;
	margin-top: 40px;
	}

h4 {
	font: bold 16px/18px Georgia, "Times New Roman", Times, serif;
	color: #3E7051;
	padding-top: 8px;
	margin-bottom: 4px;
	}

h5 {
	font-size: 13px;
	line-height: 18px;
	text-transform: uppercase;
	padding-top: 8px;
	margin-bottom: 4px;
	}

h6 {
	font-size: 11px;
	line-height: 16px;
	color: #3E7051;
	text-transform: uppercase;	
	}

#submenuhome {
	text-align: right;
	margin: 6px 0px 36px 0px;
	}

#submenuhome a {
	font: normal 1.00em/1.15em verdana, arial, helvetica, sans-serif; 
	color: #3E7051;
	outline: 0;
	}

#submenusub {
	text-align: left;
	margin: 3px 0px 40px 0px;
	}

#submenusub a {
	font: normal 0.95em/1.15em verdana, arial, helvetica, sans-serif; 
	color: #3E7051;
	outline: 0;
	}

.intro {
	font: italic normal 1.7em/1.3em Georgia, "Times New Roman", Times, serif;
	color: #4B3517;
	}
	
.subintro {
	font: italic 1.45em/1.45em Georgia, "Times New Roman", Times, serif;
	margin-top: 0.9em;
	}

.caption {
	font: italic normal 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #3E7051;
	padding: 0px 0px 5px 0px;
	}

.copyright {
	font: normal 0.85em/0.85em verdana, arial, helvetica, sans-serif; 
	color: #999;
	margin: 80px 0 30px 0;
	}

.nolead {
	padding-top: 0px;
	margin-bottom: 0px;
	line-height: 13px;
	}

	/* LISTS */


#subleft ul {
	list-style-image: url(../images/bullet.gif);
	margin: 0 0 30px 0;
	padding-left: 0;
	}

#subleft ol {
	margin: 0 0 30px 0;
	padding-left: 0;
	}

#subleft ul li {
	margin: 0 0 0.3em 0.9em;
	padding-left: 0;
	font: normal 1.35em/1.4em Georgia, "Times New Roman", Times, serif;
	}

#subleft ol li {
	margin: 0 0 0.3em 1.1em;
	padding-left: 0;
	font: normal 1.35em/1.4em Georgia, "Times New Roman", Times, serif;
	}

ul li.list {
	list-style: disc outside;
	padding: 3px 0;
	margin: 0;
	font: normal 1.35em/1.35em Georgia, "Times New Roman", Times, serif;
	}

ul li.listnobull {
	list-style: none outside;
	padding: 3px 0;
	margin: 0;
	font: normal 1.35em/1.35em Georgia, "Times New Roman", Times, serif;
	}

ol li {
	list-style: decimal outside;
	padding: 3px 0;
	margin: 0;
	font: normal 1.35em/1.35em Georgia, "Times New Roman", Times, serif;
	}

ol li.roman {
	list-style: upper-roman outside;
	padding: 3px 0;
	margin: 0;
	font: normal 1.35em/1.35em Georgia, "Times New Roman", Times, serif;
	}

dl dt {
	padding: 3px 0;
	font: normal 1.35em/1.35em Georgia, "Times New Roman", Times, serif;
	}

dl dd {
	padding: 3px 0;
	font: normal 1.35em/1.35em Georgia, "Times New Roman", Times, serif;
	}



	/* DEFAULT LINKS */


a:link {
	text-decoration: underline;
	color: #3E7051;
	outline: 0;
	}

a:visited {
	text-decoration: underline;
	color: #3E7051;
	outline: 0;
	}

a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #3E7051;
	outline: 0;
	}

a:active {
	text-decoration: none;
	color: #fff;
	background-color: #1e4e32;
	outline: 0;
	}

a.submenuLINK:link {
	text-decoration: none;
	color: #3E7051;
	outline: 0;
	}

a.submenuLINK:visited {
	text-decoration: none;
	color: #3E7051;
	outline: 0;
	}

a.submenuLINK:hover {
	text-decoration: underline;
	color: #3E7051;
	background-color: #F9EBCE;
	outline: 0;
	}

a.submenuLINK:active {
	text-decoration: none;
	color: #1e4e32;
	outline: 0;
	}



	/* TABLES */


table {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-top: 2px solid #251b0d;
	border-left: 2px solid #251b0d;
	border-bottom: 1px solid #251b0d;
	border-right: 1px solid #251b0d;
	}

tr {
	margin: 0;
	padding: 0;
	}

th {
	margin: 0;
	padding: 0;
	padding: 10px;
	background: #7A6143;
	font: bold 0.95em/1em verdana, arial, helvetica, sans-serif; 
	color: #fff;
	border-right: 1px solid #251b0d;
	border-bottom: 2px solid #251b0d;
	}

td {
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 10px;
	border-right: 1px solid #251b0d;
	border-bottom: 1px solid #251b0d;
	vertical-align: top;
	background: #FFFFFF;
	font: normal 0.95em/1.10em verdana, arial, helvetica, sans-serif; 
	}

td.fill {
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 10px;
	border-right: 1px solid #251b0d;
	border-bottom: 1px solid #251b0d;
	vertical-align: top;
	background: #F9EBCE;
	font: normal 0.95em/1em verdana, arial, helvetica, sans-serif; 
	}

td.holiday {
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 10px;
	border-right: 1px solid #251b0d;
	border-bottom: 1px solid #251b0d;
	vertical-align: top;
	background: #AEBA9C;
	font: normal 0.95em/1em verdana, arial, helvetica, sans-serif; 
	}

img#logosign { /* position of home page logo */
	position: relative;
	top: -175px;
	left: -11px;
	z-index: 9999;
	}

img.border {
	border: 1px solid #251b0d;
	}



	/* HOME NAVIGATION */


#nav {
	width: 938px;
	height: 76px;
	margin: 0;
	padding: 0;
	position: relative;
	border-top: 2px solid #251b0d;
	border-bottom: 2px solid #251b0d;
	background: #4A3516;
	z-index: 9998;
	}

#menu {
	width: 100%;
	float: left;
	} 

#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	}

#menu ul#nav-home { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 374px;
	float: left;
	display: inline;
	}

#menu ul#nav-school { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 166px;
	float: left;
	display: inline;
	}

#menu ul#nav-school ul { /* actual width of dropup menu */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 167px;
	}

#menu ul#nav-family { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 168px;
	float: left;
	display: inline;
	}

#menu ul#nav-family ul { /* actual width of dropup menu */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 169px;
	}

#menu ul#nav-involvement { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 230px;
	float: left;
	display: inline;
	}

#menu ul#nav-involvement ul { /* actual width of dropup menu */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 231px;
	}

#menu h6 {
	display: block;
	border: 0;
	margin: 0;
	float: left;
	height: 0px;
	padding-top: 76px; 
	overflow: hidden; 
	background-image: url(../images/nav_up.jpg); 
	background-repeat: no-repeat; 
	}

#menu h6#beechwood {
	width: 374px;
	border-left: 1px solid #251b0d;
	background-image: none; 
	background-color: #7a6143;
	}

#menu h6#school {
	width: 167px;
	border-left: 1px solid #251b0d;
	}

#menu h6#family {
	width: 168px;
	border-left: 1px solid #251b0d;
	}

#menu h6#involvement {
	width: 230px;
	border-left: 1px solid #251b0d;
	}

#menu h6:hover {
	}

#menu :hover>h6 {
	background-image: url(../images/nav_over.jpg); 
	background-repeat: no-repeat; 
	}

#menu :hover>a h6 {
	background-image: url(../images/nav_over.jpg); 
	background-repeat: no-repeat; 
	}



	/* BUTTONS */


#menu ul#nav-school h6 { background-position: 0 0; }
#menu ul#nav-family h6 { background-position: -166px 0; }
#menu ul#nav-involvement h6 { background-position: -335px 0; }



	/* OVER STATES */


#menu ul#nav-school h6:hover { background-position: 0 0; cursor: pointer; }
#menu ul#nav-family h6:hover { background-position: -166px 0; cursor: pointer; }
#menu ul#nav-involvement h6:hover { background-position: -335px 0; cursor: pointer; }



	/* PRESSED STATES */


/* apply only if main buttons are active links
#menu ul#nav-school h6:active { background-position: 0 -77px; cursor: pointer; }
#menu ul#nav-family h6:active { background-position: -166px -77px; cursor: pointer; }
#menu ul#nav-involvement h6:active { background-position: -335px -77px; cursor: pointer; }
*/



	/* DROPUP MENUS */


#menu a#navlink {
	margin: 0;
	padding: 0;
	border: 0;
	height: 76px;
	background-color: #7a6143;
	outline: 0;
	}

#menu a {
	font: normal 1.10em/1.10em verdana, arial, helvetica, sans-serif; 
	display: block;
	margin: 0;
	padding: 6px 30px;
	height: 14px;
	color: #000;
	background: #cedabd;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	outline: 0;
	}

#menu a.rule {
	color: #000;
	background: #cedabd;
	text-decoration: none;
	padding: 4px 6px 8px 6px;
	border-left: 1px solid #7a6143;
	border-bottom: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	outline: 0;
	}

#menu a.captop {
	display: block;
	margin: 0;
	padding: 8px 30px 6px 30px;
	color: #000;
	background: #cedabd;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	border-top: 1px solid #7a6143;
	outline: 0;
	}

#menu a.capbot {
	display: block;
	margin: 0;
	padding: 6px 30px 10px 30px;
	color: #000;
	background: #cedabd;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	border-bottom: 2px solid #7a6143;
	outline: 0;
	}

#menu a.captopnbot {
	display: block;
	margin: 0;
	padding: 4px 6px 8px 6px;
	color: #000;
	background: #cedabd;
	text-decoration: none;
	border: 1px solid #7a6143;
	outline: 0;
	}

#menu a.tall {
	height: 29px;
	outline: 0;
	}

#menu a:hover {
	color: #fff;
	background: #3e7051;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	}

#menu a:active {
	color: #fff;
	background: #1e4e32;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	}

#menu li {
/* make the list elements a containing block for the nested lists */
	position: static;
	} 

#menu ul ul {
	position: absolute;
	z-index: 123;
	top: -139px;
	}

#menu ul#nav-school ul, 
#menu ul#nav-family ul {
	position: absolute;
	z-index: 123;
	top: -169px;
	}

#menu ul#nav-involvement ul {
	position: absolute;
	z-index: 123;
	top: -113px;
	}

#menu ul ul ul {
	top: 8px;
	left: 175px;
	}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: none;
	}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
	display: block;
	}



	/* SUB NAVIGATION */


#subnav {
	width: 938px;
	height: 68px;
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 2px solid #251b0d;
	background:#4A3516;
	z-index: 9998;
	}

#submenu {
	width: 100%
	height: 68px;
	background:#7A6143;
	border-bottom: 2px solid #251B0D;
	} 

#submenu ul#subnav-home { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 317px;
	float: left;
	display: inline;
	}

#submenu ul#subnav-school { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 144px;
	float: left;
	display: inline;
	}

#submenu ul#subnav-school ul { /* actual width of dropup menu */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 145px;
	}

#submenu ul#subnav-family { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 147px;
	float: left;
	display: inline;
	}

#submenu ul#subnav-family ul { /* actual width of dropup menu */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 148px;
	}

#submenu ul#subnav-involvement { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 207px;
	float: left;
	display: inline;
	}

#submenu ul#subnav-involvement ul { /* actual width of dropup menu */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 208px;
	}


#submenu h6 {
	display: block;
	border: 0;
	margin: 0;
	float: left;
	height: 0px;
	padding-top: 68px; 
	overflow: hidden; 
	background-image: url(../images/subnav_up.jpg); 
	background-repeat: no-repeat; 
	}

#submenu h6#beechwood {
	width: 318px;
	}

#submenu h6#school {
	width: 144px;
	border-left: 1px solid #251b0d;
	}

#submenu h6#family {
	width: 147px;
	border-left: 1px solid #251b0d;
	}

#submenu h6#involvement {
	width: 207px;
	border-left: 1px solid #251b0d;
	}

#submenu h6:hover {
	}

#submenu :hover>h6 { /* allows button to stay in over state */
	background-image: url(../images/subnav_over.jpg); 
	background-repeat: no-repeat; 
	}

#submenu :hover>a h6 { /* allows button to stay in over state when over drop menu and if button is a link */
	background-image: url(../images/subnav_over.jpg); 
	background-repeat: no-repeat; 
	}



	/* BUTTONS */


#submenu ul#subnav-home h6 { background-position: 0 0; }
#submenu ul#subnav-school h6 { background-position: -318px 0; }
#submenu ul#subnav-family h6 { background-position: -463px 0; }
#submenu ul#subnav-involvement h6 { background-position: -610px 0; }



	/* OVER STATES */


#submenu ul#subnav-home h6:hover { background-position: 0 0; cursor: pointer; }
#submenu ul#subnav-school h6:hover { background-position: -318px 0; cursor: pointer; }
#submenu ul#subnav-family h6:hover { background-position: -463px 0; cursor: pointer; }
#submenu ul#subnav-involvement h6:hover { background-position: -610px 0; cursor: pointer; }



	/* PRESSED STATES */


#submenu ul#subnav-home h6:active { background-position: 0 -69px; cursor: pointer; }
/* apply only if main buttons are active links
#submenu ul#subnav-school h6:active { background-position: -318px -69px; cursor: pointer; }
#submenu ul#subnav-family h6:active { background-position: -463px -69px; cursor: pointer; }
#submenu ul#subnav-involvement h6:active { background-position: -610px -69px; cursor: pointer; }
*/



	/* DROPUP MENUS */


#submenu a#navlink {
	margin: 0;
	padding: 0;
	border: 0;
	height: 68px;
	background-color: #7a6143;
	outline: 0;
	}

#submenu a {
	font: normal 1.00em/1.15em verdana, arial, helvetica, sans-serif; 
	display: block;
	margin: 0;
	padding: 6px 24px;
	height: 12px;
	color: #000;
	background: #cedabd;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	letter-spacing: 0.01em;
	outline: 0;
	}

#submenu a.rule {
	color: #000;
	background: #cedabd;
	text-decoration: none;
	padding: 4px 6px 8px 6px;
	border-left: 1px solid #7a6143;
	border-bottom: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	outline: 0;
	}

#submenu a.captop {
	display: block;
	margin: 0;
	padding: 8px 24px 6px 24px;
	color: #000;
	background: #cedabd;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	border-top: 1px solid #7a6143;
	outline: 0;
	}

#submenu a.capbot {
	display: block;
	margin: 0;
	padding: 6px 24px 10px 24px;
	color: #000;
	background: #cedabd;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	border-bottom: 2px solid #7a6143;
	outline: 0;
	}

#submenu a.captopnbot {
	display: block;
	margin: 0;
	padding: 4px 6px 8px 6px;
	color: #000;
	background: #cedabd;
	text-decoration: none;
	border: 1px solid #7a6143;
	outline: 0;
	}

#submenu a.tall {
	height: 26px;
	outline: 0;
	}

#submenu a:hover {
	color: #fff;
/*	background: #3f7052; other dark grn 3e7051
	background: #1a9d6e; bright green 
*/	background: #3e7051;
text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	}

#submenu a:active {
	color: #fff;
	background: #1e4e32;
	text-decoration: none;
	border-left: 1px solid #7a6143;
	border-right: 1px solid #7a6143;
	}

#submenu li {
/* make the list elements a containing block for the nested lists */
	position: static;
	} 

#submenu ul ul {
	position: absolute;
	z-index: 123;
	top: -127px;
	}

#submenu ul#subnav-school ul, 
#submenu ul#subnav-family ul {
	position: absolute;
	z-index: 123;
	top: -155px;
	}

#submenu ul#subnav-involvement ul {
	position: absolute;
	z-index: 123;
	top: -103px;
	}

#submenu ul ul ul { /* for second level flyouts */
	top: 8px;
	left: 175px;
	}

div#submenu ul ul,
div#submenu ul li:hover ul ul,
div#submenu ul ul li:hover ul ul {
	display: none;
	}

div#submenu ul li:hover ul,
div#submenu ul ul li:hover ul,
div#submenu ul ul ul li:hover ul {
	display: block;
	}








.alt {
	display: none;
	}


	/* © 2008 Designed by Threestory Studio */