  <!-- If this comment is removed, the text in Firefox shrinks... -->
body{padding: 20px; background: #fff; color: #222; text-align: center; font: 80% Verdana, Arial, sans-serif;}
html {overflow-y: scroll;}
p{margin: 0; padding: 0 10px 5px;}
p.large{font: 110% Verdana, Arial, sans-serif;}
img{border:0;}
table{margin: 0; padding: 0 10px 5px;}
td{vertical-align: top;}
a{text-decoration: none; color: blue; font-weight: bold;}
div#footer a, div#menu a, div#submenu a{color: #fff;}
h1{font-size: 170%; margin: 6px 0; padding: 0 10px; line-height:1; color:#E44820;}
h2{font-size: 140%; margin: 6px 0; padding: 0 10px; line-height:1; color:#E44820;}
h3{font-size: 110%; margin: 6px 0; padding: 0 10px; line-height:1;}
div#container{width:80% !important; width /**/:80%; margin: 0 auto; padding:5px; text-align:left; background:#FFF; font: 85% Verdana, Arial, sans-serif;}
div#header{background: #B52500; padding: 2px; margin-bottom:5px;}
div#menu{clear:both; background: #E44820; padding:5px 0; text-align:center; font-weight: bold; color: #fff; }
div#submenu{clear:both; background: #B52500; padding:5px 0; text-align:center; font-weight: bold; color: #fff; font-size: 95%;}
div#content{float:left; width:73%; padding:0px 0; margin:0px 0; background: #fff; background-image: url(pics/linevert.gif); background-repeat: repeat-y;}
div#nav{float:right; width:26%; padding:0px 0; margin:0px 0; background: #fff; background-image: url(pics/linevert.gif); background-repeat: repeat-y;}
div#footer{clear:both; background: #B52500; padding: 5px 0; text-align:center; font-weight: bold; color: #fff; font-size: 90%;}
span.red{color:#B52500;}
span.lightred{color:#E44820;}