/* CSS Document */



#mainNav {
position: absolute; top:125px; left: 15px;
margin: 0 ; padding: 0 ; 
width:  145px    /* IE & Moz */
wi\dth: 145px;  /* IE then reads this, Moz doesn't */
z-index: 700;
}


/* NAVIGATION */
#nav { background: #000; width: 145px;}
#nav, #nav ul { padding: 0 0 80px 0; margin: 20px 0 0 0 ; list-style: none; } 
#nav a { display: block; color:white; width: 116px; text-decoration: none; font-weight: bold; font-size: 1.2em;} 
#nav li { /*float: left; */white-space:nowrap; margin: 0 0 0 10px; display:block ; padding: 10px 0; background: #000;  }
/*#black #nav li { background: none;  }
#nav li ul { position: absolute;  left: -999em; margin: 0 0 0 -6px;} 
#nav li:hover ul { left: auto;  margin: 1px 0 0 0px;}
#nav li:hover ul, #nav li.sfhover ul { left: auto; margin: 1px 0 0 0px; }
#nav li li { display: none; float: left; background:url(images/NavBackgroundLineSub.gif) 100% 100% no-repeat;}
#nav li li span { display:inline-block ; margin:0; padding: 3px 4px 3px 7px; position:relative;}*/
/*#mainNav li.endR {
float:left; display:block; color:white;
text-decoration:none;
background:url(images/NavBackgroundLineMain.gif) top left no-repeat;}
#mainNav li li.endR {
float:left; display:block; color:white;
text-decoration:none;
background:url(images/NavBackgroundLineSub.gif) top left no-repeat;}*/

#nav li li { display: none; line-height: 1px;}
#nav li ul { display: none; line-height: 1px;}

#mainNav a:hover { color:#8B9393;}

/*#mainNav li span { visibility:hidden;}
li#homeBtn a { background:url(int/menuandheader/Home.gif) 0 0 no-repeat; height: 20px; width: 52px;}
li#exhibitionsBtn a { background:url(int/menuandheader/Exhibitions.gif) 0 0 no-repeat; height: 20px; width: 90px;}
li#artistsBtn a { background:url(int/menuandheader/Artists.gif) 0 0 no-repeat; height: 20px; width: 63px;}
li#newsBtn a { background:url(int/menuandheader/News.gif) 0 0 no-repeat; height: 20px; width: 63px;}
li#contactBtn a { background:url(int/menuandheader/Contact.gif) 0 0 no-repeat; height: 20px; width: 71px;}
li#aboutBtn a { background:url(int/menuandheader/AboutUs.gif) 0 0 no-repeat; height: 20px; width: 79px;}
li#publicationsBtn a { background:url(int/menuandheader/Publications.gif) 0 0 no-repeat; height: 20px; width: 94px;}
li#galleryBtn a { background:url(int/menuandheader/TheGallery.gif) 0 0 no-repeat; height: 20px; width: 97px;}



li#homeBtn a:hover { background:url(int/menuandheader/Home_f2.gif) 0 0 no-repeat; height: 20px; width: 52px;}
li#exhibitionsBtn a:hover { background:url(int/menuandheader/Exhibitions_f2.gif) 0 0 no-repeat; height: 20px; width: 90px;}
li#artistsBtn a:hover { background:url(int/menuandheader/Artists_f2.gif) 0 0 no-repeat; height: 20px; width: 63px;}
li#newsBtn a:hover { background:url(int/menuandheader/News_f2.gif) 0 0 no-repeat; height: 20px; width: 63px;}
li#contactBtn a:hover { background:url(int/menuandheader/Contact_f2.gif) 0 0 no-repeat; height: 20px; width: 71px;}
li#aboutBtn a:hover { background:url(int/menuandheader/AboutUs_f2.gif) 0 0 no-repeat; height: 20px; width: 79px;}
li#publicationsBtn a:hover { background:url(int/menuandheader/Publications_f2.gif) 0 0 no-repeat; height: 20px; width: 94px;}
li#galleryBtn a:hover { background:url(int/menuandheader/TheGallery_f2.gif) 0 0 no-repeat; height: 20px; width: 97px;}
*/
/* BLACK

#black #Header #mainNav #nav li#homeBtn a { background:url(int/menuandheader/HomeBLACK.gif) 0 0 no-repeat; height: 20px; width: 52px;}
#black #Header #mainNav #nav  li#exhibitionsBtn a { background:url(int/menuandheader/ExhibitionsBLACK.gif) 0 0 no-repeat; height: 20px; width: 90px;}
#black #Header #mainNav #nav  li#artistsBtn a { background:url(int/menuandheader/ArtistsBLACK.gif) 0 0 no-repeat; height: 20px; width: 63px;}
#black #Header #mainNav #nav  li#newsBtn a { background:url(int/menuandheader/NewsBLACK.gif) 0 0 no-repeat; height: 20px; width: 63px;}
#black #Header #mainNav #nav  li#contactBtn a { background:url(int/menuandheader/ContactBLACK.gif) 0 0 no-repeat; height: 20px; width: 71px;}
#black #Header #mainNav #nav  li#aboutBtn a { background:url(int/menuandheader/AboutUsBLACK.gif) 0 0 no-repeat; height: 20px; width: 79px;}
#black #Header #mainNav #nav  li#publicationsBtn a { background:url(int/menuandheader/PublicationsBLACK.gif) 0 0 no-repeat; height: 20px; width: 94px;}
#black #Header #mainNav #nav  li#galleryBtn a { background:url(int/menuandheader/TheGalleryBLACK.gif) 0 0 no-repeat; height: 20px; width: 97px;}



#black #Header #mainNav #nav li#homeBtn a:hover { background:url(int/menuandheader/HomeBLACK_f2.gif) 0 0 no-repeat; height: 20px; width: 52px;}
#black #Header #mainNav #nav li#exhibitionsBtn a:hover { background:url(int/menuandheader/ExhibitionsBLACK_f2.gif) 0 0 no-repeat; height: 20px; width: 90px;}
#black #Header #mainNav #nav li#artistsBtn a:hover { background:url(int/menuandheader/ArtistsBLACK_f2.gif) 0 0 no-repeat; height: 20px; width: 63px;}
#black #Header #mainNav #nav li#newsBtn a:hover { background:url(int/menuandheader/NewsBLACK_f2.gif) 0 0 no-repeat; height: 20px; width: 63px;}
#black #Header #mainNav #nav li#contactBtn a:hover { background:url(int/menuandheader/ContactBLACK_f2.gif) 0 0 no-repeat; height: 20px; width: 71px;}
#black #Header #mainNav #nav  li#aboutBtn a:hover { background:url(int/menuandheader/AboutUsBLACK_f2.gif) 0 0 no-repeat; height: 20px; width: 79px;}
#black #Header #mainNav #nav  li#publicationsBtn a:hover { background:url(int/menuandheader/PublicationsBLACK_f2.gif) 0 0 no-repeat; height: 20px; width: 94px;}
#black #Header #mainNav #nav  li#galleryBtn a:hover { background:url(int/menuandheader/TheGalleryBLACK_f2.gif) 0 0 no-repeat; height: 20px; width: 97px;}
*/