/* CSS Document */

/* Navigation */

#mainNav li a {width: 80px; height: 46px; background-position: 0 0}
#mainNav li li a {height: auto; padding: 0 0 1px 7px; line-height: 164%; font-size: 113%; font-weight: bold;}
#mainNav li ul {padding: 0 0 0 0}


#mainNav li a span {position: absolute; margin-left: -9999px;}
#top #mainNav li li a {width: 156px; height: auto; background-image: none;}
#mainNav .section1 a, #mainNav .section1 {background-image: url(/images/home/tnav/visit.gif)}
#mainNav .section2 a, #mainNav .section2 {background-image:url(/images/home/tnav/exhibitions.gif)}
#mainNav .section3 a, #mainNav .section3 {background-image: url(/images/home/tnav/collection.gif)}
#mainNav .section4 a, #mainNav .section4 {background-image: url(/images/home/tnav/calendar.gif)}
#mainNav .section5 a, #mainNav .section5 {background-image: url(/images/home/tnav/about.gif)}
#mainNav .section6 a, #mainNav .section6 { background-image:url(/images/home/tnav/campaign.png)}
#mainNav li.section6 a, #mainNav li.section6 {width: 108px;}

.section1 ul, .section1 ul a, .section1 ul a:visited {background-color: #4387d0; color: #d2e2f4  }
.section2 ul, .section2 ul a, .section2 ul a:visited {background-color: #8c8cc5; color: #e7e7f3 }
.section3 ul, .section3 ul a, .section3 ul a:visited {background-color: #f09000; color: #ffe7c2 }
.section4 ul, .section4 ul a, .section4 ul a:visited {background-color: #f0b400; color: #fff0c2}
.section5 ul, .section5 ul a, .section5 ul a:visited {background-color: #92b300; color: #e7f0c2 }

.section1 ul a:hover {background-color: #356BA4; color: #DDE9F7}
.section2 ul a:hover {background-color: #70709E; color: #E5E5EE}
.section3 ul a:hover {background-color: #DA7600; color: #FAF2E6}
.section4 ul a:hover {background-color: #DB9900; color: #F7EDD1}
.section5 ul a:hover {background-color: #758F00; color: #E6EBD1}

/* for flyover test */html #mainNav li a {background-position: 0 100%;}

#mainNav li a:hover {background-position: 0 100%;}


.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {

  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {

  display: block;
  padding: 0 0;
  text-decoration: none;
}

.nav li a:hover {


}
#mainNav li:hover a, 
#mainNav li.sfHover a {background-position: 0 100%;

 

}
#mainNav li:hover ul a, 
#mainNav li.sfHover ul a {


	
}
#mainNav li:hover ul a:hover, 
#mainNav li.sfHover ul a:hover {

 

}

.nav ul {
  
  background-position: bottom left;
  border-bottom: 0px solid #000;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: 0;
}
.nav li:hover ul,
.nav li.sfHover ul {
width: 163px;
margin-top: 1px;
border-top: 3px solid white; 
  top: 45px;
}

.nav li:hover ul li , .nav li.sfHover ul li {display: block; margin: 0; padding: 0;}
.nav li:hover ul li a, .nav li.sfHover ul li a {margin-right: 0; padding-right: 0; }
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {

    border-bottom: 0;
  
}
.nav ul a:hover {
 
}