/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #000000;
	margin:0; padding:0;
	}
	
#menu {
	height: 150px;
	width:950px;
	margin: 0 0; padding:0 1em;
	}
#gradienttop {
	height: 16px;
	width:100%;
	margin: 0 0; padding:0 1em;
	}

div.about {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/about.jpg) 0 0px no-repeat;
	}

div.about a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/about.jpg) top left no-repeat;
	}
	
* html a:hover
{
visibility:visible
}

div.about a:hover {
	background: url(buttons/aboutover.jpg) top left no-repeat;
	color: yellow;
	}
div.about a:active {
	color: black;
	}

div.mission {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/mission.jpg) 0 0px no-repeat;
	}

div.mission a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/mission.jpg) top left no-repeat;
	}
	
* html a:hover
{
visibility:visible
}

div.mission a:hover {
	background: url(buttons/missionover.jpg) top left no-repeat;
	color: yellow;
	}
div.mission a:active {
	color: black;
	}
	
div.history {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/history.jpg) 0 0px no-repeat;
	}

div.history a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/history.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}

div.history a:hover {
	background: url(buttons/historyover.jpg) top left no-repeat;
	color: yellow;
	}
div.history a:active {
	color: black;
	}

	
div.newbuilding {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/newbuilding.jpg) 0 0px no-repeat;
	}

div.newbuilding a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/newbuilding.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.newbuilding a:hover {
	background: url(buttons/newbuildingover.jpg) top left no-repeat;
	color: yellow;
	}
div.newbuilding a:active {
	color: black;
	}

div.filmfestival {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/filmfestival.jpg) 0 0px no-repeat;
	}

div.filmfestival a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/filmfestival.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.filmfestival a:hover {
	background: url(buttons/filmfestivalover.jpg) top left no-repeat;
	color: yellow;
	}
div.filmfestival a:active {
	color: black;
	}


div.artistinresidence {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/artistinresidence.jpg) 0 0px no-repeat;
	}

div.artistinresidence a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/artistinresidence.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.artistinresidence a:hover {
	background: url(buttons/artistinresidenceover.jpg) top left no-repeat;
	color: yellow;
	}
div.artistinresidence a:active {
	color: black;
	}

div.toursinternship {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/toursinternship.jpg) 0 0px no-repeat;
	}

div.toursinternship a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/toursinternship.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.toursinternship a:hover {
	background: url(buttons/toursinternshipover.jpg) top left no-repeat;
	color: yellow;
	}
div.toursinternship a:active {
	color: black;
	}


div.public {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/public.jpg) 0 0px no-repeat;
	}

div.public a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/public.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.public a:hover {
	background: url(buttons/publicover.jpg) top left no-repeat;
	color: yellow;
	}
div.public a:active {
	color: black;
	}



div.past {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/past.jpg) 0 0px no-repeat;
	}

div.past a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/past.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.past a:hover {
	background: url(buttons/pastover.jpg) top left no-repeat;
	color: yellow;
	}
div.past a:active {
	color: black;
	}

div.exhibitions {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/exhibitions.jpg) 0 0px no-repeat;
	}
	
	div.exhibitions {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/exhibitions.jpg) 0 0px no-repeat;
	}

div.exhibitions a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/exhibitions.jpg) top left no-repeat;
	}

	* html a:hover
{
visibility:visible
}

div.exhibitions a:hover {
	background: url(buttons/exhibitionsover.jpg) top left no-repeat;
	color: yellow;
	}
div.exhibitions a:active {
	color: black;
	}
	
	
	
div.upcoming {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/upcoming.jpg) 0 0px no-repeat;
	}

div.upcoming a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/upcoming.jpg) top left no-repeat;
	}

	* html a:hover
{
visibility:visible
}

div.upcoming a:hover {
	background: url(buttons/upcomingover.jpg) top left no-repeat;
	color: yellow;
	}
div.upcoming a:active {
	color: black;
	}
	


div.nbfas {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/nbfas.jpg) 0 0px no-repeat;
	}

div.nbfas a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/nbfas.jpg) top left no-repeat;
	}

	* html a:hover
{
visibility:visible
}

div.nbfas a:hover {
	background: url(buttons/nbfasover.jpg) top left no-repeat;
	color: yellow;
	}
div.nbfas a:active {
	color: black;
	}
	

div.masqueradeball {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/masqueradeball.jpg) 0 0px no-repeat;
	}

div.masqueradeball a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/masqueradeball.jpg) top left no-repeat;
	}

	* html a:hover
{
visibility:visible
}

div.masqueradeball a:hover {
	background: url(buttons/masqueradeballover.jpg) top left no-repeat;
	color: yellow;
	}
div.masqueradeball a:active {
	color: black;
	}
	

div.mocadaatswann {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/mocadaatswann.jpg) 0 0px no-repeat;
	}

div.mocadaatswann a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/mocadaatswann.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.mocadaatswann a:hover {
	background: url(buttons/mocadaatswannover.jpg) top left no-repeat;
	color: yellow;
	}
div.mocadaatswann a:active {
	color: black;
	}
	

div.archive {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/archive.jpg) 0 0px no-repeat;
	}

div.archive a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/archive.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.archive a:hover {
	background: url(buttons/archiveover.jpg) top left no-repeat;
	color: yellow;
	}
div.archive a:active {
	color: black;
	}
	
div.board {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/board.jpg) 0 0px no-repeat;
	}

div.board a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/board.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.board a:hover {
	background: url(buttons/boardover.jpg) top left no-repeat;
	color: yellow;
	}
div.board a:active {
	color: black;
	}
	
	
div.funders {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/funders.jpg) 0 0px no-repeat;
	}

div.funders a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/funders.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.funders a:hover {
	background: url(buttons/fundersover.jpg) top left no-repeat;
	color: yellow;
	}
div.funders a:active {
	color: black;
	}
	
div.meetthestaff {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/meetthestaff.jpg) 0 0px no-repeat;
	}

div.meetthestaff a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/meetthestaff.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.meetthestaff a:hover {
	background: url(buttons/meetthestaffover.jpg) top left no-repeat;
	color: yellow;
	}
div.meetthestaff a:active {
	color: black;
	}
	
	
div.contact {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/contact.jpg) 0 0px no-repeat;
	}

div.contact a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/contact.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.contact a:hover {
	background: url(buttons/contactover.jpg) top left no-repeat;
	color: yellow;
	}
div.contact a:active {
	color: black;
	}

div.membership {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/membership.jpg) 0 0px no-repeat;
	}

div.membership a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/membership.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.membership a:hover {
	background: url(buttons/membershipover.jpg) top left no-repeat;
	color: yellow;
	}
div.membership a:active {
	color: black;
	}
	

div.newsevents {
	float: left;
	width: 150px; height: 30px;
	position:absolute;
	left:45px;
	top:100px;
	margin: 0 0 0 0;
	background: url(buttons/newsevents.jpg) 0 0px no-repeat;
	}

div.newsevents a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/newsevents.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.newsevents a:hover {
	background: url(buttons/newseventsover.jpg) top left no-repeat;
	color: yellow;
	}
div.newsevents a:active {
	color: black;
	}


div.frenchevolution {
	float: left;
	width: 150px; height: 16px;
	position:absolute;
	left:45px;
	top:134px;
	margin: 0 0 0 0;
	background: url(buttons/frenchevolution.jpg) 0 0px no-repeat;
	}

div.frenchevolution a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	font: bold 13px/1 Georgia, serif;
	color:#000;
	text-decoration: none;
	background: url(buttons/frenchevolution.jpg) top left no-repeat;
	}
	
	* html a:hover
{
visibility:visible
}
	
div.frenchevolution a:hover {
	background: url(buttons/frenchevolutionover.jpg) top left no-repeat;
	color: yellow;
	}
div.frenchevolution a:active {
	color: black;
	}
	
div.programs {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/programs.jpg) 0 0px no-repeat;
	}


	
div.events {
	float: left;
	width: 25px; height: 150px;
	margin: 0 0 0 0;
	background: url(buttons/events.jpg) 0 0px no-repeat;
	}
	
div.bordertop {
	float: left;
	width: 100%; height: 16px;
	margin: 0 0 0 0;
	background: url(buttons/bordertop.jpg) 0 0px no-repeat;
	}
	
div.spacer {
	float: left;
	width: 15px; height: 150px;
	margin: 0 0 0 0;
	background: #000000 0 0px no-repeat;
	}
	
	div.spacerbig {
	float: left;
	width: 275px; height: 150px;
	margin: 0 0 0 0;
	background: #000000 0 0px no-repeat;
	}