/*****************************************************************
	  Tested in the following browsers:  
	  
	  Firefox 3.0.15 PC 		Firefox 3.55 MAC 
	  Opera 9.63 PC				Opera 10.10 MAC
	  Safari 4.0.2 PC			Safari 4.0.4 MAC
	  Chrome 3.0.195.38 PC		Chrome 4.0.249.30 MAC
	  IE 7, IE 6, IE 5.5 PC
******************************************************************/


/* ============================================================== */
/*                  Navigation for HOME button...                 */
/* ============================================================== */

#btn-HOME {
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 0px;/* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;/* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_home.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-HOME2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 0px;/* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;/* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_home.png);
	background-repeat: no-repeat;
	background-position: 0 -12px;
}

#btn-HOME:hover {
	background-position: 0 -12px;
	text-align: center;
}

#btn-HOME span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-HOME2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

/* ============================================================== */
/*                Navigation for HISTORY button...                */
/* ============================================================== */

#btn-HISTORY {
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_history.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-HISTORY2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_history.png);
	background-repeat: no-repeat;
	background-position: 0 -12px;
}

#btn-HISTORY:hover { 
	background-position: 0 -12px;
}

#btn-HISTORY span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-HISTORY2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*         Navigation for FRIENDS OF THE MUSEUM button...         */
/* ============================================================== */

#btn-FRIENDS {
	display: block;
	width: 144px;
	height: 28px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_friends.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-FRIENDS2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 144px;
	height: 28px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_friends.png);
	background-repeat: no-repeat;
	background-position: 0 -28px;
}

#btn-FRIENDS:hover { 
	background-position: 0 -28px;
}

#btn-FRIENDS span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-FRIENDS2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*                  Navigation for LOCAL LINKS button...                 */
/* ============================================================== */


#btn-LINKS {
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_locallinks.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-LINKS2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_locallinks.png);
	background-repeat: no-repeat;
	background-position: 0 -12px;
}

#btn-LINKS:hover { 
	background-position: 0 -12px;
}

#btn-LINKS span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-LINKS2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

/* ============================================================== */
/*          Navigation for PROGRAMS AND EVENTS button...          */
/* ============================================================== */

#btn-PROGRAMS {
	display: block;
	width: 144px;
	height: 28px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_programs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-PROGRAMS2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 144px;
	height: 28px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_programs.png);
	background-repeat: no-repeat;
	background-position: 0 -28px;
}

#btn-PROGRAMS:hover { 
	background-position: 0 -28px;
}

#btn-PROGRAMS span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-PROGRAMS2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*               Navigation for GIFT SHOP button...               */
/* ============================================================== */


#btn-GIFTS {
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_giftshop.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-GIFTS2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_giftshop.png);
	background-repeat: no-repeat;
	background-position: 0 -12px;
}

#btn-GIFTS:hover { 
	background-position: 0 -12px;
}

#btn-GIFTS span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-GIFTS2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*               Navigation for CONTACT US button...              */
/* ============================================================== */


#btn-CONTACT {
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_contact.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-CONTACT2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 144px;
	height: 12px;
	margin-top: 17px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 17px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/nav_contact.png);
	background-repeat: no-repeat;
	background-position: 0 -12px;
}

#btn-CONTACT:hover { 
	background-position: 0 -12px;
}

#btn-CONTACT span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-CONTACT2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*               BTN: "Watch Us Grow"...              */
/* ============================================================== */



#btn-GROW {
	display: block;
	width: 267px;
	height: 72px;
	margin-top: 9px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 30px;  /* Margin inside cell or div */
	margin-bottom: 40px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 281px;  /* Margin inside cell or div */
	background-image: url(../images/btn_watchusgrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-GROW2 {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 267px;
	height: 72px;
	margin-top: 9px; /* This gives padding in between buttons in a vertical sidebar */
	margin-right: 30px;  /* Margin inside cell or div */
	margin-bottom: 40px;  /* This gives padding in between buttons in a vertical sidebar */
	margin-left: 281px;  /* Margin inside cell or div */
	background-image: url(../images/btn_watchusgrow.png);
	background-repeat: no-repeat;
	background-position: 0 -73px;
}

#btn-GROW:hover { 
	background-position: 0 -73px;
}

#btn-GROW span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-GROW2 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}


/* ============================================================== */
/*            BTN: "CLICK FOR MORE INFORMATION"...   #1           */
/* ============================================================== */



#btn-MORE1 {
	display: block;
	width: 165px;
	height: 33px;
	margin-top: 0px;/* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 0px;/* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/btn_click-for-more.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#btn-MORE1a {  /* This duplicate style is to be used in the page markup for the "down" state when ON the page */
	display: block;
	width: 165px;
	height: 33px;
	margin-top: 0px;/* This gives padding in between buttons in a vertical sidebar */
	margin-right: 0px;
	margin-bottom: 0px;/* This gives padding in between buttons in a vertical sidebar */
	margin-left: 0px;
	background-image: url(../images/btn_click-for-more.gif);
	background-repeat: no-repeat;
	background-position: 0 -33px;
}

#btn-MORE1:hover { 
	background-position: 0 -33px;
}

#btn-MORE1 span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}

#btn-MORE1a span {   /* Keeps the text title from showing up in place of graphic */
	display: none;
}