#painters {
  padding:0;
  margin:5em 0;
  list-style-type:none; 
  }
#painters li {
  width:145px; 
  height:20px; 
  float:left;
  border:1px solid #FFFFFF;
  margin-right:2px;
  margin-bottom: 10px;
  }
#painters a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
  }
#painters a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:145px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#painters a.purple {background:#990099; color:#fff;}
#painters a:hover {
  width:170px; 
  height:28px;
  z-index:200;
  background-color:#CC99CC;
  left: -1px;
  }
  
#painters a:active {
  width:170px; 
  height:28px;
  z-index:200;
  background-color:#CC99CC;
  left: -1px;
  }
  
#painters a:hover em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #ffffff;
  position:absolute; 
  width:170px; 
  height:25px;
  left:-12px; 
  top:-8px;
  padding-top: 5px;
  font-weight: bold;
  }
  
#painters a:active em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#990099; 
  border:1px solid #ffffff;
  position:absolute; 
  width:170px; 
  height:25px;
  left:-12px; 
  top:-8px;
  padding-top: 5px;
  font-weight: bold;
  }
 
#painters a:hover.purple em {background:#990099;}

#painters li.current,
#painters li.section {
	width:170px; 
  	height:28px;
  	z-index:200;
  	background-color:#CC99CC;
  	left: -1px;
	border: 0px;
	margin-top: 6px;
}

#painters li.current em,
#painters li.section em{
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#990099; 
  border:1px solid #ffffff;
  position:absolute; 
  width:170px; 
  height:25px;
  left:-11px; 
  top:-8px;
  padding-top: 5px;
  font-weight: bold;
}


/* Blue Menu */
#painters2 {
  padding:0;
  margin:5em 0;
  list-style-type:none; 
  }
#painters2 li {
  width:145px; 
  height:20px; 
  float:left;
  border:1px solid #FFFFFF;
  margin-right:2px;
  margin-bottom: 10px;
  }
#painters2 a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
  }
#painters2 a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:145px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#painters2 a.blue {background:#018DB0; color:#fff;}
#painters2 a:hover {
  width:170px; 
  height:28px;
  z-index:200;
  background-color:#B9E0E7;
  left: -1px;
  }
  
#painters2 a:active {
  width:170px; 
  height:28px;
  z-index:200;
  background-color:#B9E0E7;
  left: -1px;
  }
  
#painters2 a:hover em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#018DB0; 
  border:1px solid #ffffff;
  position:absolute; 
  width:170px; 
  height:25px;
  left:-12px; 
  top:-8px;
  padding-top: 5px;
  font-weight: bold;
  }
  
#painters2 a:active em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#018DB0; 
  border:1px solid #ffffff;
  position:absolute; 
  width:170px; 
  height:25px;
  left:-12px; 
  top:-8px;
  padding-top: 5px;
  font-weight: bold;
  }
 
#painters2 a:hover.blue em {background:#018DB0;}

#painters2 li.current,
#painters2 li.section {
	width:170px; 
  	height:28px;
  	z-index:200;
  	background-color:#B9E0E7;
  	left: -1px;
	border: 0px;
	margin-top: 6px;
}

#painters2 li.current em,
#painters2 li.section em{
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#018DB0; 
  border:1px solid #ffffff;
  position:absolute; 
  width:170px; 
  height:25px;
  left:-11px; 
  top:-8px;
  padding-top: 5px;
  font-weight: bold;
}