﻿html, body { margin:0; padding:0; background:#eca121; font-family:Arial; font-size:14px; }
a { color:#9e3023; }
a:hover, a:visited { color:#797b56; }

p {padding: 0 0 0px 0;}

#leftBrown { position: absolute; top: 0px; width:50%; background:url(/!images/main/mt_main_bg_tile_left.gif); height:582px; }
#rightBlue { position: absolute; top: 0px; right: 0px; width:50%; background:url(/!images/main/mt_main_bg_tile_right.gif); height:582px;  }

#container { position:absolute; left:50%; top: 0px; width:944px; height: 100%; margin-left:-472px; z-index:1;  }
#photoLeft { background:url(/!images/main/mt_main_photos_left.jpg);  width:469px; height:290px; float:left; }

.ir { overflow: hidden; display: block; height/**/:/**/0!important; } /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
/********************************************
			VERTICAL NAVIGATION
 *******************************************/
#VertNav { background: url(/!images/main/mt_main_middle_nav_a.gif) no-repeat; margin:0; width:197px; height:290px; position:relative; z-index:10000; float:left; }
#VertNav dl { margin:0; }
#vert_nav dd { width:auto!important; display:inline; position:relative; margin:0; }
#vert_nav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }
#vert_nav a.ira { display:block; width:100%; overflow:hidden; text-decoration:none; text-indent:-9999px; position:relative; border:0; }
#vert_nav #visit a.ira { height:48px; width:197px; background-position:0 -0px; }
#vert_nav #events a.ira { height:35px; width:197px; background-position:0 -48px; }
#vert_nav #rent a.ira { height:39px; width:197px; background-position:0 -83px; }
#vert_nav #build a.ira { height:55px; width:197px; background-position:0 -122px; }
#vert_nav #store a.ira { height:38px; width:197px; background-position:0 -177px; }
#vert_nav #press a.ira { height:38px; width:197px; background-position:0 -215px; }
#vert_nav #about a.ira { height:37px; width:197px; background-position:0 -253px; }
#vert_nav a.ira:hover, #vert_nav dd:hover a.ira, #vert_nav dd.active a.ira, #vert_nav a.ira:focus, #vert_nav a.ira:active { background-image:url(/!images/main/mt_main_middle_nav_b.gif); }

#flashNav { width:475px; height:290px; float:right; }
#flash { background:url(/!images/main/mt_main_flash_g.jpg); width:278px; height:290px; float:right; }

/********************************************
				MAIN NAVIGATION
 *******************************************/
.tbKeywords
{
    position: absolute;
    border: none;
    left: 723px;
    top: 47px;
    width: 126px;
    height: 17px;
    padding: 3px;
    background: url(/!images/blank.gif);
    vertical-align: middle;
}
.bSearch
{
    position: absolute;
    left: 855px;
    top: 34px;
    width: 73px;
    background: url(/!images/blank.gif);
    border: none;
    cursor: pointer;
    height: 47px;
    overflow: hidden;
}

#navigation { background: url(/!images/main/mt_main_nav_normal.gif) no-repeat; margin:0; width:944px; height:49px; position:relative; z-index:10000; display:inline-block; }
#navigation dl { margin:0; }
#main_nav dd { float:left; width:auto!important; display:inline; position:relative; margin:0; }
#main_nav dt { position:absolute; height:0; overflow:hidden; visibility:hidden; }
#main_nav a.ira { display:block; width:100%; padding-top:49px; height:0; overflow:hidden; text-decoration:none; text-indent:-9999px; position:relative; border:0; }
#main_nav #public a.ira { width:210px; background-position:0 0; }
#main_nav #collections a.ira { width:308px; background-position:-210px 0; }
#main_nav #exhibits a.ira { width:147px; background-position:-518px 0; }
#main_nav #teachers a.ira { width:279px; background-position:-665px 0; }
#main_nav a.ira:hover, #main_nav dd:hover a.ira, #main_nav dd.active a.ira, #main_nav a.ir:focus, #main_nav a.ira:active { background-image: url(/!images/main/mt_main_nav_hover.gif); }

#content { width:944px; margin:0 auto; }
#botLeft { width:223px; float:left; }

#hapTop { background:url(/!images/main/mt_mp_happenings_header.gif); width:223px; height:42px; }
#hapText { background:url(/!images/main/mt_mp_happenings_bg.gif) repeat; width:223px; }
#hapBot { background:url(/!images/main/mt_mp_happenings_footer.gif) no-repeat; width:223px; height:9px; }

.hap { padding:0 15px 15px 15px; font-size:12px; }

#botRight { width:701px; padding:0 10px 20px 10px; float:right; }
#botRight p {padding: 5px 0 5px 0; margin: 0;}

#bottom { z-index:1; position:absolute; width:100%; margin-top:583px; }
#footLinks { background:url(/!images/main/mt_main_footer_bg_tile.gif) repeat-x; width:100%; display:inline-block; height:47px;}
#links { padding-top:15px; color:#eda31e; font-weight:bold; }
#links a { text-decoration:none; color:#eda31e; }
#copy { font-size:12px; padding:10px 0 10px 0; }
#logos { background:url(/!images/common/mt_logos_2010.gif) no-repeat 0 0; width:676px; height:63px; margin:0px; list-style:none;}
#logos dd { display:block; float:left; padding:0px; margin:0px; }
#logos a.ir { padding-top:68px;}
#logos a.ir:hover{ background-image:url(/!images/common/mt_logos_2010.gif);}
#dah  a.ir  {width:75px; background-position: 0 -69px; }
#aac  a.ir  {width:80px; background-position: -75px -69px ; }
#ahp  a.ir  {width:108px; background-position: -155px -69px; }
#anhc a.ir  {width:82px; background-position: -263px -69px; }
#dcc  a.ir  {width:74px; background-position: -345px -69px ; }  
#ham  a.ir  {width:80px; background-position: -419px -69px ; }
#mtcc a.ir  {width:106px; background-position: -499px -69px; }
#osh  a.ir  {width:71px; background-position: -605px -69px; }
