/* ######### Style for nav ######### */

#topnav {
	position:relative;
	width: 675px;
	height: 30px;
	float: right;
	margin-top: 35px;
	}		

#nav {
	height: 16px;
	padding:0px 0px;
	position: relative;
	margin-top: 15px;
	width: 560px;
	float: right;
	}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav li {
	position: relative;
	float: left;
	}
#nav a {
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	}
#nav li a{

	height: 16px;
	display: block;
	}
#nav ul ul{
	position: absolute;
	visibility: hidden;
	
	height:0;
	left:0;
	}
#nav ul li{
	margin-top: 0px;
	right: 0px;
	}		
#nav ul li:hover ul,#nav ul a:hover ul{
	visibility:visible;
	margin-top: 16px;
	}		

/* ######### Style for Nav2 ######### */
#nav2 {
	height: 16px;
	padding:0px 0px;
	position: relative;
	margin-top: 15px;
	width: 560px;
	float: right;
	}
#nav2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav2 li {
	position: relative;
	float: left;
	}
#nav2 a {
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	}
#nav2 li a{
	width: 100px;
	height: 16px;
	display: block;
	}
#nav2 ul ul{
	position: absolute;
	visibility: hidden;
	width: 100px;
	height:0;
	left:0;
	}
#nav2 ul li{
	margin-top: 0px;
	right: 0px;
	}		
#nav2 ul li:hover ul,#nav ul a:hover ul{
	visibility:visible;
	margin-top: 16px;
	}		


/* ######### Style for rollovers ######### */

/*  rollover2 - about */

.rollover {
	width: 80px;
	height: 16px;
	background-image: url(../images/topnav_about.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover:hover, a.rollover:active {
	background-image: url(../images/topnav_about_2.gif);
	}
#about a.rollover {
	background-image: url(../images/topnav_about_2.gif);
	}

/*  rollover2 - programs */

.rollover2 {
	width: 80px;
	height: 16px;
	background-image: url(../images/topnav_programs.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover2:hover {
	background-image: url(../images/topnav_programs_2.gif);
	}
#programs a.rollover2 {
	background-image: url(../images/topnav_programs_2.gif);
	}

/*  rollover3 - services */

.rollover3 {
	width: 80px;
	height: 16px;
	background-image: url(../images/topnav_services.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover3:hover {
	background-image: url(../images/topnav_services_2.gif);
	}
#services a.rollover3 {
	background-image: url(../images/topnav_services_2.gif);
	}

/*  rollover4 - gallery */

.rollover4 {
	width: 80px;
	height: 16px;
	background-image: url(../images/topnav_gallery.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover4:hover {
	background-image: url(../images/topnav_gallery_2.gif);
	}
#gallery a.rollover4 {
	background-image: url(../images/topnav_gallery_2.gif);
	}

/*  rollover5 - supporters */

.rollover5 {
	width: 80px;
	height: 16px;
	background-image: url(../images/topnav_supporters.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover5:hover {
	background-image: url(../images/topnav_supporters_2.gif);
	}
#supporters a.rollover5 {
	background-image: url(../images/topnav_supporters_2.gif);
	}

/*  rollover6 - contact */

.rollover6 {
	width: 80px;
	height: 16px;
	background-image: url(../images/topnav_news.gif);
	background-repeat: no-repeat;
	display: block;
	}

a.rollover6:hover {
	background-image: url(../images/topnav_news_2.gif);
	}
#contact a.rollover6 {
	background-image: url(../images/topnav_news_2.gif);
	}

/*  rollover7 - donate */

.rollover7 {
	width: 80px;
	height: 16px;
	background-image: url(../images/topnav_donate.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover7:hover {
	background-image: url(../images/topnav_donate_2.gif);
	}
#donate a.rollover6 {
	background-image: url(../images/topnav_donate_2.gif);
	}


/* ######### Style for Drop Down Menu ######### */

a.organization{
	width: 80px;
	background: url(../images/topnav_organization_2.gif) no-repeat;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.organization:hover {
	width: 80px;
	background-image: url(../images/topnav_organization_3.gif);
	}
a.history{
	width: 80px;
	background: url(../images/topnav_history_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.history:hover {
	width: 80px;
	background-image: url(../images/topnav_history_3.gif);
	}		
a.people{
	width: 80px;
	background: url(../images/topnav_people_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.people:hover {
	width: 80px;
	background-image: url(../images/topnav_people_3.gif);
	}	
a.board{
	width: 80px;
	background: url(../images/topnav_board_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.board:hover {
	width: 80px;
	background-image: url(../images/topnav_board_3.gif);
	}
a.financials{
	width: 80px;
	background: url(../images/topnav_resources_2.gif) no-repeat top center;
	margin-top: 0px;
	}
a.financials:hover {
	width: 80px;
	background-image: url(../images/topnav_resources_3.gif);
	}
	
a.coreprograms{
	width: 100px;
	background: url(../images/topnav_journey_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.coreprograms:hover {
	width: 100px;
	background-image: url(../images/topnav_journey_3.gif);
	}	
a.specialprojects{
	width: 100px;
	background: url(../images/topnav_special_2.gif) no-repeat top center;
	margin-top: 0px;
	}
a.specialprojects:hover {
	width: 100px;
	background-image: url(../images/topnav_special_3.gif);
	}
	
	
a.exhibitions{
	width: 80px;
	background: url(../images/topnav_exhibitions_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.exhibitions:hover {
	width: 80px;
	background-image: url(../images/topnav_exhibitions_3.gif);
	}
a.collections{
	width: 80px;
	background: url(../images/topnav_collections_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}	
a.collections:hover {
	width: 80px;
	background-image: url(../images/topnav_collections_3.gif);
	}
a.multimedia{
	width: 80px;
	background: url(../images/topnav_multimedia_2.gif) no-repeat top center;
	margin-top: 0px;
	}
a.multimedia:hover {
	width: 80px;
	background-image: url(../images/topnav_multimedia_3.gif);
	}	
a.donors{
	width: 80px;
	background: url(../images/topnav_donors_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.donors:hover {
	width: 80px;
	background-image: url(../images/topnav_donors_3.gif);
	}
a.corporate{
	width: 80px;
	background: url(../images/topnav_corporate_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.corporate:hover {
	width: 80px;
	background-image: url(../images/topnav_corporate_3.gif);
	}
a.individuals{
	width: 80px;
	background: url(../images/topnav_individuals_2.gif) no-repeat top center;
	margin-top: 0px;
	}
a.individuals:hover {
	width: 80px;
	background-image: url(../images/topnav_individuals_3.gif);
	}
a.blog{
	width: 80px;
	background: url(../images/topnav_blog_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.blog:hover {
	width: 80px;
	background-image: url(../images/topnav_blog_3.gif);
	}
a.newsletter{
	width: 80px;
	background: url(../images/topnav_newsletter_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.newsletter:hover {
	width: 80px;
	background-image: url(../images/topnav_newsletter_3.gif);
	}

a.press{
	width: 80px;
	background: url(../images/topnav_press_2.gif) no-repeat top center;
	margin-top: 0px;
	}
a.press:hover {
	width: 80px;
	background-image: url(../images/topnav_press_3.gif);
	}


a.staff{
	width: 80px;
	background: url(../images/topnav_staff_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}
a.staff:hover {
	width: 80px;
	background-image: url(../images/topnav_staff_3.gif);
	}
a.links{
	width: 80px;
	background: url(../images/topnav_links_2.gif) no-repeat top center;
	margin-top: 0px;
	border-bottom: solid 1px #CCCCCC;
	}	
a.links:hover {
	width: 80px;
	background-image: url(../images/topnav_links_3.gif);
	}
a.partners{
	width: 80px;
	background: url(../images/topnav_partners_2.gif) no-repeat top center;
	margin-top: 0px;
	}
a.partners:hover {
	width: 80px;
	background-image: url(../images/topnav_partners_3.gif);
	}
	
	
	
/* ######### Footer ######### */	
	

#footer {
	clear:both;
	position:relative;
	width: 950px;
	height: 25px;
	float: left;
	margin-top: 2px;
	font-family: Arial;
	font-size: 10px;
	text-align: left;
	color: #333333;
	padding-top: 2px;
	}

#footernav {
	height: 13px;
	padding:0px 0px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 6px;
	width: 282px;
	float: right;
	}

	
#footernav a {
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	}
#footernav ul {
	margin: 0;
	padding: 0px 0 0 0px;
	margin-left: 0px;
	}
#footernav li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
	}
#footernav a {
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	}
#footernav li a{
	height: 13px;
	display: block;
	}
#footernav ul ul{
	position: absolute;
	visibility: hidden;
	}
#footernav ul li{
	margin-top: 1px;		
	}		
#footernav ul li:hover ul{
	visibility:visible;
	margin-top: 13px;
	}		

/*  rollover8 - contact */

.rollover8 {
	width: 60px;
	height: 13px;
	background-image: url(../images/botnav_contact.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover8:hover {
	background-image: url(../images/botnav_contact_2.gif);
	}

/*  rollover9 - opportunities */

.rollover9 {
	width: 90px;
	height: 13px;
	background-image: url(../images/botnav_opportunities.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover9:hover {
	background-image: url(../images/botnav_opportunities_2.gif);
	}
	
/*  rollover10 - privacy statement */

.rollover10 {
	width: 90px;
	height: 13px;
	background-image: url(../images/botnav_privacy.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover10:hover {
	background-image: url(../images/botnav_privacy_2.gif);
	}
	
/*  rollover11 - store */

.rollover11 {
	width: 40px;
	height: 13px;
	background-image: url(../images/botnav_join.gif);
	background-repeat: no-repeat;
	display: block;
	}
a.rollover11:hover {
	background-image: url(../images/botnav_join_2.gif);
	}

#bottom {
	clear:both;
	position:relative;
	width: 300px;
	height: 12px;
	float: right;
	margin-top: 3px;
	font-family: Arial;
	font-size: 10px;
	padding: 0px;
	color: #666666;
	}