/* css aeaf */






* {
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

html, body
{
	width:960px;
	font-family:"Courier New", Courier, monospace;
	font-size:small;
}

body
{
background-image:url('');
background-repeat:no-repeat;
background-position:top right;
margin: 0; 
padding: 0;

} 

#header  {
	width: 960px;
	overflow: hidden;
	height: 87px;
	background-color: transparent;
	background-position: left top;
}
	

div#content {
  width: 960px;
  padding: 0 10px;
  margin-top: 12px;
  background-color: #ffffff;
 }
  
div#left {
  width: 700px;
  padding: 0 5px;
  float: left; }
div#right {
	width: 219px;
	float: left;
	margin-left: 20px;
}
  
  div.hr {
  height: 2px;
  border: 0;
  border-bottom: 1px dotted #999;
  margin: 8px 0; }

/*
div#header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
div#header ul#topnav:after, div#header ul#subnav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
 visibility: hidden; }
 */

div#content:after, div.module_row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.float-wrapper:after, .event_page_interact:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

 
div.event_blurb:after, div.feature_row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.module:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

#topnav {
	height: 16px;	/* 97 - 33 */
	padding-top: 13px;
	list-style: none;
	
}
#topnav li first_li_item {
	border-left: 0px;
}

#topnav li {
	float: left;
	padding: 0 0 0 0;
	height: 24px;
	/*text-indent: -5000px;*/
	margin-left: 10px;
	overflow: hidden;
	border-left: 1px solid #999; 
}


#topnav li a {
display: inline;
	height: 31px;
}


#topnav li .exhibitions, a { color: #ad0000; text-decoration:none; }
a:visited { color: #ad0000; text-decoration:none; }
a:hover {color: #f7f7f7; background: #000053; text-decoration: none; }

#topnav li .events, a { color: #e07000; text-decoration:none; }
a:visited { color: #e07000; text-decoration:none; }
a:hover {background:#e9e9e9; text-decoration:none; }


#topnav li .bookshop, a { color: #ffcc00; text-decoration:none; }
a:visited { color: #ffcc00; text-decoration:none; }
a:hover {background:#e9e9e9; text-decoration:none; }


#topnav li .studios, a { color: #336633; text-decoration:none; }
a:visited { color: #336633; text-decoration:none; }
a:hover {background:#e9e9e9; text-decoration:underline; }

#topnav li .archive, a {color: #0066CC; text-decoration:none;}
a:visited { color: #0066cc; text-decoration:none; }
a:hover {background:#e9e9e9; color: #0066cc; text-decoration:none; }


#topnav li .about, a { color: #5300a6; text-decoration:none }
a:visited { color: #5300a6; text-decoration:none; }
a:hover { color: #5300a6; text-decoration:underline; }



#img
{position:absolute;
left:0px;
top:0px;
z-index:-1;
}

.image_thumbnail_block, .video_thumbnail_block {
  width: 160px;
  float: left;
  background: #fff;
  color: #333;
  padding: 3px 3px 0 3px;
  margin-right: 4px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 9px; }
  


.image_thumbnail_block a.expand {
  float: right;
  font-size: 12px;
  font-weight: bold; }

.video_thumbnail_block {
  width: 214px;
  margin-right: 8px; }
  .video_thumbnail_block a.expand {
    float: right;
    font-size: 12px;
    font-weight: bold; }

/* lightbox css */
#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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../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; }

/* end light box css */



ul#topnav {
	list-style: none;
	margin: 0;
	height: 78px;
	font-weight:500;
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 6px;
	text-transform: lowercase;
	letter-spacing: 0.05em;
}

ul#topnav li {
	font-size: 0.85em;
	margin-top: 44px;
	float: left;
	white-space: nowrap;
	display: inline;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 6px;	
}
  
  /* this sets the sub menu list */
  
  #subnav

{
	list-style: none;
	height: 7px;
	width:937px;
	font-family: "Courier New", courier, mono-space;
	text-transform:lowercase;
	font-size: 11px;
	font-weight:400;
	border-left: 1px solid #666;
}

ul#subnav {
	list-style: none;
	font-weight: normal;
	margin: 0 0 0 0;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 18px;
}


ul#subnav li {
  float: left;
  padding: 0 15px 0 0; }
  
  

ul#subnav li a {
	padding: 2px 3px 0px;
}
  ul#subnav li a:hover {
	background: #e9e9e9; text-decoration: none;
}


	 
	  .exhibition_blurb div.more_info {
  margin-top: 10px; }
.exhibition_blurb p.date {
  margin: 0;
  padding: 0; }
.exhibition_blurb h3 {
  margin: 10px 0 0 0;
  font-size: 18px; }
.exhibition_blurb h4 {
  font-size: 14px; }
.exhibition_blurb a {
  color: #333; }
  
  
  
	.event_page_main {
  margin-bottom: 18px; }
  
  .event_page_main h2 {
    font-family:courier new, courier, mono-space;
    font-size: 18px;
	color:#333;
	font-weight: 700;
    margin-top: 4px; }
.event_blurb h2 a, .artist_profile h3 {
  color: #333;
  font-size: 14px;
  font-family: Courier New, Courier, monospace; }
	
	.event_page_main h4 {
    font-family:courier new, courier, mono-space;
    font-size: 13px;
	font-weight: 700;
	color:#333;
    margin-top: 4px; }
 
  .event_page_main p {
    margin-bottom: 9px; }

.event_page_series dl {
  margin-left: 8px; }

#featured_event, .event_blurb, .artist_profile {
  margin-bottom: 12px; }

.event_blurb img, .artist_profile img {
  float: left;
  margin-right: 12px; }



.event_blurb p a {
  color: #333333;
  text-decoration: none; }

.artist_profile .artist_profile_details {
  float: left; }

.event_blurb {
  border: 1px #e9e9e9 solid;
  padding: 4px 5px; }
  .event_blurb .event_blurb_details {
    margin-left: 237px;
    display: block;
    padding-left: 6px;
    position: relative; }
    .event_blurb .event_blurb_details .more_info {
      text-align: right;
      margin-right: 8px; }
  .event_blurb .event_date {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    padding-top: 8px; }
	
  .event_blurb:hover {
    background: none;
    border: 1px #e07000 solid; }
	.event_blurb h3 {
	color: #333333; }
	.event_blurb h3 a {
      color: #333333; text-decoration: none; }
    .event_blurb hover h3 a, .event_blurb:hover .date {
      color: #e07000; text-decoration: none; }
	 
  
   .bookshop_blurb div.more_info {
  margin-top: 10px; }
.bookshop_blurb h3 {
  margin: 10px 0 0 0;
  font-size: 18px; }
.bookshop_blurb h4 {
  font-size: 14px; }
.bookshop_blurb a {
  color: #333; }

/* exhibs nav */
.exhibitions_subnav {
background-color: #AD0000; }

.exhibition_page_navigation {
  background: #AD0000; }
  
 .exhibition_page_navigation li {
    border-left: 1px solid #666; }

.exhibitions_subnav li a, .exhibition_page_navigation li a {
  color: #e9e9e9; text-decoration: none;
 }

.exhibitions_subnav li a:hover, .exhibition_page_navigation li a:hover {
	color: #ad0000; background: #e9e9e9;
	text-decoration: none;
}
  
/* events nav */
  
  .events_subnav {
  background: #e07000; }

.events_page_navigation {
  background: #e07000; }
  
 .events_page_navigation li {
    border-left: 1px solid #666; }

.events_subnav li a, .events_page_navigation li a {
  color: #e9e9e9; text-decoration: none;
 }

.events_subnav li a:hover, .events_page_navigation li a:hover {
  background: #e9e9e9;
  color: #e07000; text-decoration: none; }
  
  
 /* bookshop nav */
 
 .bookshop_subnav {
  background: #ffcc00; }

.bookshop_page_navigation {
  background: #ffcc00; }
  
 .bookshop_page_navigation li {
    border-left: 1px solid #666; }

.bookshop_subnav li a, .bookshop_page_navigation li a {
  color: #1a1a1a; text-decoration: none; 
 }

.bookshop_subnav li a:hover, .bookshop_page_navigation li a:hover {
text-decoration: underline; }
  
    /* studios nav */
  
  .studios_subnav {
  background: #336633; }

.studios_page_navigation {
  background: #336633; }
  
 .studios_page_navigation li {
    border-left: 1px solid #666; }

.studios_subnav li a, .studios_page_navigation li a {
  color: #e9e9e9; text-decoration: none;
 }

.studios_subnav li a:hover, .studios_page_navigation li a:hover {
  background: #e9e9e9;
  color: #336633; text-decoration: none; }
  
  
   /* learn nav */
  
  .archive_subnav {
  background: #336699; }

.archive_page_navigation {
  background:#336699; }
  
 .archive_page_navigation li {
    border-left: 1px solid #666; }

.archive_subnav li a, .archive_page_navigation li a {
  color: #e9e9e9; text-decoration: none;
 }

.archive_subnav li a:hover, .archive_page_navigation li a:hover {
  background: #e9e9e9;
  color: #336699; text-decoration: none; }

  
   /* about nav */
   
.about_subnav {
  background: #5300a6; }

.about_page_navigation {
  background: #5300a6; }
  
 .about_page_navigation li {
    border-left: 1px solid #666; }

.about_subnav li a, .about_page_navigation li a {
  color: #e9e9e9; text-decoration: none;
 }

.about_subnav li a:hover {
  background: #e9e9e9;
  color: #5300a6; text-decoration: none; } 

.about_page_navigation li a:hover {
  background:#e9e9e9;
  color: #5300a6; text-decoration: none; }
  
  

 
  
  
  #in_page_nav li {
    float: left;
    margin: 5px 0 6px 0;
    padding: 0 4px; }
	
	#in_page_nav .first_li_item {
    border-left: 0; }

 
 

.when_where {
  float: right;
  max-width: 230px;
  text-align: right;
  margin: 12px 0 6px 12px; }
  .when_where h2 {
    font-size: 14px;
	  text-transform: lowercase;
  color: #333;
  background: #e9e9e9;
    font-weight: bold; }
  .when_where h4 {
    font-size: 12px;
    color: #333;
    font-weight: 700; }
  .when_where h5 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    font-weight: normal; }
    .when_where h5 span {
      font-size: 11px; }


#in_page_nav {
  list-style: none;
  width: 700px;
  height: 21px;
  margin-bottom: 18px;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 9px;
  }
  #in_page_nav li {
    float: left;
    margin: 5px 0 6px 0;
    padding: 0 4px; }
  #in_page_nav a {
    padding: 2px 4px; }
  #in_page_nav .first_li_item {
    border-left: 0; }
	
	.sponsors_wrapper {
  margin-left: 6px;
  font-size: 12px; }

div.sponsors_wrapper img {
  margin-right: 20px;
  margin-bottom: 6px; }
div.sponsors_wrapper a {
  display: inline-block;
  color: #333; }
  div.sponsors_wrapper a img {
	margin: 0;
	padding: 0 5px 0 0;
}
div.related_links {
  margin-left: 8px; }
  div.related_links a {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 12px; }

.artist_module ul.tabs {
  list-style-type: none;
  margin: 0 0 8px 0;
  border-bottom: 1px dotted #999;
  padding: 0 0 4px 8px; }
  .artist_module ul.tabs li {
    float: left;
    margin-right: 8px;
    font-weight: bold; }
	
	.resource_labels {
  line-height: 21px; }

.resource_label {
  display: inline;
  background: #ffffff;
   font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9px;
  padding: 0px 0px;
  color: #333333; }
	
	.description {
	margin-top: 12px;
  margin-bottom: 20px;
  }
  
  .description a: {
     color: #cc0000; text-decoration: none; }
	 
 .description a: hover {
  text-decoration: underline; }
  

  
  p {
 
	font-family:Courier New, Courier, monospace; 
	color: #333;
 margin: 0;
 padding: 0;
}

  
  .names_next {
  text-transform: lowercase; }
  
  h3.panel_title, h3.module_title {
	text-transform: lowercase;
	color: #333;
	background: #e9e9e9;
	padding-left: 8px;
	height: 21px;
	font-family: "Courier New", Courier, monospace;
	font-size:16px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 8px;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	background-color: #e9e9e9;
}

.program_major, .program_minor {
  border: 1px #e9e9e9 solid; }
  .program_major h4.date, .program_minor h4.date {
    font-size: 12px; }
  .program_major h2, .program_minor h2 {
    font-size: 21px;
	font-weight:500;
    margin: 0; }
    .program_major h2 a, .program_minor h2 a {
      color: #333333; }
  .program_major h2, .program_major h4, .program_minor h2, .program_minor h4 {
    letter-spacing: -0.05em; }
  .program_major h4 a, .program_minor h4 a {
    color: #333333; }

.program:hover h2, .program:hover h4, .program:hover a {
  color: #ad0000;
  background-color:transparent; }
.program:hover .blurb {
  color: #333333;
  background-color:transparent; }

.program_image {
  height: 200px; }

.program_major {
  width: 698px;
  margin-bottom: 12px;
  display: block; }

.program .teaser {
  background: transparent url(../images/assets/prog_header_bg.png) top left repeat;
  height: 200px;
   }

.program .more {
  text-transform: lowercase; }
  
.program .title_bar {
  padding: 8px 8px; }

a.program_major_link {
  display: block;
  text-decoration: none;
  width: 690px;
  color: #333; }


.filler {
  padding: 10px 10px;
  display: block; }
  .filler span.location {
    font-size: 16px;
    color: #58585a;
    text-align: right;
    margin-top: 6px;
    display: block; }

.program_major h2 .program_major_link {
  padding-bottom: 2px; }

.program_minor, .program_minor_blank {
  width: 223px;
  float: left;
  margin: 0 11px 12px 0;
  overflow: hidden; }

.program_minor_blank {
  height: 176px; }

.program_minor.last_in_row {
  margin-right: 0; }

.program_minor_blank {
  background: url(/images/minor_program_blank.gif); }
  .program_minor_blank.last_in_row {
    margin-right: 0; }

.program_minor h2 {
  font-size: 18px;
  color: #333;
  margin: 0; }

a.program_minor_link {
  display: block;
  text-decoration: none;
  width: 215px;
  color: #333; }
  a.program_minor_link.filler {
    padding: 6px 6px 0 8px;
    width: 209px;
    height: 123px; }
  
  .module {
 border: 1px #e9e9e9 solid; 
 margin-bottom: 12px; }

.module_row {
  padding-left: 8px;
  margin-bottom: 12px;
  width: 700px; }

.sidebar_box {
	padding: 0 0px 0 12px;
	font-size: 12px;
	color: #333;
	border:#CCCCCC;
	border-left-style:solid;
	border-width:thin;
	margin-bottom: 12px;
	background-attachment: fixed;
	background-color: #f7f7f7;
	background-image: url(/#);
	background-position: 0 0;
}
  .sidebar_box a {
    color: #333; }
  .sidebar_box ul {
    list-style-type: none; }

.sidebar_box h3 {
  width: 212px;
  height: 14px;
  text-indent: -5000px;
  overflow: hidden;
  margin: 0 0 0 -12px; }
  .sidebar_box h3 a {
    display: block;
    width: 212px;
    height: 20px;
    text-indent: -5000px; }
  .sidebar_box h3.linked {
    text-indent: 0; }

#visitor_info_box h3 a {
  background: url(../images/assets/visitorinfo.png) 0 0 no-repeat; }
  
  
  
  .sidebar_box .sidebar_box_footer {
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-top: 12px;
  border-top: 1px dotted #999;
  padding: 8px 0; }


	




#footer {

	padding-top: 0.5em;
	font-size: 9px;
	letter-spacing: .04em;
	line-height: 12px;
	color: #333333;
	background-color: #f7f7f7;
	padding-left: 10px;
	border-color: #8a8a8a;
	border-width: thin;
	font-family: Arial,Verdana,  Helvetica, sans-serif;
}





.h1

{
font-size:14px;
padding-bottom: 4px;
padding-top: 3px;

}

.cite
{
	  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  color: #333;
}

/* link colors*/

/* red with underline hover */

a.one:link {color: #ad0000; text-decoration: none;}
a.one:visited {color: #ad0000; text-decoration: none;}
a.one:hover {text-decoration: underline;
}


/* in text grey */
a.two:link {color: #333333; text-decoration: none;}
a.two:visited {color: #333333; text-decoration: none;}
a.two:hover {color: #333333; text-decoration: underline;}



  
/* charcoal with hover */

a.intext:link {color: #333; text-decoration: none;}
a.intext:visited {color: #333; text-decoration: none;}
a.intext:hover {color: #333; background: #e9e9e9; text-decoration: none;}