/* CSS Document */
body {
	background-color: #D7D7D7;
	background-image: url(/images/bgpg.gif);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;	
}


/* ------- WRAPPERS ------- */
#outerWrapper {
	margin:0 auto;
	width:691px;
	text-align: left;
	padding-top: 12px;
}

#top {
	width:691px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#innerWrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	width: 691px;
	padding-right: 0px;
	padding-left: 0px;
	border: 2px solid #ffffff;
	background-image: url(images/bg1.gif);
	background-color: #E9F9FF;
	background-position: right bottom;
	background-repeat: no-repeat;
	z-index:1;
}

#contentdiv {
	position:relative;
	left: 6px;
	width:680px;
	z-index:3;
	font: 1em Verdana, sans-serif; border-bottom-width: 0;
	line-height: 1.6em;
}

#contentdiv p {margin-bottom: 1.7em;}

#contentdiv h1 {font: 1.22em; padding-top: 0.2em; padding-bottom: 0.75em; border-bottom: 1px dashed #B2B2B2;}
#contentdiv h1 a {color: #333;}
#contentdiv h1 a:hover {color: #000;}
#contentdiv h1 em {font-style: normal;}
#contentdiv .title {font-size: 1.22em;}

#contentdiv h2 {font: 1em; padding-bottom: 0.2em; border-bottom: 1px dashed #B2B2B2;}
#contentdiv h2 a {color: #333;}
#contentdiv h1 a:hover {color: #000;}
#contentdiv h1 em {font-style: normal;}
#contentdiv .subtitle {font-size: 1em;}

/* ------- MENU ------- */
#MENUB {
	position: relative;
	top: 0px;
	left: 0;
	width: 691px;
	height: 22px;
	background-color: #000000;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 0px solid #ffffff;
}

#menub2 a { position: absolute; height: 22px; width: 60px; text-decoration: none;  background-color: #000000; background-repeat: no-repeat; }
#menub2 a i { visibility: hidden; }

a#links { left: 352px; background-image: url(images/links.png);}
a#fundraising { left: 290px; background-image: url(images/fundraising.png);}
a#renovation { left: 211px;  background-image: url(images/renovation.png); }
a#trustees { left: 121px; width: 70px; background-image: url(images/trustees.png); }
a#history { left: 55px; background-image: url(images/history.png);}
a#home { left: 0px; background-image: url(images/home.png);} 

a#links:hover { background-image: url(images/linksroll.png); }
a#fundraising:hover { background-image: url(images/fundraisingroll.png); }
a#renovation:hover { background-image: url(images/renovationroll.png); }
a#trustees:hover { background-image: url(images/trusteesroll.png); }
a#history:hover { background-image: url(images/historyroll.png); }
a#home:hover { background-image: url(images/homeroll.png); }

a#links:hover,
a#fundraising:hover,
a#renovation:hover, 
a#trustees:hover, 
a#history:hover,  
a#home:hover, 

/* TEXT AREA SCROLLER */

#playlist tbody tr td { background-color: #eee; }
#playlist tbody tr.odd  td { background-color: #fff; }

#playlist {
		border: 1px solid #666666;
		width: 679px;
	}

	#playlist tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}
	
	#playlist tbody tr.selected td {
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}