body {
	margin: 0;
	padding: 0;
	background: #fff url("images/header_bg.gif") repeat-x;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	}
#content-container {
	margin-left: 260px;
	background:  url("images/insidenav/insnavspcrright.gif") bottom right no-repeat;
	}
#main-content {
	float: right;
	width: 100%;
	background: url("images/right_side.gif") top right no-repeat;
	}
#main-content .pad {
	width: 445px;
	margin: 0 0 30px 275px;
	background: url("images/content_bg.gif") 150px 0px repeat-y;
	}
/* Set a class of wide on pages that need to stretch. */
body.wide #main-content .pad {
	width: auto;
	margin: 0 0 30px 0;
	padding: 0 80px 0 20px; /* FF doesn't like side margin when width is set to auto, so we use padding here instead */
	}
#secondary-content {
	position: relative;
	float: left;
	width: 260px;
	margin-left: -260px;
	}

/* MAIN NAV ---------------------------------------------- */
#mainnav {
	position: relative;
	width: 260px;
	height: 203px;
	background: url("images/mainnav.gif");
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	}
#mainnav li {
	position: absolute;
	margin: 0; 
	padding: 0;
	}
#mainnav li, #mainnav a {
	height: 15px; 
	display: block;
	}
#mainnav-home {
	top: 72px;
	left: 20px;
	width: 36px;
	}
#mainnav-about {
	top: 14px;
	left: 58px;
	width: 150px;
	}
#mainnav-schedule {
	top: 46px;
	left: 67px;
	width: 160px;
	}
#mainnav-music {
	top: 74px;
	left: 138px;
	width: 110px;
	}
#mainnav-theater {
	top: 103px;
	left: 77px;
	width: 170px;
	}
#mainnav-recordings {
	top: 133px;
	left: 99px;
	width: 150px;
	}
#mainnav-donate {
	top: 162px;
	left: 166px;
	width: 80px;
	}
#mainnav-contact {
	top: 188px;
	left: 137px;
	width: 80px;
	}
/* The following styles set rollovers and you are here indicators. */
#mainnav-home a:hover, body#pg-home #mainnav-home a {
	background: url(images/mainnav.gif) -20px -275px no-repeat;
	/* The first value comes from the left value of the unhovered link. The second value comes from the height of the whole unhovered image (203px) plus the top value of the unhovered link. */
	}
#mainnav-about a:hover, body#pg-about #mainnav-about a {
	background: url(images/mainnav.gif) -58px -217px no-repeat;
	}
#mainnav-schedule a:hover, body#pg-schedule #mainnav-schedule a {
	background: url(images/mainnav.gif) -67px -249px no-repeat;
	}
#mainnav-music a:hover, body#pg-music #mainnav-music a {
	background: url(images/mainnav.gif) -138px -277px no-repeat;
	}
#mainnav-theater a:hover, body#pg-theater #mainnav-theater a {
	background: url(images/mainnav.gif) -77px -306px no-repeat;
	}
#mainnav-recordings a:hover, body#pg-recordings #mainnav-recordings a {
	background: url(images/mainnav.gif) -99px -336px no-repeat;
	}
#mainnav-donate a:hover, body#pg-donate #mainnav-donate a {
	background: url(images/mainnav.gif) -166px -365px no-repeat;
	}
#mainnav-contact a:hover, body#pg-contact #mainnav-contact a {
	background: url(images/mainnav.gif) -137px -391px no-repeat;
	}

/* SECONDARY NAV ----------------------------------------- */
#secondary-content h2 {
	margin: 0 20px 0 0;
	padding: 0 15px;
	border-bottom: 2px solid #000;
	color: #000;
	font-size: 100%;
	font-style: italic;
	}
#secnav {
	margin: 0 20px 50px 30px;
	padding: 0;
	list-style: none;
	}
#secnav li {
	margin: .4em 0 0 0;
	padding:0;
	}
#secnav a {
	display: block;
	padding: 0 0 0 15px;
	background: url(images/secnav_off.gif) no-repeat 0em .15em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	}
#secnav a:hover {
	background: url(images/secnav_hover.gif) no-repeat 0em .15em;
	color: #000;
	}
#secnav li ul {
	list-style: disc;
	color: #c90;
	}
#secnav li li a {
	padding: 0;
	background: none;
	color: #c90;
	font-weight: normal;
	}
#secnav li li a:hover {
	background: none;
	color: #D1C432;
	}
	#secnavdetail li{
	font-size: smaller;
	color: #FFFF00;
	list-style-type: none;
}

/* TEXT -------------------------------------------------- */
h2 {
	color: #4E1766;
	font-family: "Palatino Linotype", "Times New Roman", Times, serif;
	font-size: 150%;
	}
h3 {
	font-size: 100%;
	color: 4e1766;
	}
h4 {
	font-size: 100%;
	color: #CC0000;
	}
blockquote {
	font-weight: bold;
	}
blockquote .source {
	font-weight: normal;
	}

/* IMAGES ------------------------------------------------ */
.right {
	float: right;
	clear: right;
	margin: 0 0 1em 1.5em;
	}

.secnavdetail {
}
#secnav li ul {
}
.table {
	margin-left: 266px;
}
.tab {
	background-color: #FFFFFF;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat;
	float: right;
}