html { min-height: 100%; margin-bottom: 1px; }
img {border: none}
body {margin: 0; background: #0378A3}
body, table, ul {font-family:Arial, Helvetica, sans-serif; font-size: small}
.container {width: 820px; margin: auto}
div.top {height: 18px; background: url(/images/background-top.jpg) no-repeat top left}
div.bottom {height: 18px; background: url(/images/background-bottom.jpg) no-repeat top left}
div.middle {background: url(/images/background-middle.jpg) repeat-y top left}
div.inner {padding: 0 11px}
div.content {padding: 0 16px}
table {width: 100%}
td {vertical-align: top; padding: 0}
table.table2 td {color: #fff; vertical-align: middle; padding: 0 4px 0 0}
table.table3 {margin: 6px 0 0 0}
h2 {color: #004171; font-size: 110%; text-transform:uppercase; margin: 0; padding: 6px 0}
h3 {margin: 0; padding: 6px 0; color: #555; font-size: 110%; text-transform:uppercase}
h4 {color: #9C0000; margin: 0; padding: 0 0 6px 0; font-size: 90%; line-height: 1em; text-transform: uppercase}
ul.announce {list-style-image: url(/images/block-orange.gif); margin: 0 0 0 9px; padding: 0 0 0 9px}
ul.announce li {margin: 6px 0}
ul.banner {list-style-image: url(/images/bullet-green.gif); margin: 0 0 0 9px; padding: 0 0 0 9px}
ul.banner li {margin: 2px 0 0}
table.nav {margin: 4px 0}
table.nav td {text-align: center; background: #2e2e2e; font-size: x-small; text-transform: uppercase; padding: 2px}
table.nav td {border-right: 1px solid #777}
table.nav td a {color: #fff; text-decoration: none; display: block; padding: 2px}
table.nav td a:hover {background: #004773}
div.footer {margin: 12px 0 0 0; background: #004773; color: #ccc; padding: 4px 8px; font-size: x-small;}
div.footer a {color: #eee}
a.submit {text-decoration: none; font-size: 135%; color: #0177A3; display: block; margin: 6px 0; text-transform:uppercase}
div.banner {background: url(/images/background-banner.jpg) top right no-repeat; width: 322px}
div.header {background: #004773 url(/images/index2.jpg) no-repeat}
div.welcome {background: #2e2e2e; margin: 8px 0 4px; padding: 4px 8px; color: #ddd; font-size: x-small; text-transform: uppercase}
div.marty {background: url(/images/marty.jpg) no-repeat top left; width: 200px; padding: 140px 0 0 0}
div.marty .callout {text-align: center; margin: 0; padding: 8px; background: url(/images/75-trans.png)}
td.headerleft {padding: 0 60px 0 0}
td.headertext {color: #fff; text-align: right; width: 460px; padding: 50px 0 0 0; line-height: 1em}
td.headertext p {margin: 0; padding: 12px 0 0 0}
div.content_area {padding: 12px 36px}

a.btn_recording {display: block; text-align: center}
a.btn_recording img {background: url(/images/recording_button_1.jpg) no-repeat; width: 260px; height: 30px;}
a.btn_recording:link img {background: url(/images/recording_button_0.jpg) no-repeat;}
a.btn_recording:visited img {background: url(/images/recording_button_0.jpg) no-repeat;}
a.btn_recording:hover img {background: url(/images/recording_button_1.jpg) no-repeat;}

a.btn_transcript {display: block; text-align: center;}
a.btn_transcript img {background: url(/images/transcript_button_1.jpg) no-repeat; width: 260px; height: 30px;}
a.btn_transcript:link img {background: url(/images/transcript_button_0.jpg) no-repeat;}
a.btn_transcript:visited img {background: url(/images/transcript_button_0.jpg) no-repeat;}
a.btn_transcript:hover img {background: url(/images/transcript_button_1.jpg) no-repeat;}

div.caption {font-size: 90%; padding: 0; color: #333; width: 400px; font-style: italic}
div.caption img {display: block; padding: 0 0 2px 0}

div.interview {border: 1px solid #ff0000; padding: 12px; text-align: center}