/*			sitemenu.css		*/


/*==============================
Site Menu
==============================*/
ul#sitemenu
{
	width: 62em;
	xmargin: 0 0 0 10%;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;

	xborder: 1px dotted yellow;
	xfloat: left;
	xposition: relative;
	xheight: 1em;
}

ul#sitemenu li
{
	float: left;
	margin-right: 1ex;
	xborder: 1px dotted white;
	xbackground-color: white;
}

ul#sitemenu li a
{
	display: block;
	padding: 20px 1em 1ex 1em;
	font-size: 90%;
	xbackground: yellow;
}
ul#sitemenu li a span
{
	font-family: Arial, Verdana, "Friz Quadrata OS TT", Sans-Serif;
	font-weight: bold;
	color: rgb(140,140,140);	/* soft grey */
}
/* limit width of list items for IE Mac */
*>html ul#sitemenu li
{
	w\idth: 3em;
	b\ackground-color: #000; /*black*/
}

/* IE Mac */
*>html div#sitemenubox ul#sitemen0u ul li,
*>html div#sitemenubox ul#sitemenu ul li a
{
	f\ont-size: 100%;
	w\idth: 3em;
}
ul#sitemenu li a
{
	background-position: -100%;
	background-position: center top;
	background-repeat: repeat-x;
	color: rgb(133,141,200);	/* soft blue */
}
ul#sitemenu li a:hover
{
	background-position: center top;
}

/*------------------------------
Home - menu item
------------------------------*/
ul#sitemenu li#nav1home
{
	margin-bottom: 0;
	padding-bottom: 0;
}
ul#sitemenu li#nav1home
{
	width: 103px;
	height: 75px;
	margin-right: 0;
	padding-right: 0;
}
ul#sitemenu li#nav1home a
{
	width: 103px;
	height: 75px;
	margin: 1ex 0 0 0;
	padding: 0;
	text-transform: lowercase;
	background-image: url("../images/SiteLogo103x75.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}
ul#sitemenu li#nav1home a span
{
	display: none;
}
/* don't let the large size of the top-level item affect its submenu */
ul#sitemenu li#nav1home ul a
{
	width: auto;
	height: auto;
	margin: 0;
	background-image: none;
}


/*------------------------------
pop-up images
------------------------------*/
ul#sitemenu li#nav1works a:hover		{ background-image: url("../images/navWorks.jpg"); }
ul#sitemenu li#nav1galleries a:hover	{ background-image: url("../images/navGallery.jpg"); }
ul#sitemenu li#nav1discuss a:hover  	{ background-image: url("../images/navDiscuss.jpg"); }
ul#sitemenu li#nav1purchase a:hover		{ background-image: url("../images/navPurchase.jpg"); }
ul#sitemenu li#nav1calendar a:hover		{ background-image: url("../images/navCalendar.jpg"); }
ul#sitemenu li#nav1video a:hover		{ background-image: url("../images/navVideo.jpg"); }
ul#sitemenu li#nav1library a:hover		{ background-image: url("../images/navLibrary.jpg"); }
ul#sitemenu li#nav1about a:hover		{ background-image: url("../images/navAbout.jpg"); }
ul#sitemenu li#nav1contact a:hover		{ background-image: url("../images/navContact.jpg"); }

/*------------------------------
Japanese - last menu item
------------------------------*/
ul#sitemenu li#nav1japanese a
{
	xwidth: 3em;
	height: 26px;
	margin: 0;
	padding: 0px 1em 1ex 0;
	text-transform: lowercase;
	background-image: url("../images/sitemenuJapaneseOff.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	xcolor: #000; /*black*/
}
ul#sitemenu li#nav1japanese a:hover
{
	background-image: url("../images/sitemenuJapaneseOn.jpg");
}
ul#sitemenu li#nav1japanese a span
{
	visibility: hidden;
}
ul#sitemenu li#nav1japanese ul a span
{
	visibility: visible;
	text-transform: none;
}
ul#sitemenu li#nav1japanese ul a
{
	height: auto;
}

/*------------------------------
Home page - site menu
------------------------------*/
body.index ul#sitemenu
{
	width: 55em;
	padding-left: 2em;
}
/* suppress the home logo item */
body.index ul#sitemenu li#nav1home
{
	display: none;
}
body.index ul#sitemenu li.first
{
	xmargin-left: 10%;
}


/*------------------------------
Site menu - level 2
------------------------------*/
ul#sitemenu li ul
{
	list-style-type: none;
	display: none;
	position: absolute;
	z-index: 100;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #000; /*black*/
}
/* display submenu when top-level item is hovered */
ul#sitemenu li:hover ul,
ul#sitemenu li.hover ul,
ul.nav1works li#nav1works ul,
ul.nav1galleries li#nav1galleries ul,
ul.nav1discuss li#nav1discuss ul,
ul.nav1purchase li#nav1purchase ul,
ul.nav1calendar li#nav1calendar ul,
ul.nav1library li#nav1library ul,
ul.nav1about li#nav1about ul,
ul.nav1contact li#nav1contact ul,
ul.nav1japanese li#nav1japanese ul
{
	display: block;
}

body ul#sitemenu li ul li
{
	float: none;
	font-size: 90%;
	margin: 1ex 0 !important;
	padding: 0 !important;
	background-color: #000; /*black*/
}
body ul#sitemenu li ul li a
{
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	padding: 0 1em 1ex 1em !important;
	background-image: none !important;
}
ul#sitemenu li li a span
{
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
ul#sitemenu li#nav1works ul li a:hover,
ul#sitemenu li#nav1galleries ul li a:hover,
ul#sitemenu li#nav1discuss ul li a:hover,
ul#sitemenu li#nav1purchase ul li a:hover,
ul#sitemenu li#nav1calendar ul li a:hover,
ul#sitemenu li#nav1library ul li a:hover,
ul#sitemenu li#nav1about ul li a:hover,
ul#sitemenu li#nav1contact ul li a:hover,
ul#sitemenu li#nav1japanese ul li a:hover
{
	background-image: none;
}
ul#sitemenu li a:hover span
{
	color: rgb(133,141,200);	/* soft blue */
}