@charset "UTF-8";

html { min-height: 100%; margin-bottom: 1px; }

body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	border: 0;
	color: #000000;
}

a {
	color: red;
	text-decoration:none;
}

a:hover, a:focus {
text-decoration:underline;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align: left;
margin: 0;
padding-top:10px;
}

#container {
	width: 1064px;
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
} 
#header { 
	height: 100px;
	background: #000000; 
	padding: 0;
	margin: 0;
} 

#subnavbar1 { 
	height: 37px;
	background: url(images/subnavbar1.jpg) no-repeat 0 0; 
	margin: 0;
	list-style:none;
} 


#subnavbar_inner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #333333;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 130px;
} 

#subnavbar_inner a { 
color: red;
}

#subnavbar_inner a:hover, #subnavbar_inner a:focus { 
color: red;
text-decoration:underline;
}

#navbar ul {
list-style:none;
}


#navbar_dropshadow {
	background: url(images/_video_images/nav_dropshadow.jpg) no-repeat 0 0;
	height: 10px;
	width: 1064px;
}

#navbar_dropshadow2 {
	background: url(images/_video_images/nav_dropshadow2.jpg) no-repeat 0 0;
	height: 10px;
	width: 1064px;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0;
	color: #FFFFFF;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#title_blog {
	height: 80px;
	width: 121px;
	margin: 0px;
	text-indent: -2000em; /* Hides the text in the h1 tag */
	text-decoration: none; /* Hides the underline of the hyperlink */
	z-index: 1000; /* IE Fix*/
	background: url(images/Blog_title.jpg) 0 0 no-repeat; /* The pathway to the image*/
}

/* --3 columns of homepage -- */

.sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 197px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 458px;
	overflow:hidden;
	padding: 0; 
	margin: 0;
	background:url(images/curtain_top_left.jpg) 0 0;
	background-repeat:no-repeat;
	position:relative;
}
.sidebar1b {
	float: left; /* since this element is floated, a width must be given */
	width: 197px;
	padding: 0;
}
.sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 199px;
	background: #000000;
	padding: 0;
}
.mainContent { 
	margin: 0 199px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 50px 30px 0px;
} 

.content {
	width: 668px;
	margin-top: 0;
	margin-right: 199px;
	margin-bottom: 0;
	margin-left: 197px;
} 

.inner_content {
	background-color:#FFFFFF;
	padding: 0 55px 0 55px;
} 
.inner_content_vision2 {
	padding: 0 55px 0 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;
} 

/* -- about us sidebars -- */

.inner_sidebar_aboutus {
	float: left;
	width: 197px;
	background-image: url(images/glow_lights/left_glow_blue.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -5000px;
	margin-left: 0;
	padding: 0 0 5000px 0;
}
.inner_sidebar_aboutus2 {
	float: right; /* since this element is floated, a width must be given */
	width: 199px;
	background-color: #000000;
	background-image: url(images/glow_lights/rt_glow_blue.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-bottom: -5000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5000px;
	padding-left: 0;
}

/* -- performance sidebars -- */

.inner_sidebar_perf {
	float: left;
	width: 197px;
	background-image: url(images/glow_lights/left_glow_violet.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -5000px;
	margin-left: 0;
	padding: 0 0 5000px 0;
}
.inner_sidebar_perf2 {
	float: right; /* since this element is floated, a width must be given */
	width: 199px;
	background-color: #000000;
	background-image: url(images/glow_lights/rt_glow_violet.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-bottom: -5000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5000px;
	padding-left: 0;
}

/* -- education sidebars -- */

.inner_sidebar_edu {
	float: left;
	width: 197px;
	background-image: url(images/glow_lights/left_glow_teal2.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -5000px;
	margin-left: 0;
	padding: 0 0 5000px 0;
}
.inner_sidebar_edu2 {
	float: right; /* since this element is floated, a width must be given */
	width: 199px;
	background-color: #000000;
	background-image: url(images/glow_lights/rt_glow_teal2.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-bottom: -5000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5000px;
	padding-left: 0;
}

/* -- pressroom sidebars -- */

.inner_sidebar_press {
	float: left;
	width: 197px;
	background-image: url(images/glow_lights/left_glow_gold.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -5000px;
	margin-left: 0;
	padding: 0 0 5000px 0;
}
.inner_sidebar_press2 {
	float: right; /* since this element is floated, a width must be given */
	width: 199px;
	background-color: #000000;
	background-image: url(images/glow_lights/rt_glow_gold.jpg); 
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-bottom: -5000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5000px;
	padding-left: 0;
}
/* -- donate sidebars -- */

.inner_sidebar_donate1 {
	float: left;
	width: 197px;
	background-image: url(images/glow_lights/left_glow_gold.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -2000px;
	margin-left: 0;
	padding: 0 0 2000px 0;
	overflow: hidden;
}
.inner_sidebar_donate2 {
	float: right; /* since this element is floated, a width must be given */
	width: 199px;
	background-color: #000000;
	background-image: url(images/glow_lights/rt_glow_gold2.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-bottom: -2000px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2000px;
	padding-left: 0;
	overflow: hidden;
}

/* -- footer elements -- */

.home_footer { 
	margin: 50px 199px 0 197px;
	padding: 0px 10px;
} 

.inner_footer {
	height: 120px;
	width: 668px;
	margin: 0 199px 0 0;
	padding: 25px 0px 10 0px;
	text-align:center;
	float: left;
	background-color: #000000;
} 


.footer {
	padding: 0 0 0 20px;
	background:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.8em;
	font-weight: lighter;
	color: #8C8C8C;
	background-position: center;
	text-align: center;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}



/*homepage navbar rules */

#navbar {
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 914;
	list-style: none;
}

#navbar_container { 
	height: 37px;
	background: url(images/navbar_background.jpg) no-repeat 0 0; 
	padding: 0;
	margin: 0;
	list-style:none;
} 

#navbar li {
	float: left;
}

#navbar a {
	text-decoration: none;
	display: block;
	height: 37px;
	width: 914;
	text-indent: -5000px;
	background-image: url(images/navbar.jpg);
	background-repeat: no-repeat;
}

#navbar #home {
	background-position: 0px 0px;
	width: 131px;
}
#navbar #home:hover, #navbar #home:focus {
	background-position: 0 -37px;
}

#navbar #performance {
	background-position: -131px 0px;
	width: 162px;
}
#navbar #performance:hover, #navbar #performance:focus {
	background-position: -131px -37px;
}

#navbar #education {
	background-position: -293px 0;
	width: 142px;
}
#navbar #education:hover, #navbar #education:focus {
	background-position: -293px -37px;
}

#navbar #blog{
	background-position: -435px 0px;
	width: 102px;
}
#navbar #blog:hover, #navbar #blog:focus {
	background-position: -435px -37px;
}

#navbar #video{
	background-position: -537px 0px;
	width: 108px;
}
#navbar #video:hover, #navbar #video:focus {
	background-position: -537px -37px;
}

#navbar #donate{
	background-position: -645px 0px;
	width: 120px;
}
#navbar #donate:hover, #navbar #donate:focus {
	background-position: -645px -37px;
}

#navbar #pressroom {
	background-position: -765px 0px;
	width: 149px;
}
#navbar #pressroom:hover, #navbar #pressroom:focus {
	background-position: -765px -37px;
}


/*navbar rules for pages with sideglows*/

#navbartwo {
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 914;
	list-style: none;
}
#navbartwo_container { 
	height: 37px;
	background: url(images/navbar2_background.jpg) no-repeat 0 0; 
	padding: 0;
	margin: 0;
	list-style:none;
} 

#navbartwo li {
	float: left;
}

#navbartwo a {
	text-decoration: none;
	display: block;
	height: 37px;
	width: 914;
	text-indent: -5000px;
	background-image: url(images/navbar2.jpg);
	background-repeat: no-repeat;
}
#navbartwo #home {
	background-position: 0px 0px;
	width: 131px;
}
#navbartwo #home:hover, #navbartwo #home:focus {
	background-position: 0 -37px;
}

#navbartwo #performance {
	background-position: -131px 0px;
	width: 162px;
}
#navbartwo #performance:hover, #navbartwo #performance:focus {
	background-position: -131px -37px;
}

#navbartwo #education {
	background-position: -293px 0;
	width: 142px;
}
#navbartwo #education:hover, #navbartwo #education:focus {
	background-position: -293px -37px;
}

#navbartwo #blog{
	background-position: -435px 0px;
	width: 102px;
}
#navbartwo #blog:hover, #navbartwo #blog:focus {
	background-position: -435px -37px;
}

#navbartwo #video{
	background-position: -537px 0px;
	width: 108px;
}
#navbartwo #video:hover, #navbartwo #video:focus {
	background-position: -537px -37px;
}

#navbartwo #donate{
	background-position: -645px 0px;
	width: 120px;
}
#navbartwo #donate:hover, #navbartwo #donate:focus {
	background-position: -645px -37px;
}

#navbartwo #pressroom {
	background-position: -765px 0px;
	width: 149px;
}
#navbartwo #pressroom:hover, #navbartwo #pressroom:focus {
	background-position: -765px -37px;
}


/* navbar for pages with no curtains and no submenu */

#navbar3_container { 
	height: 37px;
	background: url(images/donate_navbar/navbar3_background.jpg) no-repeat 0 0; 
	padding: 0;
	margin: 0;
	list-style:none;
} 

#navbar3 a {
	text-decoration: none;
	display: block;
	height: 37px;
	width: 1064;
	text-indent: -5000px;
	background-image: url(images/donate_navbar/navbar.jpg);
	background-repeat: no-repeat;
}


#navbar3 {
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 1064;
	list-style: none;
}

#navbar3 li {
	float: left;
}

#navbar3 #spacer {
	background-position: 0px;
	width: 100px;
}
#navbar3 #home:hover, #navbar3 #home:focus {
	background-position: -100px -37px;
}

#navbar3 #home {
	background-position: -100px 0px;
	width: 131px;
}
#navbar3 #home:hover, #navbar3 #home:focus {
	background-position: -100 -37px;
}

#navbar3 #performance {
	background-position: -231px 0px;
	width: 162px;
}
#navbar3 #performance:hover, #navbar3 #performance:focus {
	background-position: -231px -37px;
}

#navbar3 #education {
	background-position: -393px 0;
	width: 142px;
}
#navbar3 #education:hover, #navbar3 #education:focus {
	background-position: -393px -37px;
}

#navbar3 #blog{
	background-position: -535px 0px;
	width: 102px;
}
#navbar3 #blog:hover, #navbar3 #blog:focus {
	background-position: -535px -37px;
}

#navbar3 #video{
	background-position: -637px 0px;
	width: 108px;
}
#navbar3 #video:hover, #navbar3 #video:focus {
	background-position: -637px -37px;
}

#navbar3 #donate{
	background-position: -745px 0px;
	width: 120px;
}
#navbar3 #donate:hover, #navbar3 #donate:focus {
	background-position: -745px -37px;
}

#navbar3 #pressroom {
	background-position: -865px 0px;
	width: 149px;
}
#navbar3 #pressroom:hover, #navbar3 #pressroom:focus {
	background-position: -865px -37px;
}





/* lower text area rules */

#lowertext ul {
list-style:none;
}

#lowertext {
background:url(images/lowertext.jpg) no-repeat 0 0;
height:128;
width:1064;
padding:0;
margin:0;
list-style:none;
}


#teaser {
	float:left;
	padding-top: 0px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 60px;
	width: 550px;
	height: 129px;
	text-align: left;
	overflow: hidden;
}

#teaser p {
	color:#9A928A;
	font-size: 0.9em;
	line-height: 1.6em;
	font-weight: normal;
}

/* -- What's New, Join Our List, and info for Funders buttons -- */

#events_and_list_container {
width: 265;
height:129;
float: left;
}

#events_and_list {
	float:left;
	width: 265;
	height: 43px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	list-style: none;
}

#events_and_list a {
	text-decoration: none;
	display: block;
	height: 43px;
	width: 265;
	text-indent: -5000px;
	background: url(images/events_and_list3.jpg) no-repeat 0 0;
}

#events_and_list #events {
	background-position: 0px 0px;
	width: 265px;
}
#events_and_list #events:hover, #events_and_list #events:focus {
	background-position: 0px -129px;
}

#events_and_list #joinlist {
	background-position: 0px -43px;
	width: 265px;
}
#events_and_list #joinlist:hover, #events_and_list #joinlist:focus {
	background-position: 0px -172px;
}

#events_and_list #funderinfo {
	background-position: 0px -86px;
	width: 265px;
}
#events_and_list #funderinfo:hover, #events_and_list #funderinfo:focus {
	background-position: 0px -215px;
}

/* -- end Whats New buttons section -- */

.ac_p {
	padding:35px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;
}

/*  --text and image styles-- */

p a {
color: red;
text-decoration:none;
}

p a:hover, p a:focus {
text-decoration:underline;
}

.footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


.inner_content img {
	float: left;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 0;
}

.ptwo {
	padding:10px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;
}

.pthree {
	padding:5px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;
}


/*  --lightbox styles-- */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.subheader_year {
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	font-size: 1.75em;
	font-style: normal;
	font-weight: bolder;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bolder;
	color: #000000;
}

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
} 

#test_box {
float:left;
}

#elaine_pic {
width: 165px;
height: 223px;
background-image:url(images/_artistic_core_images/ac_elaine2.jpg);
margin-right:10px;
}

#show_button {
position:absolute;
top:82px;
left:28px;
width:169px;
height:87px;
text-align:left;
text-indent: -2000em; /* Hides the text in the h1 tag */
}