* {
	font-family: Arial, Helvetica, sans-serif;
}

HTML {
	height: 100%;
}

BODY {
	/* to center the body or add a body background
	image, add the styles directly in the template
	head or body tag. Adding it here will affect
	the body alignment in SitePress edit mode! */
	margin: 0;
	height: 100%;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #111111;
}

BR.clearAll {
	font: 1px/1px monospace;
	display: block;
	clear: both;
}

P { margin:10px 0; }
P:first-child { margin-top:0; }

A:link, A:visited, 
A:hover, A:active {
	color:#9E7D2D;
}


/* HEADINGS ------------------------------------------------------ */
H1 {
	font-size: 28px;
	font-weight: normal;
	line-height:1em;
	margin:10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
}

H2 {
	font-size: 20px;
	font-weight: normal;
	line-height:1em;
	margin:10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

H3 {
	font-size: 14px;
	font-weight: normal;
	line-height:1em;
	margin:10px 0;
}

H1:first-child, H2:first-child, H3:first-child {
	margin-top:0;
}

/* MAIN LAYOUT --------------------------------------------------- */

/* PAGE */
.page {
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 970px;
	text-align: left;
}



/*	HEADER	*/
.header {
	clear:both;
	width: 970px;
	height:154px;
}

IMG.title {
	float:left;
	margin:8px 0 0 -65px;
	padding:0;
	position:relative;
}

IMG.slogan {
	float:right;
	margin:28px 20px 0 0;
	padding:0;
}

.tabs {
	float:right;
	height:34px;
	width:320px; /* 408px */
	z-index:100;
	margin:13px 0 0 0; /* margin:-29px 0 0 147px; */
	padding:0;
	overflow:hidden;
}

.tabs A {
	float:left;
	margin:0;
	padding:0;
}

A.tabBlog {
	background-image:url("/img/tabBlog.gif");
	display:block;
	width:62px;
	height:34px;
 	text-indent:-200px;
	overflow:hidden;
	margin:0 5px 0 0;
}

A.tabScrapbook {
	background-image:url("/img/tabScrapbook.gif");
	display:block;
	width:120px;
	height:34px;
 	text-indent:-200px;
	overflow:hidden;
	margin:0 5px 0 0;
}

A.tabHouseTour {
	background-image:url("/img/tabHouseTour.gif");
	display:block;
	width:128px;
	height:34px;
 	text-indent:-200px;
	overflow:hidden;
	margin:0; /* margin:0 5px 0 0; */
}

/*A.tabLogin {
	background-image:url("/img/tabLogin.gif");
	display:block;
	width:83px;
	height:34px;
 	text-indent:-200px;
	overflow:hidden;
}*/

.page_blog A.tabBlog { background-image:url("/img/tabBlog_selected.gif"); }
.page_scrapbook A.tabScrapbook { background-image:url("/img/tabScrapbook_selected.gif"); }
.page_house_tour A.tabHouseTour { background-image:url("/img/tabHouseTour_selected.gif"); }


/*	CONTENT	*/
.content {
	clear:both;
	margin: 25px 0 0 0;
	min-height: 500px;
	overflow: hidden;
}



.slideshow {
	margin: 0 auto;
	width: 560px;
	text-align: center;
}
.slideshow DIV {
	background: transparent !important;
}
.slideshow .frameTitle,
.slideshow .frameTitle * {
	//* ie fix for the opacity anim. */background: #FCF9F1;
}



.contentArea {
	float: left;
	width: 380px;
	text-align: left;
}
.slideshowArea {
	float: right;
	width: 580px;
	text-align: center;
}
#DetailSlides {
	text-align: center;
	margin: 0 auto;
}
#DetailSlides DIV:first-child {
	position: relative !important;
	margin: 0 auto;
}

/* To keep the slides from overlapping bottom right image */
.page_members #DetailSlides DIV,
.page_accomplishments #DetailSlides DIV {
	background:transparent !important;
}
/* To keep the slides from doing ugly stuff on transition due to transparency */
.page_accomplishments #DetailSlides DIV.contentArea { background-color: #fcf9f1 !important; }
.page_members #DetailSlides DIV.slideshowArea { background-color: #fcf9f1 !important; } 


.page_alumnae .content {
	min-height: 650px;
}

.page_accomplishments .content {
	min-height: 560px;
}

.NavItemSelected {
	font-weight: bold;
}


.frame1 {
	width:500px;
	height:300px;
	overflow:hidden;
	padding:40px;
	background:url("/img/frame1.jpg");
	text-align:center;
}
.stretch_frame * {
	padding:0;
}
.stretch_frame IMG {
	display: block;
	border:0;
}
.stretch_frame_content {
	background: #111111;
}

.frameLabel {
	margin:-48px 0 0 0;
}
.frameLabel SPAN {
	display:block;
	position:relative;
	margin:-40px 0 0 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}


A.framePrevButton,
A.frameNextButton {
	color: #9E7D2D;
	text-decoration: none;
	padding: 5px;
}



/*	FOOTER	*/
.footer {
	clear: both;
	font-size:10px;
	margin:30px 0 0 0;
	padding:0 0 20px 0;
}

/* NAVIGATION */
.nav {
	float:right;
	margin:10px 0 0 0;
	height:28px;
	font-size:14px;
}

.nav A:link, .nav A:hover, 
.nav A:visited, .nav A:active {
	color:#e6c77d;
	text-decoration:none;
}
.nav A:hover {
	/*color:#fcf9f1;*/
	text-decoration:underline;
}

.nav UL { 
	list-style-type:none;
	margin:0;
	padding:0;
}
	
.nav UL LI {
	display:block;
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 17px;
	background:url("/img/diamond.gif") left center no-repeat;
}

.nav UL LI.first {
	padding-left:0;
	background-image:none;
}
	
.nav UL LI.selected A {
	color:#fcf9f1;
	text-decoration:none;
}

/* EDITOR */
.editor TABLE {
	width:auto;
}
.editor TABLE TD {
	padding: 5px;
	border: 1px dotted #EDDEBD;
	vertical-align: top;
	text-align: left;
}


.recordPageNav {
	padding: 0 0 10px 0;
	color: #EDDEBD;
}
.recordPageNav A {
	background: #EDDEBD;
	color: #6E5F40;
	padding: 0 5px;
	text-decoration: none;
	border: 0;
}
.recordPageNav B {
	color: #000000;
}