body, table td{font-family: Helvetica; font-size: 12pt;}

h1, h2, h3, h4, h5, h6{font-style: italic; font-weight: normal; font-family: Georgia, serif;}
h1{font-size: 160%; margin: 1.2em 0 0.8em;}
h2{font-size: 150%; margin: 1.2em 0 0.25em;}
h3{font-size: 130%; margin: 1.2em 0 0.25em;}
h4{font-size: 120%; margin: 1.2em 0 0.25em;}
h5{font-size: 120%; margin: 1.2em 0 0.20em;}
h6{font-size: 100%; margin: 1.2em 0 0.20em;}
p{margin: 0 0 1.6em 0; line-height: 1em;}
a{color: #0066cc;}
a.local{text-decoration: none; border-bottom: 1px dashed #0066cc;}


#layout{padding: 4px 20px; min-width: 600px; max-width: 1300px; //width: expression(document.body.clientWidth <= 600?"600px":document.body.clientWidth > 1300?"1300px":"auto");}

.nav{padding: 20px 10px;}
.nav div div{padding-left: 10px;}
.nav a.selected{font-weight: bold;}

.content ul, .content ul ul, .content ul li ul{list-style-type: none; padding: 2px 0 4px 0; margin: 0 20px; // font-size: 90%;}
.content ul li{behavior: expression( !this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '<span class="bullet">—</span> ' + this.innerHTML : '' ); text-indent: expression( this.parentNode && this.parentNode.nodeName == 'UL' ? '-1em' : 0 );}
.content ul li span.bullet {color: #0066cc;}
/*.content ul>li{text-indent: -1.3em;}*/
.content ul>li:before {content: '\2014\a0'; color: #0066cc;}
.content ul li div{text-indent: 0;}
.content ul li{margin-top: 4px; margin-bottom: 4px;}

.content ol{list-style-position: outside; list-style-type: decimal;}