/* - - - - - - - - - -  GENERAL STYLING   - - - - - - - - - -  */

	body { 
		padding: 0px;
		margin: 0px;
		background-color: #FFFFFF;
	}

	body, td, th, p, h1, h2, h3, h4, h5, h6, ul, li, ol, input, textarea, select, div, span, blockquote { 
		font-family: arial,sans-serif;
		color: #000;
	}
	
	center {
		padding: 0px;
	}
	
	p, legend {
		font-size: small;
		background-color: transparent;
	}
	
	blockquote {
		margin-left: 0px;
		padding-left: 22px;
		color: #000;
		background-color: transparent;
	}
	
	a:active, a:link, a:visited {
		background-color: transparent;
		text-decoration:underline;
	}

	a:hover {
		background-color: transparent;
		text-decoration:underline;
	}
	
	/* link colors */
	a:link {
		color: #000;
	}
	
	a:visited {
		color: #B7634B;
	}
	
	a:active, a:hover {
		color: #861B2F;
	}

	ol li ol li, ol li ol  {
		list-style-type: lower-alpha;
	}
	
	ul li ul li, ul li ul  {
		list-style-type: circle;
	}
/*
	ul.gtBullet li.gtBullet ul.gtBullet li.gtBullet, ul.gtBullet li.gtBullet ul.gtBullet{
	list-style-image : url(/global/images/lib/but_highlight.gif);

}
*/

	ul.gtBullet{
		list-style-image : url(but_highlight.gif);
    }	
	
	hr {
		margin-top:0px;
		padding-top:0px;
		margin-bottom:0px;
		padding-bottom:0px;
		height: 1px;
		color: #000;
		background-color: transparent; 
		border: none;
		width: 80%;
		text-align: center;
	}

	/*  ---  T A B L E S  --- */
	
	td, th {
		font-size: small;
		vertical-align: top;
	}
	
	td.alternate {
		background-color: #F3F2F2;
	}
	
	th {
		text-align: left;
		font-weight: bold;
		color: #000;
	}
	
	thead tr th, caption, th.caption {
		font-size: small;
		xtext-align: center;
		vertical-align: top;
		font-weight: bold;
		background-color: #D0CECE;
		color: #000;
	}
	
	tfoot tr td {
		text-align:left;
		font-size:x-small;
	}
	
	/*  ---  H E A D I N G S  --- */
	
	h1 {
		color: #000;
		font-size: x-large;		
		text-align: left;
		background-color: transparent;
		font-weight: normal;
	}
	
	h1 span {
		font-size: small;
		color: #000;	
		font-weight: normal;	
	}

	h2 {
		color: #000;
		font-size: large;		
		text-align: left;
		background-color: transparent;
		font-weight: normal;
	}
	
	h2 span {
		font-size: small;
		color: #000;	
		font-weight: normal;	
	}
	
	h3, h4, h5, h6 {
		font-size: small;
		font-weight: bold;
		text-align: left;
		background-color: transparent;
	}
	
	h3 {
		color: #000;
	}
	
	h4 {
		color: #000;
	}
	
	h5 {
		color: #000;
	}
	
	h6 {
		color: #000;
	}

	/* - - - - - - - - - -  STYLING FOR SEARCH FORM ON TOP OF PAGE   - - - - - - - - - -  */

	#searchCell {
		font-size: 11px;
		text-align: right;
	}

	/* - - - - - - - - - -  STYLING FOR NAVIGATIONAL ITEMS   - - - - - - - - - -  */
	
	/* ---  S E C T I O N  --- */
	
	#sideMenuCell {
		background-repeat:no-repeat;
	}

	ul.menu {
		margin-left:14px;
		margin-top:40px;
		padding-left:0px;
		list-style-type:none;
		width: 140px;
	}
	
	ul.menuSection, ul.menuSectionCurr {
		margin:0px;
		padding-left:0px;
		margin-left:10px;
		margin-bottom: 5px;
		list-style-type:none;
	}
	
	ul.menuSection {
		/* display: none; */
		display: block;
	}
	
	li.menuSection {
		padding-left:0px;
		margin-left:0px;
		list-style-type:none;
		line-height:90%;
		margin-bottom:3px;
		margin-top:3px;
	}
	
	a.menuSection:active, a.menuSection:link, a.menuSection:visited {
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}

	a.menuSection:hover {
		font-size:11px;
		font-weight:bold;
		text-decoration:underline;
	}


	a.menuSectionCurr:active, a.menuSectionCurr:link, a.menuSectionCurr:visited {
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}

	a.menuSectionCurr:hover {
		font-size:11px;
		font-weight:bold;
		text-decoration:underline;
	}

	/* ---  S U B S E C T I O N  --- */

	li.menuSubsection {
		padding-left:0px;
		margin-left:0px;
		list-style-type:none;
		line-height:90%;
		margin-bottom:3px;
		margin-top:3px;	
	}
	
	a.menuSubsection:active, a.menuSubsection:link, a.menuSubsection:visited {
		font-size:11px;
		font-weight:normal;
		text-decoration:none;
	}

	a.menuSubsection:hover {
		font-size:11px;
		font-weight:normal;
		text-decoration:underline;
	}

	a.menuSubsectionCurr:active, a.menuSubsectionCurr:link, a.menuSubsectionCurr:visited {
		font-size:11px;
		font-weight:normal;
		text-decoration:none;
	}

	a.menuSubsectionCurr:hover {
		font-size:11px;
		font-weight:normal;
		text-decoration:underline;
	}
	
	/* --- S I T E   M A P --- */
	
	#sitemapDiv ul.menu {width:auto;}
	#sitemapDiv li.menuSection {margin-left:30px;}
	#sitemapDiv li.menuSubsection {margin-left:30px;}

	#sitemapDiv a:link {
		font-size:12px;
		color: #000;
	}
	
	#sitemapDiv a:visited {
		font-size:12px;
		color: #B7634B;
	}
	
	#sitemapDiv a:active, #sitemapDiv a:hover {
		font-size:12px;
		color: #861B2F;
	}

	#sitemapDiv h2 a:link, #sitemapDiv h2 a:active, #sitemapDiv h2 a:hover, #sitemapDiv h2 a:visited {
		font-size:14px;
	}
	
	#sitemapDiv a:link{ text-decoration:none; }
	#sitemapDiv a:active{ text-decoration:none; }
	#sitemapDiv a:hover{ text-decoration:underline; }
	#sitemapDiv a:visited{ text-decoration:none; }

	#sitemapDiv H2 {margin-left:30px;}
	#sitemapDiv H2.home {margin-left:0px;}

	/* ---  N A V I G A T I N A L   C O N T E X T  --- */

	td.navContext {
		font-size: 11px;
		color: #666666;
		background-color: transparent;
		text-align: left;
		vertical-align: top;
		/*text-transform:lowercase;*/
	}
	
	.pageNumber {
		font-size: 11px;
		color: #000000;
		text-align: left;
		vertical-align: top;
		text-transform:lowercase;
}

	a.navContext:active, a.navContext:hover, a.navContext:link, a.navContext:visited {
		font-size:11px;
		font-weight:normal;
		color: #666666;
		background-color: transparent;
		text-decoration:none;
		/*text-transform:lowercase;*/
	}

	a.navContext:hover {
		text-decoration:underline;
	}

	/* ---  L E V E L  4  N A V I G A T I O N  --- */

	.level4Menu {
		font-size:11px;
		margin-top:0px;
		padding:0em;
		padding-bottom:1.5em;
	}

	/* - - - - - - - - - -  STYLING FOR FORMS   - - - - - - - - - -  */

	form { 
		display: inline;
	}

	input, textarea, select {
		font-size: 11px;
	}

	span.mandatoryInput {
		font-size: 18px;
	}

	fieldset { 
		border: none;
		display: block;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	legend { 
		display: block;
	}
	
	label {
	display: inline;
}


   th.formLabel {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color:#FFFFFF;
	text-align:right;

}

	div.legend {
		position: relative;
		font-size: small;
		font-weight: bold;
		background-color: #FFFFFF;
		color: #333333;
		width: 100%;
		margin: 0px;
		padding: 2px 5px;
		margin-bottom: 10px;
	}

	/* - - - - - - - - - -  STYLING FOR SEARCH ELEMENTS   - - - - - - - - - -  */

	a.searchLink:active, a.searchLink:hover, a.searchLink:link, a.searchLink:visited
	{
		font-size:smaller;
		font-weight: bold;
		color: #000;
		background-color: transparent;
		TEXT-DECORATION: none;
	}

	A.searchLink:hover
	{
		TEXT-DECORATION: underline;
	}

	.searchNav{
		font-size: 11px;
		color: #000000;
		text-align: left;
	}


	.searchDescription
	{
		FONT-SIZE: smaller;
	}

	.sizeKb
	{
		FONT-SIZE: 8pt;
	}

	.searchSubTitle
	{
		FONT-WEIGHT: bold;
		COLOR: #000;
	}
	
	.searchResultHeading{
		color: #000;
		font-weight: bold;
		text-align: right;
	}
	

	.greybg
	{
		BACKGROUND-COLOR: #f3f2f2;
	}
	
	#tblContent {
		background-color: white;
		text-align: left;
		padding-top: 10px;
	}
	
	/* - - - - - - - - - -  STYLING FOR CONTENT ELEMENTS   - - - - - - - - - -  */
	
	#flashTopNavigation {
		position: absolute;
		text-align: center;
		z-index: 20;
		width: 100%;
		left:0px;
		top:1px;
		margin: 0px;
		padding: 0px;
	}

	h1.intro {
		padding-left: 22px;
		text-indent: -22px;
	}
	
	span.intro, p.intro {
		padding-left: 12px;
		font-size: medium;
		font-weight: normal;
		text-align: left;
		color: #000;
		background-color: transparent;
	}

	p.intro {
		text-indent: -22px;
		margin-top: 12px;
	}
	
	p.txtHilt {
		padding-left: 20px;
	}
	
	.tightVertical {
		margin-top:0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.filesize{
		font-size:smaller;
		color:#000;
	}
	
	div.rightImageContainer {
		float:right;
		padding: 2px 12px;
		padding-right: 0px;
	}
	
	div.leftImageContainer {
		float:left;
		padding: 2px 12px;
		padding-left: 0px;
	}
	
	.imageCaption {
		font-size: 70%;
		text-align: left;
	}
	
	.articleDate {
		color: #000;
		font-weight: normal;
	}


	/* print this page and email this page */
	
	a.footLinks:active, a.footLinks:link, a.footLinks:visited {
		font-size:11px;
		font-weight:normal;
		text-decoration:none;
		color: #666666;
		text-transform: capitalize;
	}

	a.footLinks:hover {
		font-size:11px;
		font-weight:normal;
		text-decoration:underline;
		color: #666666;
		text-transform: capitalize;
	}

	/* - - - - - - - - - -  CALENDAR           - - - - - - - - - -  */

	.rowSpacer {
		width:20px;
		height:8px;
	}
	
	td.calMonth {
		text-align: center;
		font-size: 18px;
		font-family: arial,helvetica,sans-serif;
	}
		
	a.calMonth:active, a.calMonth:link, a.calMonth:visited {
		font-size: 18px;
		font-family: arial,helvetica,sans-serif;
		text-decoration:none;
	}

	a.calMonth:hover {
		font-size: 18px;
		font-family: arial,helvetica,sans-serif;
		text-decoration:underline;
	}

	td.calDayW {
		font-size: 11px;
		font-family: arial,helvetica,sans-serif;
	}

	td.calNoDay {
		background-color: #CCCCCC;
		color: #CCCCCC;
		font-family: arial,helvetica,sans-serif;
		font-size: 11px;
	}

	td.calDay {
		color: #666666;
		background-color: #FFFFFF;
		font-family: arial,helvetica,sans-serif;
		font-size: 11px;
	}
	
	div.calDay {
		position:relative;
	}

	a.calDay:active, a.calDay:link, a.calDay:visited {
		font-family: arial,helvetica,sans-serif;
		font-size: 11px;
		text-decoration:none;
	}

	a.calDay:hover {
		font-family: arial,helvetica,sans-serif;
		font-size: 11px;
		text-decoration:underline;
	}	
	
	/* - - - - - - - - - -  STYLING FOR EVENTS   - - - - - - - - - -  */
	
	.eventBanner {
		margin-bottom: 1.5em;
	}
	
	p.bookNow {
		padding-top:0px;
		margin-top:-0.5em;
		margin-bottom:2em;
		text-align: right;
		vertical-align: bottom;
	}
	
	p.bookNow img {
		vertical-align: bottom;
	}

	p.bookNowTh {
		padding-top:0px;
		margin-top:-0.5em;
		margin-bottom:2em;
		text-align: left;
		vertical-align: bottom;
	}
	
	p.bookNowTh img {
		vertical-align: bottom;
	}
	
	p.calendarDateSelection {
		text-indent: -15px; 
		padding-left:15px; 
	}
	
	.soldout {
		margin-bottom:0px;
	}

	div.eventDetails, div.eventList {
		display: block;
		margin-bottom: 0.75em;
	}
	
	div.eventSupporters {
		display: block;
		margin-top: 2em;
	}

	td.eventDetails {
		color: #000;
	}

	th.eventDetails {
		text-align:right;
		color: #000;
	}

	/* - - - - - - - - - -  CONNECTION PANEL   - - - - - - - - - -  */
	
	a.connectionPanel:active, a.connectionPanel:link, a.connectionPanel:visited {
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}

	a.connectionPanel:hover, a.connectionPanel2:active, a.connectionPanel2:link, a.connectionPanel2:visited, a.connectionPanel2:hover {
		font-size:11px;
		font-weight:bold;
		text-decoration:underline;
	}

	h2.connectionPanel {
		padding: 0px;
		margin: 0px;
	}
	
	p.connectionPanel {
		font-size:smaller;
		padding: 0px;
		padding-right: 20px;
		margin: 0px;
	}
	
	ul.connectionPanel {
		margin:0px;
		margin-bottom:12px;
		margin-right:8px;
		padding-left:0px;
		list-style-type:none;
	}
	
	li.connectionPanel {
		font-size: 85%;
		margin: 0px;
		padding: 3px 0px;
		/*list-style-type:none; commented out as causing errors in MAC NS4 */
		font-weight: normal;
	}
	
	li.connectionPanelLink {
		list-style-type:none;
		font-weight: normal;
		font-size: 85%;
		margin: 2px 0px;
		padding: 0px;
		padding-left:20px;
		text-indent:-20px;
	}

	/* - - - - - - - - - -  STYLING FOR FOOTER   - - - - - - - - - -  */

	td.footer {
		text-align: left;
		padding-top: 14px;
	}

	a.footer:active, a.footer:link, a.footer:visited {
		font-size:11px;
		font-weight:normal;
		color: #999999;
		background-color: transparent;
		text-decoration:none;
	}

	a.footer:hover {
		font-size:11px;
		font-weight:normal;
		color: #999999;
		background-color: transparent;
		text-decoration:underline;
	}

	.validationError
	{
		color: #FF0000;		
		background-position:20px 20px;
		background-color: #fff1f1;
		padding: 20px 20px 0px 88px;
		border: 1px solid #f9221d;
		margin-bottom: 20px;
	}
	
	.validationCorrect
	{
		color:#2d8228;
		background-position:20px 20px;
		background-color: #f4fcf4;
		padding: 20px 20px 20px 88px;
		border: 1px solid #51cd49;
		margin-bottom: 20px;
	}
	
	/* - - - - - - - - - -  HEADER STYLES   - - - - - - - - - -  */
	#header {
		position: relative; zoom: 1;
		height: 44px;
		z-index: 2;
	}
	
	#header #search-form {
		float: right; display: inline;
		margin: 10px 2px 0 0;
		padding: 2px 0 0 0;
		background: #FFF;
	}
	
	#header #search-form .form-item,
	#header #search-form .button {
		float: left; display: inline;
		vertical-align: middle; /* align the button and text field input vertically middle */
	}
	
	#header #search-form .form-item {
		border-top: 1px solid #7F7F7F;
	}
	
	#header #search-form .text {
		font-size: 0.91667em; /* 11px */
		width: 137px;
		padding: 0 5px !important;
		margin: 0;
		*margin-top: -1px;
		height: 16px;
		*height: 15px;
		_height: 14px;
		border: 1px solid #404040;
		border-right-color: #D4D0C8;
		border-bottom-color: #D4D0C7;
		border-left-color: #808080;
		background-color: #FFF;
		font-size: 12px;
	}
	
	#header #search-form .button {
		width: auto;
		padding: 0;
		height: auto;
		border: none;
	}
	
	#header-links {
		display: block;
		background: #FFF;
		position: relative;
		top: 0;
		padding: 0;
		right: 0;
		zoom: 1;
		width: 250px;
		float: left;
		margin: 15px 0 0 317px;
		*margin: 15px 0 0 305px;
		_margin: 15px 0 0 153px;
	}
	
	#header-links ul {
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#header-links li {
		line-height: 1;
		float: left; 
		display: inline;
		margin: 0;
		padding: 0;
		background-image: none;
	}
	
	#header-links li a {
		display: block;
		cursor: pointer;
		/* text-indent:-500000px; */
	}

	/* ABOUT LINK */
	#header-links li#about-link a {
		width: 51px;
	}
	#header-links li#about-link a span {
		background-position: 0 -60px;
	}
	/* rollover */
	#header-links li#about-link a:hover span,
	#header-links li#about-link a:focus span {
		background-position: 0 -80px;
	}
	/* active */
	#header-links li#about-link a.active span {
		background-position: 0 -100px;
	}
	
	/* VISIT LINK */
	#header-links li#visit-link a {
		width: 53px;
	}
	#header-links  li#visit-link a span {
		background-position: -51px -60px;
	}
	/* rollover */
	#header-links li#visit-link a:hover span,
	#header-links li#visit-link a:focus span {
		background-position: -51px -80px;
	}
	/* active */
	#header-links li#visit-link a.active span {
		background-position: -51px -100px;
	}
	
	/* ENGAGE LINK */
	#header-links li#engage-link a {
		width: 68px;
	}
	#header-links li#engage-link a span {
		background-position: -104px -60px;
	}
	/* rollover */
	#header-links li#engage-link a:hover span,
	#header-links li#engage-link a:focus span {
		background-position: -104px -80px;
	}
	/* active */
	#header-links li#engage-link a.active span {
		background-position: -104px -100px;
	}
	
	/* EDUCATION LINK */
	#header-links li#education-link a {
		width: 73px;
	}
	#header-links li#education-link a span {
		background-position: -172px -60px;
	}
	/* rollover */
	#header-links li#education-link a:hover span,
	#header-links li#education-link a:focus span {
		background-position: -172px -80px;
	}
	/* active */
	#header-links li#education-link a.active span {
		background-position: -172px -100px;
	}
	
	
	
	.logo {
		position: absolute;
		margin-top: 11px;
		z-index: 300;
	}

	
	/* - - - - - - - - - -  PRIMARY NAVIGATION   - - - - - - - - - -  */
	#primary-navigation {
		position: relative;
		xtop: 45px;
		left: 0px;
		z-index: 3;
		zoom: 1;
	}	

	#primary-navigation ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 5px;
		float: right;
		width: 585px;
		background: #FFF;
	}
	 
	#primary-navigation li {
		background-image: none;
		float: left; display: inline;
		line-height: 1em;
		position: relative;
		margin: 0;
		padding: 0;
		_height: 0;
	}

	#primary-navigation ul li a {
		display: block;
		padding: 0;
		margin: 0;
		color: #E14C13;
		background: #FFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.083334em; /* 13px */
		height: 15px;
		line-height: 15px;
		width: 100px;
		cursor: pointer;
		/* text-indent:-500000px; */
	}
	
	#primary-navigation li a.active {
		color: #A9A9A9;
	}
	
	#primary-navigation li a:hover,
	#primary-navigation li a:focus {
		color: #FFAB4B;
	}


	
	
	/************************
	 *  film section link 
	 ************************/
	 
	#primary-navigation ul li#film-section-link a {
		width: 40px;
	}
	#primary-navigation ul li#film-section-link a span {
		background-position: 0 0;
	}
	/* rollover */
	#primary-navigation ul li#film-section-link a:hover span,
	#primary-navigation ul li#film-section-link a:focus span {
		background-position: 0 -20px;
	}
	/* active */
	#primary-navigation ul li#film-section-link a.active span {
		background-position: 0 -40px;
	}
	
	
	/************************
	 *  exhibition section link 
	 ************************/
	 
	#primary-navigation ul li#exhibition-section-link a {
		width: 94px;
	}
	#primary-navigation ul li#exhibition-section-link a span {
		background-position: -40px 0;
	}
	/* rollover */
	#primary-navigation ul li#exhibition-section-link a:hover span,
	#primary-navigation ul li#exhibition-section-link a:focus span {
		background-position: -40px -20px;
	}
	/* active */
	#primary-navigation ul li#exhibition-section-link a.active span {
		background-position: -40px -40px;
	}
	
	
	/************************
	 *  events section link 
	 ************************/
	 
	#primary-navigation ul li#events-section-link a {
		width: 142px;
	}
	#primary-navigation ul li#events-section-link a span {
		background-position: -134px 0;
	}
	/* rollover */
	#primary-navigation ul li#events-section-link a:hover span,
	#primary-navigation ul li#events-section-link a:focus span {
		background-position: -134px -20px;
	}
	/* active */
	#primary-navigation ul li#events-section-link a.active span {
		background-position: -134px -40px;
	}
	
	
	/************************
	 *  workshops section link 
	 ************************/
	 
	#primary-navigation ul li#workshops-section-link a {
		width: 154px;
	}
	#primary-navigation ul li#workshops-section-link a span {
		background-position: -276px 0;
	}
	/* rollover */
	#primary-navigation ul li#workshops-section-link a:hover span,
	#primary-navigation ul li#workshops-section-link a:focus span {
		background-position: -276px -20px;
	}
	/* active */
	#primary-navigation ul li#workshops-section-link a.active span {
		background-position: -276px -40px;
	}
	
	
	/************************
	 *  resources section link 
	 ************************/
	 
	#primary-navigation ul li#resources-section-link a {
		width: 155px;
	}
	#primary-navigation ul li#resources-section-link a span {
		background-position: -430px 0;
	}
	/* rollover */
	#primary-navigation ul li#resources-section-link a:hover span,
	#primary-navigation ul li#resources-section-link a:focus span {
		background-position: -430px -20px;
	}
	/* active */
	#primary-navigation ul li#resources-section-link a.active span {
		background-position: -430px -40px;
	}
	
	.image-replaced {
		position: relative;
		overflow: hidden;
	}

	.image-replaced span {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		background-color: transparent;
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	.accessibility {
		position: absolute !important;
		top: -1000em !important;
		left: -1000em !important;
	}
	
	html > body .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* clearfix for IE/mac */
	.clearfix {
		display: inline-block;
	}
	
	/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
	@media all {
		* html .clearfix {
			_height: 0;
		}
		
		.clearfix {
			display: block;
		}
	}
	
	#breadcrumb {
		width: 622px !important;
		padding-top: 5px;
		color: #666666;
	}