html, body {height: 100%; font-size: 100%; }
body {font-family: Verdana, sans-seif; color: #E9DDA3; font-size: .9em; margin: 0 auto;}

#canvas { width: 743px; margin: 0 auto; background: #000; min-height: 100%; position: relative;}
#wrapper { width: 743px; }
#header {background: url(images/4th_mp_header.gif) no-repeat; width: 743px; height: 32px;}
#intheader {background: url(images/4th_int_navtop.gif) no-repeat; width: 743px; height: 32px;}
#mpimage {background: url(images/4th_mp_mainimage.jpg) no-repeat; width: 743px; height: 307px;}

#content {padding: 20px; background: url(images/4th_mp_bodytile.jpg);}

#mpfireworks {background: url(images/4th_mp_animation.gif) no-repeat; width: 112px; height: 73px; margin-left: 310px;}

#frame {height: 100%;}
#frame td {vertical-align: top; height: 100%;}
#side1 {background: #2B2E4F url(images/4th_mp_tilered.jpg) no-repeat 0 0; width: 50%;}
#side2 {background: #2B2E4F url(images/4th_mp_tileblue.jpg) no-repeat 0 0; width: 50%;}

#links {text-align: center; line-height: 20px; font-size: 0.8em; font-weight: bold;}
#footer {background: url(images/4th_mp_footertile.gif) no-repeat; position: absolute; bottom: 0; width: 703px; height: 31px; padding: 20px; font-size: 0.75em;}
#footer a {color: #ACA5D9;}

a:link {color: #ACA5D9; }
a:visited {color: #fff;}
a:hover {color: #E04F52; text-decoration: none;}

h1 {font-size: 1.3em; font-weight: bold; color: #E04F52;}

h2 {font-size: 1.2em; font-weight: bold; color: #ACA5D9;}

h3 { margin: 1em 0 .5em; font-size: 1em; }

b.red {color: #E04F52;}

/* MP NAV */
#mpnav {width: 743px; height: 73px; position: relative; margin: 0; padding: 0; list-style: none;}
#mpnav li {position: absolute; top: 0; background-image: url(images/4th_mp_nav2.jpg);}
#mpnav a.mpnav {display: block; width: 100%; height: 73px; text-decoration: none; text-indent: -9000px; background: url(images/4th_mp_nav1.jpg) no-repeat 0 0;}

#postcards, #postcards a.mpnav {width: 135px;}
#kids, #kids a.mpnav {width: 105px; background-position: -135px 0;}
#music, #music a.mpnav {width: 105px; background-position: -240px 0;}
#history, #history a.mpnav {width: 105px; background-position: -343px 0;}
#celebrate, #celebrate a.mpnav {width: 105px; background-position: -448px 0;}
#show, #show a.mpnav {width: 190px; background-position: -550px 0;}

#mpnav a.mpnav:hover {background-image: none;}

#postcards {}
#kids {left: 135px;}
#music {left: 240px;}
#history {left: 343px;}
#celebrate {left: 448px;}
#show {left: 550px;}

* html #canvas {height: 100%;}

/* INT LAYOUT */
#intheader {background: url(images/4th_int_topbar.gif) no-repeat; width: 743px; height: 32px;}
#left {float: left; width: 213px; height: 211px;}
#right {float: right; width: 530px;}
#intcontent {padding: 20px 20px 20px 20px; background: #000 url(/july4th/images/4th_int_bodytile.gif) no-repeat; width: 490px;}

#golist { font-size: 0.7em; border: 1px solid #7B2323; list-style: none; margin: 0 0 50px 0; padding:1px;}
#golist li {  margin: 0; padding: 10px;}
#golist li.alt2 { background-color: #4C4979; } 
#golist h3 { margin: 0; }
#golist p, #golist blockquote { margin: 0; }


#print {text-align: right; padding: 10px;}

/* =NAVIGATION
***************************/
.nav, .nav ul { margin:0; padding: 0; list-style: none; }
.nav dt { position: absolute; height: 0; overflow: hidden; }
.nav dd { margin: 0; }
.ir {
	display: block;
	height: 0;
	overflow: hidden;
}

#nav { background: #000 url(images/4th_int_navtop.gif) no-repeat 0 0; color: #fff; padding-top: 25px; }
#mainnav {
	background: #4C4979 url(images/4th_int_navbottom.gif) no-repeat bottom left;
	width: 213px;
	padding-bottom: 122px;	
}
#mainnav dd { background: url(images/4th_int_nav2.gif) no-repeat; }
#mainnav a.ir {
	background: url(images/4th_int_nav1.gif) no-repeat 0 0;
	width: 213px;
	padding-top: 26px;
}

dd#mn_kids, #mn_kids a.ir { background-position: 0 -26px; }
dd#mn_music, #mn_music a.ir { background-position: 0 -52px; }
dd#mn_history, #mn_history a.ir { background-position: 0 -78px; }
dd#mn_celebrate, #mn_celebrate a.ir { background-position: 0 -104px; }
dd#mn_create, #mn_create a.ir { background-position: 0 -130px;  }
dd#mn_create a.ir { padding-top: 46px; }
dd#mn_home, #mn_home a.ir { background-position: 0 -176px; }

#mainnav a.ir:focus, #mainnav a.ir:hover, #mainnav a.ir:active { background-image: none; }

		
/* \*/
* html .ir { height: 25px; he\ight: 0; }
* html #mn_create a.ir {  height: 46px; he\ight: 0; }
/* */