.bodyGallery #mainContent {
	background: url(../graphics/gallery_leftcol.gif) 0 0 no-repeat;
	}

h1 {color:#FF8C13;}

#galleryEvents h1 {color:#2F3C40;}

body#galleryHome h1 {
	background: url(../graphics/gallery_header.gif) 0 0 no-repeat;
	width: 304px;height: 54px;
	}

div#pageHeader h2 {
	color: #2F3C40;
	margin: 20px 0 0 0;
	}

div#genericHeader h1 {
	color: #2F3C40;
	font-size: 2em;
	line-height: 1em;
	}
div#genericHeader h2 {
	color: #FF8C13;
	font-size: 2em;
	line-height: 1em;
	}
div#genericHeader h3 {
	color: #73A79F;
	font-size: 2em;
	line-height: 1em;
	}
	
.pageLinksLeft h3 {
	color: #FFFFFF;
	background-color: #73A79F;
	}
	
.pageLinksLeft div h4 a {color: #000000;}
.pageLinksLeft div h4 a:hover {background-color: #A8C4BE;}

.pageLinksRight span {background-color: #73A79F;}

div#pageSupporters {
	float: left;
	margin-top: 20px;
	}
div#pageSupporters h3 {
	color: #8F8F8F;
	text-transform: uppercase;
	}
div#pageSupporters li {
	color: #8F8F8F;
	font-size: 1.1em;
	}


/************ gallery homepage rollover links *********/

#galleryOptions {float: left;}
	
#galleryOptions div {float: left;}
	
#galleryOptions h2 {font-size: 1.1em;}
	
#galleryOptions h2 a {
	display: block;
	color: #2F3C40;
	text-transform: uppercase;
	padding: 0 0 0 4px;
	}
	
#collectionsIntro h2 a,
#visitorsIntro h2 a {background-color: #D5E4E2;}
	
#exhibitionsIntro h2 a {background-color: #FBB56B;}
	
#collectionsIntro {
	width: 176px;
	margin-right: 1px;
	}
	
#visitorsIntro {width: 176px;}
	
#exhibitionsIntro {
	width: 353px;
	margin: 1px 0 0 0;
	}
	
	
.instituteOptionsTop,
.instituteOptionsBottom {
	height: 17em;
	float: left;
	width: 176px;
	}
	
.rollover {
	position: relative;
	z-index: 99;
	}
	
.rollover-on  {
	position:relative; /* stops elements underneath being pushed down */
	z-index:100;
	background: #D5E4E2;
	width:176px;
	}
#exhibitionsIntro .rollover-on  {
	width:353px;
	background-color: #FFDFBD;
	height: 112px;
	}

.rollover-on p {padding: 5px;color:#2F3C40;}
.rollover-on ul {padding: 5px;color:#2F3C40;}
.rollover-on ul li a {
	color:#2F3C40;
	font-size: 1.2em;
	text-decoration: underline;}
.rollover-on ul li a:hover {color:#000000;}


/*********************** events list styles *******************/

#galleryEventsNav li#eventsAll a {
	background: url(../graphics/bg_eventsNav_green.gif) 0 0 no-repeat;}
#galleryEventsNav li#eventsAll a:hover {
	color: #FFFFFF;
	background: url(../graphics/bg_eventsNav_green.gif) 0 -17px no-repeat;}	

#galleryEventsNav li#eventsTalks a {
	background: url(../graphics/bg_eventsNav_orange.gif) 0 0 no-repeat;}
#galleryEventsNav li#eventsTalks a:hover {
	color: #FFFFFF;
	background: url(../graphics/bg_eventsNav_orange.gif) 0 -17px no-repeat;}

#galleryEventsNav li#eventsForum a {
	background: url(../graphics/bg_eventsNav_red.gif) 0 0 no-repeat;}
#galleryEventsNav li#eventsForum a:hover {
	color: #FFFFFF;
	background: url(../graphics/bg_eventsNav_red.gif) 0 -17px no-repeat;}	

#galleryEventsNav li#eventsFriends a {
	background: url(../graphics/bg_eventsNav_red.gif) 0 0 no-repeat;}
#galleryEventsNav li#eventsFriends a:hover {
	color: #FFFFFF;
	background: url(../graphics/bg_eventsNav_red.gif) 0 -17px no-repeat;}

/*...and the on-states*/
.bodyGalleryEventsAll #galleryEventsNav li#eventsAll a {
	background: url(../graphics/bg_eventsNav_green.gif) 0 -17px no-repeat;
	color: #FFFFFF;}
.bodyGalleryEventsTalks #galleryEventsNav li#eventsTalks a  {
	background: url(../graphics/bg_eventsNav_orange.gif) 0 -17px no-repeat;
	color: #FFFFFF;}
.bodyGalleryEventsForum #galleryEventsNav li#eventsForum a {
	background: url(../graphics/bg_eventsNav_red.gif) 0 -17px no-repeat;
	color: #FFFFFF;}
.bodyGalleryEventsFriends #galleryEventsNav li#eventsFriends a  {
	background: url(../graphics/bg_eventsNav_red.gif) 0 -17px no-repeat;
	color: #FFFFFF;}
	
	
/************ rightcol listings *********/

#rightCol h2 a {
	color: #FFFFFF;
	background: #EFA34C;
	}
#rightCol h2 a:hover {
	color: #2F3C40;
	background: #C7DCD9;
	}
	
ul#rightColNews span {color: #D06C03;}
ul#rightColNews p {
	color: #2F3C40; 
	line-height: 1.1em;
	padding-bottom: 4px;
	}

ul#rightColEvents h3 {background: #9BBEB9;}
ul#rightColEvents h3 a {
	color: #2F3C40;
	background: #73A79F;
	}
ul#rightColEvents h3 a:hover {
	color: #FFFFFF;
	background: #476A65;
	}
ul#rightColEvents span {color: #476A65;}


/********************* onstates for leftcol nav *****************/

body#galleryCurrentExhibition li#galleryNavExhibitions ul {display: block;}
body#galleryCurrentExhibition li#galleryNavExhibitions a {background-color: #5C5C5C;margin: 1px 0 0 0;}
body#galleryCurrentExhibition li#galleryNavExhibitions ul li.li1 a {background-color: #FF8C13;}

body#galleryEvents li#galleryNavTalks a {background-color: #5C5C5C;margin: 1px 0 0 0;}

body#galleryVisitor li#galleryNavVisitor ul {display: block;}
body#galleryVisitor li#galleryNavVisitor a {background-color: #5C5C5C;margin: 1px 0 0 0;}

body#galleryCollections li#galleryNavCollections ul {display: block;}
body#galleryCollections li#galleryNavCollections a {background-color: #5C5C5C;margin: 1px 0 0 0;}



