@charset "UTF-8";
/* CSS Document */

/*****************************************************************************
	GENERAL STYLES
*****************************************************************************/
body {
	background-color:	#FFF;
 	margin:				0px auto;
	padding:			0px;
	text-align:			center;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:				0px;
	padding:			0px;
}

.section_header {
	border-width:		0px;
	display:			block;
	height:				25px;
	margin-top:			20px;
}
.section_header_tall {
	height:				38px;
}
.section_subheader {
	border-width:		0px;
	display:			block;
	height:				15px;
	margin-top:			20px;
}

.list_header {
	font-weight:		bold;
}

.page_pic_div {
	width:				100%;
	text-align:			center;
}
.page_pic_div img {
	border-width:		0px;
	display:			block;
	margin:				0 auto;
}

ol {
	margin-left: 		20px;
}

/*****************************************************************************
	MAIN TEMPLATE STYLES
*****************************************************************************/
#container {
	background-image:		url(../images/graphics/bg_08.jpg);
	background-repeat:		repeat-y;
	background-position:	left top;
	width:					1000px;
	margin:					0px auto;
	text-align:				center;
}
#container:after {
	clear:					both;
 	content:				".";
	display:				block;
	height:					0;
	visibility:				hidden;
}


#top {
	background-image:		url(../images/graphics/header_new.jpg);
	background-color:		#a2d078;
	height:					78px;
	width:					1000px;
	font-weight:			bold;
	color:					white;
}

#nav {
	background-color:		#FFF;
	height:					40px;
 	width:					1000px;
	overflow:				visible;
}

#main {
	width: 					1000px;
	text-align:				left;
}

/* left_column */
#left_column				{ width: 200px; float: left; }
#left_column div			{ padding: 20px; }
#left_column div img, #left_column div div
							{ border: 1px solid #a2d078; background-color: #FFFFFF; }
#left_column div div		{ margin-bottom: 10px; }

/* center_column */
#center_column				{ width: 600px; margin-left: 200px; background-color:#FFFFFF; }
#center_column .main_div	{ padding: 20px; }
#center_column h2			{ width: 100%; text-align: center; }
#center_column h4			{ margin-top: 20px; }
#center_column p			{ margin-top: 10px; text-indent: 0em; }
#center_column ul			{ padding-left: 20px; }

/* right_column */
#right_column				{ width: 200px; float: right; padding: 0px; }
#right_column div			{ padding: 20px; }
#right_column div img, #right_column div div
							{ border: 1px solid #a2d078; background-color: #FFFFFF; }
#right_column div div		{ margin-bottom: 10px; }

#footer {
	background-color:		#a2d078;
	clear:					both;
	color:					#FFFFFF;
	float:					left;
	font-weight:			bold;
	font-size:				10pt;
 	width:					1000px;
}
#footer p { margin-bottom: 5px; }
#footer p a,
#footer p a:active,
#footer p a:visited {
	color:				#FFFFFF;
}
#footer p a:hover {
	color:				#DDDDFF;
	font-weight:		bold;
	text-decoration:	none;
}

#logo {
	height:			43px;
	float:			left;
	margin-top:		1px;
	margin-left:	5px;
}
#mailing_list_button img	{
	float:			right;
	height:			35px;
	border-width:	0px;
	margin-top:		6px;
	margin-right:	5px;
}

/*****************************************************************************
	MAIN NAV STYLES
*****************************************************************************/
.nav_links {
	clear:				left;
	float:				left;
	list-style-type:	none;
	position:			relative;
	left:				50%;
	vertical-align:		middle;
}

.nav_links li {
	display:			block;
	float:				left;
	list-style:			none;
	position:			relative;
	right:				50%;
}

.nav_links li a {
	display:			block;
	padding:			3px 13px;
	color:				#FFF;
	text-decoration:	none;
	line-height:		1.3em;
}

.nav_links li a img {
	border-width:		0px;
	height:				33px;
}

.nav_links li.navlink1 a img.nav_link_image			{ height: 16px;	margin-top: 10px; }
.nav_links li.navlink1 a img.nav_link_image_ro		{ height: 16px;	margin-top: 10px; }

/*
.nav_links li.navlink1 a img.nav_link_image			{ width: 59px;	margin-top: 10px; }
.nav_links li.navlink2 a img.nav_link_image			{ width: 101px; }
.nav_links li.navlink3 a img.nav_link_image			{ width: 98px;  }
.nav_links li.navlink4 a img.nav_link_image			{ width: 147px; } 
.nav_links li.navlink5 a img.nav_link_image			{ width: 111px; }
.nav_links li.navlink6 a img.nav_link_image			{ width: 160px; }
.nav_links li.navlink7 a img.nav_link_image			{ width: 84px;  }
.nav_links li.navlink1 a img.nav_link_image_ro		{ width: 59px;	margin-top: 10px; }
.nav_links li.navlink2 a img.nav_link_image_ro		{ width: 101px; }
.nav_links li.navlink3 a img.nav_link_image_ro		{ width: 98px;  }
.nav_links li.navlink4 a img.nav_link_image_ro		{ width: 147px; }
.nav_links li.navlink5 a img.nav_link_image_ro		{ width: 111px; }
.nav_links li.navlink6 a img.nav_link_image_ro		{ width: 160px; }
.nav_links li.navlink7 a img.nav_link_image_ro		{ width: 84px;  }
*/

img.nav_link_image_ro {
	display: none;
}

ul.nav_links li ul { /* second-level lists */
	position: absolute;
	list-style:none;
	margin-left:15px;
	padding-left:0;
	background:#d7e7f6;
	left: -999em; /* using left instead of display to hide menus because
	display: none isn't read by screen readers */
}

ul.nav_links li:hover ul, #nav li.sfhover ul { /* lists nested under
	hovered list items */
	left: auto;
	z-index:1000000;
}

ul.nav_links li ul li {margin:0; float:none; white-space: nowrap; left: auto; right: auto;}

ul.nav_links li ul li a { padding-left:5px; padding-right:10px; color: #0054a6; }

ul.nav_links ul li a:hover {
	background-color:#fff;
	color:#0054a6;
}

/*

button width calculations

366
265
257
384
291
418
219
= 2200
0.38181818181818181818181818181818

// */

/*****************************************************************************
	LEFT SIDEBAR NAV STYLES
*****************************************************************************/
.left_nav_div {
	margin-top:			10px;
}

.nav_links_left {
	list-style-type:	none;
	vertical-align:		middle;
}

.nav_links_left li {
	display:			block;
	list-style:			none;
}

.nav_links_left li a {
	display:			block;
	text-decoration:	none;
	line-height:		1.3em;
}

.nav_links_left li a img {
	border-width:		0px;
}

/*****************************************************************************
	LANDING PAGE STYLES
*****************************************************************************/
body#index #center_column {
	background-image:		url(../images/graphics/bg_08.jpg);
	background-repeat:		repeat-y;
	background-position:	left top;
	height:					580px;
	width:					1000px;
	margin-left:			0px;
	position:				relative;
}

body#index #center_column * {
	border-width:			0px;
	font-weight:			bold;
	position:				absolute;
}

body#index #donate_button img	{ top: 67px;	left: 689px;	width: 257px; z-index: 10000; }
body#index #video_button img	{ top: 373px;	left: 726px;	width: 180px; z-index: 10000; }
body#index #spanish_button img	{ top: 438px;	left: 762px;	width: 109px; z-index: 10000; }
body#index #sponsor_button img	{ top: 503px;	left: 746px;	width: 140px; z-index: 10000; }
body#index #pins_image			{ top: 50px;	left: 30px;		width: 575px; z-index: 10000; }
body#index #nolimits_image		{ top: 10px;	left: 125px;	width: 360px; z-index: 10000; }
body#index #anonprofit_image	{ top: 485px;	left: 159px;	width: 440px; z-index: 10000; }
body#index #flash_slideshow		{ top: 50px;	left: 0px;		z-index: 0; }

/*****************************************************************************
	PHOTO GALLERY PAGE STYLES
*****************************************************************************/
.photo_gallery_table td {
	padding:		11px;
}

.photo_gallery_nav_links li a,
.photo_gallery_nav_links li a:active,
.photo_gallery_nav_links li a:visited {
	color:			#1111FF;
	font-weight:	bold;
}

.photo_gallery_nav_links li a:hover {
	color:			#7777FF;
	font-weight:	bold;
}


.room_guide_div {
	text-align:		center;
	margin-top: 	20px;
}
body#photo_gallery_room_guide .room_guide_div h4 {
	margin-top: 	5px;
}

/*****************************************************************************
	UPCOMING EVENT PAGE STYLES
*****************************************************************************/
body#upcoming_events h3 {
	margin-top:		20px;
}

.event_title {
	font-weight: 	bold;
}

body#upcoming_events #center_column li {
	margin-top:		10px;
}

#accordion h3 a img {
	height:			20px;
	border-width:	0px;
}

/*****************************************************************************
	THEATER PROGRAM PAGE STYLES
*****************************************************************************/
.theater_program_nav_links li a,
.theater_program_nav_links li a:active,
.theater_program_nav_links li a:visited {
	color:				#FF7C00;
	font-weight:		bold;
}

.theater_program_nav_links li a:hover {
	color:				#FFB100;
	font-weight:		bold;
}

/*****************************************************************************
	THEATER EDUCATIONAL MATERIALS PAGE STYLES
*****************************************************************************/
body#theatre_educational_materials #center_column {
	height:			400px;
}

/*****************************************************************************
	CONTACT PAGE STYLES
*****************************************************************************/
body#contact_us td {
	vertical-align:	top;
	padding-left:	5px;
	padding-right:	5px;
}

body#contact_us .radio {
	margin-right:	5px;
}

body#contact_us textarea {
	width: 			400px;
	height:			150px;
}

/*****************************************************************************
	FEATURED EVENT STYLES
*****************************************************************************/
body#featured_event .page_pic_div {
	margin-top:		10px;
}

/*****************************************************************************
	SITE MAP STYLES
*****************************************************************************/
body#site_map #center_column {
	padding-top:	20px;
	padding-bottom:	20px;
}

/*****************************************************************************
	TEMPORARY STYLES
*****************************************************************************/
body#video_gallery #center_column {
	height:			400px;
	padding-top:	40px;
}
body#join_mailing_list #center_column {
	height:			400px;
	padding-top:	40px;
}
/*
// */