body         { background-image: url(_themes/stonbk.jpg); background-color: #FFFFCC;
               color: #333333 }
a:link       { color: #993300 }
a:visited    { color: #666633 }
a:active     { color: #cc6633 } 
nav          { width: 140px;
               float: left; }
main         { width: 80%;
               float: right }
h1           { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold;
               text-align: center; color: #660000 }
h2           { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold;
               text-align: center; color: #660000 }
h2.l         { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold;
               text-align: left; color: #660000 }
p,li         { font-family: Arial, Helvetica, sans-serif; font-size: 12pt }
td           { font-family: Arial, Helvetica, sans-serif; font-size: 12pt;
               border-style: none; border-width: medium }
table        { border-width:0; border-collapse: collapse }
li.lev1      { list-style-image: url(_themes/astonbu1.gif);
               margin-bottom: 8px}
li.lev2      { list-style-image: url(_themes/astonbu2.gif);
               margin-top: 4px}
li.lev3      { list-style-image: url(_themes/astonbu3.gif) }
@media print {
nav          { width:auto; float:none; display:none}
main         { width:auto; float:none}
}
@media screen and (max-width:786px) {
nav          { width:auto; float:none}
main         { width:auto; float:none}
}
@media screen and (min-width:1200px) {
main         { width: 85%;
               float: right }
}
@media screen and (min-width:1440px) {
nav          { width: 11%;
               padding-left:10px;
               float: left; }
main         { width: 87%;
               padding-right:10px;
               float: right }
}