h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 30px; margin: 0; padding: 0 0 0 8px; width: 648px;}

.mast-img { width: 120px; height: 23px; background-color:black; background-repeat: no-repeat; } /* for IE */
/*html>body .mast-img { width: 120em; height: 7.48em; }*/										/* correct */

#museum ul .mast-img a { display:block; width: 110px; height: 21px; text-decoration:none; }  /* may need modify for some pages */

.mast-img a i { overflow:default; visibility:hidden; }


/* font-size 100%, ul font-size 0.165em, width 45em = ul width 120px */

/* height of header 23px */

/* ul hover font size of .49em = ul width 354px */

/* height of header 73px */


#museum ul
{
	font-size: 2px;
	margin: 12px 6px;
	float: left;
	background-color: transparent;
	width: 120px;
	list-style-type: none;
	list-style-position: default;
	height: 288px;
}

html>body #museum ul { font-size: 3px; margin: 12px 8px; height: 286px; }


#museum li { line-height: 4px; padding: 1px 0 1px 5px; font-weight:bold; }

#museum ul .mast-img { width: 120px; height: 23px; padding:0; margin: 0; }

#museum ul:hover { font-size: .6em; width: 354px; height: 480px; }

#museum ul:hover li a:hover { font-size: 2em; }

#museum ul:hover li.gap { font-size: 2em; }

#museum ul:hover .mast-img { width: 354px; height: 73px; }
#museum ul:hover .mast-img a { width: 336px; height: 70px; margin: 0 0 0 -5px; padding:0; } /* may need modify for some pages */


/* tmx 30 */
.t30 li { background-color:#30096E; color:#fff;}
.t30 .al{ background-color:#030303; color:#94CFD6; }
.t30 a, .t30 .al a { color:#bcbcbc; }

.t30 a:hover, .t30 .al a:hover {color:#fff;}
.t30 a:active, .t30 .al a:active { color:#20FE15; }

.t30 .mast-img { background-image: url(m/t-30.gif); }
ul.t30:hover .mast-img {  background-image: url(m/t-30-354.gif); }

ul.t30 .mast-img a { background-color: transparent; }


/* tmx 29 */
.t29 li { background-color:#FF1800; color:#fff;}
.t29 .al{ background-color:#031F1F; color:#94CFD6; }
.t29 a, .t29 .al a {color:#FFF700; }

.t29 a:hover, .t29 .al a:hover {color:#fff;}
.t29 a:active, .t29 .al a:active  { color:#FFCA00; }

.t29 .mast-img { background-image: url(m/t-29.jpg); }
ul.t29:hover .mast-img { background-image: url(m/t-29-354.gif); }


/* tmx 28 */
.t28 li {background-color:#015800; color:#fff;}
.t28 .al{background-color:#000; color:#94CFD6;}
.t28 a, .t28 .al a { color:#A7DC00; }

.t28 a:hover, .t28 .al a:hover, .t28 .red {color:#fff;}
.t28 a:active, .t28 .al a:active { color:#FFCA00; }

.t28 .mast-img { background-image: url(m/t-28.jpg); }
ul.t28:hover .mast-img { background-image: url(m/t-28-354.gif); }


/* tmx 27 */
.t27 li {background-color:#015668; color:#fff;}
.t27 .al{background-color: black ; color:#94CFD6;}
.t27 a, .t27 .al a { color:#94CFD6; }

.t27 a:hover, .t27 .al a:hover, .t27 .red {color:#fff;}
.t27 a:active, .t27 .al a:active {color:red;}

.t27 .mast-img { background-image: url(m/t-27.jpg); }
ul.t27:hover .mast-img { background-image: url(m/t-27-354.gif); }

#museum ul.t27:hover {margin: -290px 0 0 404px;}


/* tmx 26 */
.t26 li {background-color:#000; color:#fff;}
.t26 .al{background-color: yellow;}
.t26 a {color: yellow;} .t26 .al a {color:#000;}

.t26 a:hover, .t26 .al a:hover, .t26 .red {color:red;}
.t26 a:active, .t26 .al a:active {color:lime;}

.t26 .mast-img { background-image: url(m/t-26.jpg); }
ul.t26:hover .mast-img { background-image: url(m/t-26-354.gif); }

#museum ul.t26:hover {margin: -290px 0 0 404px;}


/* tmx 25 */
.t25 li {background-color:#000; color:#fff;}
.t25 .al{background-color:#FE0072;}
.t25 a, .t25 .yellow { color:#FE0072; } .t25 .al a {color:#fff;}

.t25 a:hover, .t25 .al a:hover { color:#A52C65; }
.t25 a:active {color:red;} .t25 .al a:active {color:#000;}

.t25 .mast-img { background-image: url(m/t-25.gif); }
ul.t25:hover .mast-img {  background-image: url(m/t-25-354.gif); }


/* tmx 24 */
.t24 li {background-color:#4694D3;}
.t24 .al{background-color:#A52C65;}
.t24 a, .t24 .al a, .t24 .yellow { color:#FEDD11; }

.t24 a:hover, .t24 a:active { color:#A52C65; }
.t24 .al a:hover, .t24 .al a:active { color:#4694D3; }

.t24 .mast-img { background-image: url(m/t-24.gif); }
ul.t24:hover .mast-img {  background-image: url(m/t-24-354.gif); }


/* tmx 23 */
.t23 li {background-color:#fff;}
.t23 a, .t23 .red {color:red;}
.t23 a:hover {color:blue;}

.t23 li.al{background-color:red; color:#fff;}
.t23 li.blu {background-color:blue; color:#fff;}

.t23 li.al a, .t23 li.blu a {color:#fff;}

.t23 .mast-img { background-image: url(m/t-23.gif); }
ul.t23:hover .mast-img {  background-image: url(m/t-23-354.gif); }


/* tmx 22 */
.t22 li {background-color: yellow;}
.t22 .al{background-color:red;}
.t22 a {color:lime;}

.t22 .green {color:green;}
.t22 .yellow, .t22 a:hover {color:#000;}
.t22 .red {color:red;}

.t22 .mast-img { background-image: url(m/t-22.gif); }
ul.t22:hover .mast-img {  background-image: url(m/t-22-354.gif); }

#museum ul.t22:hover {margin: -290px 0 0 404px;}


/* tmx 21 */
.t21 li {background-color:#000;}
.t21 .al{background-color:gray;}
.t21 a {color:#fff;}

.t21 .green {color: green;}
.t21 .yellow {color: yellow;}
.t21 .red {color:red;}

.t21 a:hover {color:lime;}

.t21 .mast-img { background-image: url(m/t-21.gif); }
ul.t21:hover .mast-img {  background-image: url(m/t-21-354.gif); }

#museum ul.t21:hover {margin: -290px 0 0 404px;}


/* tmx 20 */
.t20 li {background-color: orange;}
.t20 .al{background-color:red;}
.t20 a {color:#fff;}

.t20 a:hover {color:#000;}

.t20 .mast-img { background-image: url(m/t-20.gif); }
ul.t20:hover .mast-img {  background-image: url(m/t-20-354-75.jpg); }
#museum ul.t20:hover .mast-img { width: 354px; height: 75px; }

/* tmx 19 */
.t19 li {background-color:#fff; color: gray;}
.t19 .al{background-color: gray; color:#fff;}
.t19 a {color:gray;}
.t19 .al a {color:#fff;}

.t19 a:hover {color:#000;}

.t19 .mast-img { background-image: url(m/t-19.gif); }
ul.t19:hover .mast-img {  background-image: url(m/t-19-354-75.gif); }
#museum ul.t19:hover .mast-img { width: 354px; height: 75px; }


/* tmx 18 */
.t18 li {background-color:#fff; color:#000;}
.t18 .al{background-color:#960000;}
.t18 a {color:#000;}

.t18 a:hover {color:red;}

.t18 .mast-img { background-image: url(m/t-18.gif); }
ul.t18:hover .mast-img {  background-image: url(m/t-18-354-75.gif); }
#museum ul.t18:hover .mast-img { width: 354px; height: 75px; }


/* tmx 17 */
.t17 li {background-color:#fff; color:#000;}
.t17 .al{background-color:#A4B6D4;}
.t17 a {color:#000;}

.t17 a:hover { color:#FD7D7D; }

.t17 .red {background-color:#703733; height: 2em; }

.t17 .mast-img { background-image: url(m/t-17.gif); }
ul.t17:hover .mast-img {  background-image: url(m/t-17-354-75.gif); }
#museum ul.t17:hover .mast-img { width: 354px; height: 75px; }

#museum ul.t17:hover { margin: -290px 0 0 404px;}


/* tmx 16 */
.t16 li {background-color:#000; color:#FFD723;}
.t16 .al{background-color:#fff;}
.t16 a { color:#FFD723; }

.t16 .mast-img { background-image: url(m/t-16.gif); }
ul.t16:hover .mast-img {  background-image: url(m/t-16-354-75.gif); }
#museum ul.t16:hover .mast-img { width: 354px; height: 75px; }

#museum ul.t16:hover {margin: -290px 0 0 404px;}


/* tmx 15 */
.t15 li {background-color:#000;}
.t15 .al{background-color:#566D27;}
.t15 li a {color:#FF590D;}
.t15 .al a {color:#fff;}

.t15 .mast-img { background-image: url(m/t-15.gif); }
ul.t15:hover .mast-img {  background-image: url(m/t-15-354-75.gif); }
#museum ul.t15:hover .mast-img { width: 354px; height: 75px; }


/* tmx 14 */
.t14 li {background-color:#FFFF7D;}
.t14 .al{background-color:#F559A3;}
.t14 li a {color:#000;}
.t14 .al a {color:#FFFF7D;}

.t14 .mast-img { background-image: url(m/t-14.gif); }
ul.t14:hover .mast-img {  background-image: url(m/t-14-354-75.gif); }
#museum ul.t14:hover .mast-img { width: 354px; height: 75px; }


/* tmx 13 */
.t13 li {background-color:#fff;}
.t13 .al{background-color:#003;}
.t13 li a {color:#000;}
.t13 .al a {color:#fff;}

.t13 .mast-img { background-image: url(m/t-13.gif); }
ul.t13:hover .mast-img {  background-image: url(m/t-13-354-75.gif); }
#museum ul.t13:hover .mast-img { width: 354px; height: 75px; }


/* tmx 12 */
.t12 li {background-color:#fff;}
.t12 .al{background-color:#f06;}
.t12 li a {color:#000;}
.t12 li a:active {color:#f0f;}

.t12 .mast-img { background-image: url(m/t-12.gif); }
ul.t12:hover .mast-img {  background-image: url(m/t-12-354-75.gif); }
#museum ul.t12:hover .mast-img { width: 354px; height: 75px; }

#museum ul.t12:hover {margin: -290px 0 0 404px;}


/* tmx 11 */
.t11 li {background-color:#fff;}
.t11 .al{background-color:lime;}
.t11 li a {color:#000;}
.t11 li a:active {color:#f0f;}

.t11 .mast-img { background-image: url(m/t-11.gif); }
ul.t11:hover .mast-img {  background-image: url(m/t-11-354-75.gif); }
#museum ul.t11:hover .mast-img { width: 354px; height: 75px; }

#museum ul.t11:hover {margin: -290px 0 0 404px;}


/* tmx 10 */
.t10 li {background-color:#fff;}
.t10 .al{background-color:#f30;}
.t10 li a {color:#000;}
.t10 li a:active {color:#9f3;}

.t10 .mast-img { height: 26px; }
.t10 .mast-img { background-image: url(m/t-10-26.gif); }
ul.t10:hover .mast-img {  background-image: url(m/t-10-354-77.gif); }
#museum ul.t10:hover .mast-img { width: 354px; height: 77px; }


/* tmx 9 */
.t9 li {background-color:#fff;}
.t9 .al{background-color:#3F3F3F;}
.t9 li a {color:#3f0;}

.t9 .mast-img { height: 23px; }
.t9 .mast-img { background-image: url(m/t-9-23.gif); }
ul.t9:hover .mast-img {  background-image: url(m/t-9-354-67.gif); }
#museum ul.t9:hover .mast-img { width: 354px; height: 67px; }


/* tmx 8 */
.t8 li {background-color:#fff;}
.t8 .al{background-color:#006;}
.t8 li a {color:#FA6723;}

.t8 .mast-img { height: 23px; }
.t8 .mast-img { background-image: url(m/t-8-23.gif); }
ul.t8:hover .mast-img {  background-image: url(m/t-8-354-67.gif); }
#museum ul.t8:hover .mast-img { width: 354px; height: 67px; }


/* tmx 7 */
.t7 li {background-color:#fff;}
.t7 .al{background-color:#f90;}
.t7 li a {color:#f00;}

.t7 .mast-img { height: 23px; }
.t7 .mast-img { background-image: url(m/t-7-23.gif); }
ul.t7:hover .mast-img {  background-image: url(m/t-7-354-67.gif); }
#museum ul.t7:hover .mast-img { width: 354px; height: 67px; }

#museum ul.t7:hover {margin: -290px 0 0 404px;}


/* tmx 6 */
.t6 li {background-color:#36f;}
.t6 .al{background-color:#f06;}
.t6 li a {color:#f06;}
.t6 .al a {color:#36f;}

.t6 .mast-img { height: 24px; }
.t6 .mast-img { background-image: url(m/t-6-24.gif); }
ul.t6:hover .mast-img {  background-image: url(m/t-6-354-71.gif); }
#museum ul.t6:hover .mast-img { width: 354px; height: 71px; }

#museum ul.t6:hover {margin: -290px 0 0 404px;}


/* tmx 5 */
.t5 li {background-color:#fff;}
.t5 .al{background-color:#0c0;}
.t5 li a {color:#000;}

.t5 .red {color:red; font-weight:bold;}

.t5 .mast-img { height: 24px; }
.t5 .mast-img { background-image: url(m/t-5-24.gif); }
ul.t5:hover .mast-img {  background-image: url(m/t-5-354-71.gif); }
#museum ul.t5:hover .mast-img { width: 354px; height: 71px; }


/* tmx 4 */
.t4 li {background-color:#fff;}
.t4 .al{background-color:yellow;}
.t4 li a {color:#000;}

.t4 .red {color:red; font-weight:bold;}
.t4 .green {color:#050;}

.t4 .mast-img { height: 7.18em; }
.t4 .mast-img { background-image: url(m/t-4-24.gif); }
ul.t4:hover .mast-img {  background-image: url(m/t-4-354-71.gif); }
#museum ul.t4:hover .mast-img { width: 354px; height: 71px; }


/* tmx 3 */
.t3 li {background-color:#000;}
.t3 .al{background-color:#333;}
.t3 li a {color:#fff;}

.t3 .red {color:red;}

.t3 .mast-img { height: 20px; }
.t3 .mast-img { background-image: url(m/t-3-20.gif); }
ul.t3:hover .mast-img {  background-image: url(m/t-3-354-59.gif); }
#museum ul.t3:hover .mast-img { width: 354px; height: 59px; }


/* tmx 2 */
.t2 li {background-color:#fff;}
.t2 .al{background-color:red;}
.t2 li a {color:#000;}

.t2 .red {color:red;}
.t2 .blue {color:blue;}
.t2 .white {color:#fff;}
.t2 .green {color:#527B4A;}
.t2 .moldy-green {color:#5f5;}
.t2 .moldy-blue {color:#5ff;}

.t2 .mast-img { height: 20px; }
.t2 .mast-img { background-image: url(m/t-2-20.gif); }
ul.t2:hover .mast-img {  background-image: url(m/t-2-354-59.gif); }
#museum ul.t2:hover .mast-img { width: 354px; height: 59px; }

#museum ul.t2:hover {margin: -290px 0 0 404px;}


/* tmx 1 */
.t1 li {background-color:#fff;}
.t1 .al{background-color:red;}
.t1 li a {color:#000;}

.t1 .yellow {background-color:yellow;}
.t1 .purple {color:purple;}
.t1 .black {background-color:#000;} .t1 .black a {color:#fff;}
.t1 .red, .t1 .green a {color:red;}
.t1 .blue, .t1 .orange a {color:blue;}
.t1 .green {background-color:lime;}
.t1 .blue-bg {background-color:blue;}
.t1 .orange {background-color:orange;}

.t1 .mast-img { background-image: url(m/t-1.gif); }
ul.t1:hover .mast-img {  background-image: url(m/t-1-354.gif); }

#museum ul.t1:hover {margin: -290px 0 0 404px;}