body {
	background-color: #000;
}
body,td,th {
	color: #999;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1 {
	font-size: 14px;
	color: #FFF;
}
h2 {
	font-size: 10px;
	color: #CCC;
}
h3 {
	font-size: 10px;
	color: #666;
}


#multi-level {
	height:40px;
	position:relative;
	z-index:100;
	left: 26px;
}
#multi-level .pad {float:left;}

/* The menudrop styling */
/* Remove the padding, margins and bullets from the lists */
.menudrop, .menudrop ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menudrop li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menudrop function. The font size is necessary for IE5.5 */
.menudrop table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menudrop li.top a.top_link {display:block; float:left; height:40px;}
.menudrop li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:11px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menudrop li.p1 {width:77px; background:url(images/btn_sculpture.jpg) no-repeat;}
.menudrop li.p3 {width:134px; background:url(images/btn_photogr.jpg) no-repeat;}
.menudrop li.p4 {width:94px; background:url(images/btn_workonpaper.jpg) no-repeat;}
.menudrop li.p5 {width:106px; background:url(images/btn_newprojects.jpg) no-repeat;}



/* set up the normal unhovered images in the links */
.menudrop li a#sculpture {width:77px; background:url(images/btn_sculpture.jpg) no-repeat;}
.menudrop li a#photography {width:134px; background:url(images/btn_photogr.jpg) no-repeat;}
.menudrop li a#workonpaper {width:94px; background:url(images/btn_workonpaper.jpg) no-repeat;}
.menudrop li a#newprojects {width:106px; background:url(images/btn_newprojects.jpg) no-repeat;}

.menudrop li a#sculpture:hover {width:77px; background:url(images/btn_sculpture2.jpg) no-repeat;}
.menudrop li a#photography:hover {width:134px; background:url(images/btn_photogr2.jpg) no-repeat;}
.menudrop li a#workonpaper:hover {width:94px; background:url(images/btn_workonpaper2.jpg) no-repeat;}
.menudrop li a#newprojects:hover {width:106px; background:url(images/btn_newprojects2.jpg) no-repeat;}
/* Style the list OR link hover. Depends on which browser is used */
.menudrop a:hover {visibility:visible;} /* for IE6 */
.menudrop li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */


/* keep the 'next' level invisible by placing it off screen. */
.menudrop ul, 
.menudrop :hover ul ul, 
.menudrop :hover ul :hover ul ul,
.menudrop :hover ul :hover ul :hover ul ul,
.menudrop :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}


/* set up the first drop down sub level */
.menudrop :hover ul.sub {left:0; top:22px; background: #404040; padding:10px 0; border:1px solid #999; white-space:nowrap; width:220px; margin-right:10px; height:auto; padding-bottom:20px; padding-top:0px}
.menudrop :hover ul.sub li {display:block; height:22px; position:relative; float:left; width:200px;}
.menudrop :hover ul.sub li a {display:block; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:22px; width:214px; line-height:28px; text-indent:20px; color:#CCCCCC; font-weight:normal; text-decoration:none; border:12px solid #404040; border-width:0 0 0 6px;border-bottom:1px solid #696969}
.menudrop :hover ul.sub li a.fly {background:#fff url(multi_level-files/arrow.gif) 270px 7px no-repeat;}
.menudrop :hover ul.sub li a:hover { color:#fff; border-bottom:1px solid #ffffff }
.menudrop :hover ul.sub li a.fly:hover {background:#404040 url(multi_level-files/arrow_over.gif) 270px 7px no-repeat; color:#fff;}
.menudrop :hover ul li:hover > a.fly {background:#404040 url(multi_level-files/arrow_over.gif) 270px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menudrop :hover ul :hover ul,
.menudrop :hover ul :hover ul :hover ul,
.menudrop :hover ul :hover ul :hover ul :hover ul,
.menudrop :hover ul :hover ul :hover ul :hover ul :hover ul
{left:190px; top:-4px; background: #fff; padding:3px 0; border:1px solid #999; white-space:nowrap; width:266px; z-index:200; height:auto; z-index:300;}