html, body { font-family: "Arial", Sans-Serif; margin: 0px; padding: 0px; }
body { font-size: 75%; /* yields 12px */ }

#masthead { padding: 15px 21px; color: #fff; background-color: #3C72A1; border-bottom: solid 1px #4A7CA8; margin: 0px 0px 16px 0px; }
#masthead * { margin: 0px; padding: 0px; }
#masthead h1 { text-transform: uppercase; font-size: 100%; margin: 0px; }
#masthead a { text-decoration: none; color: #fff; }
#masthead a img { border: none; }
#masthead a { display: block; float: right; }

#alternate { width: 522px; margin: 0px auto; }
#alternateLeft { width: 327px; float: left; }
#alternateLeft img { border: 1px solid #908E8F; }
#alternateRight { width: 195px; float: left; }
#alternateClear { clear: both; }
* #alternateRight div.Clear { display: none; } /* hack for IE6 */
#alternateRight div.Inactive { display: block; width: 92px; text-align: right; float: left; margin-bottom: 10px; }
#alternateRight div.Active { display: block; width: 92px; text-align: right; float: left; margin-bottom: 10px; background-image: url('../../images/backgrounds/activeLHSBorder.gif'); background-repeat: repeat-y; background-position: 15px 0px; }
#alternateRight div img { border: 1px solid #908E8F; }
#alternateRightCopy { margin-left: 26px; }

div.Padder { padding: 0px 20px; }