body { font-size: 1em;}
#pg {margin: 15px auto; padding: 0; width: 856px; position: relative;}

/*header*/
#hdr {background: url(../images/bg-hdr.gif) no-repeat top right; position: relative; width: 100%; height: 176px;}
#hdr h1 {background: url(../images/bg-logo.gif) no-repeat top left; width: 194px; height: 176px; top: 0; left: 0; position: absolute;}
#hdr h1 a {background: none; width: 70px; height: 70px; top: 74px; left: 56px; position: absolute; display: block;}
#hdr ul#mnlnks {background: url(../images/bg-mnlnks.gif) no-repeat; width: 448px; height: 176px; margin: 0 0 0 194px; position: relative;}
#hdr ul#mnlnks li {list-style: none; display: inline;}
#hdr ul#mnlnks li a#opmnlnk {width: 79px; height: 25px; bottom: 31px; left: 19px; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li a#opmnlnk:hover {background: url(../images/mnav-oplnk.gif) no-repeat;}
#hdr ul#mnlnks li a#oprmnlnk {width: 80px; height: 25px; bottom: 31px; left: 140px; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li a#oprmnlnk:hover {background: url(../images/mnav-oprlnk.gif) no-repeat;}
#hdr ul#mnlnks li a#ammnlnk {width: 82px; height: 25px; bottom: 31px; left: 255px; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li a#ammnlnk:hover {background: url(../images/mnav-amlnk.gif) no-repeat;}
#hdr ul#mnlnks li a#cumnlnk {width: 56px; height: 25px; bottom: 31px; left: 385px; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li a#cumnlnk:hover {background: url(../images/mnav-culnk.gif) no-repeat;}

/*content area*/
#cntnt {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#cntnt:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

#mn {background: #FFFFFF url(../images/bg-mn.gif) repeat-x; color: #000000; float: left; margin-left: 194px; width: 338px; height: 275px; position: relative;}/*see ie.css for fixes*/
#mn h2 {background: url(../images/ttl-wlcm2.gif) no-repeat; width: 295px; height: 35px; margin: 20px 0 10px 0;}
#mn p {margin: 0 15px; line-height: 2.5;}

#sdbr {background: url(../images/bg-hm-sdbr.gif) no-repeat; float: left; margin-left: -532px; width: 194px; height: 302px; position: relative;}

#mn_2 {background: url(../images/hm-gllry.jpg) no-repeat; float: left; width: 324px; height: 342px; position: relative;}

/*footer*/
#ftr {background: #FFFFFF; color: #000000; clear: both; position: relative;}
#ftr ul#ftrlnks {width: 100%; height: 3.5em;}
#ftr ul#ftrlnks li {list-style: none; display: inline;}
/********************************************************
Safari needs this - otherwise the ghost overflow, though
painted correctly obscures links and form elements that 
by rights should be above it. An unintended side-effect 
is that it cause such elements to vanish in IE 5.01 and
5.5, hence the child selector hack
********************************************************/
* > #ftr, * > form {position: relative; z-index: 1000;}