body {
	margin: 0;
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; /* was 0.8em, but little point with current magnification keys */
    color: #603000;	
    /* background: #660000; */    
    background-image: url('chartile.gif')}
    
table {font-size:100%;} /* for IE tables quirk
             
/* ---  Styles (mainly) for the main text  --- */

p { line-height: 150%;
    padding: 0; margin-top: 0; margin-bottom: 0.8em;
    text-decoration: none }
p.intro {font-style: italic}
p.indent {margin-left: 2em}

h1, h2, h3, h4, h5, h6 {margin-top:0; padding-top:0} /* remove Mozilla padding */
h1, h3 {line-height: 125%; }
h1	{color:#E68A2E; font-size: 165%; font-weight: normal; line-height:120%; }
h1.lessafter {margin-bottom: 0.4em}
h2	{color:#E68A2E; font-size: 136%; font-weight: normal; line-height:120%; }
h2.lessafter {margin-bottom: 0.5em}
h3 	{font-size: 110%; padding: 0; margin-bottom: 0.5em} 
h4, .as-h4{color: #603000; font-size: 100%; font-weight: bolder; margin-bottom: .75em}


li {line-height: 150%; padding-bottom: 0.5em}
ul.img {list-style-image:url('blob12px.gif');
	margin-top: 0px; margin-bottom: 0.6em}
ul.imgnoindent {list-style-image:url('blob12px.gif');
	margin-top: .6em; margin-bottom: 0.6em; margin-left: .7em; padding-left: .7em; } /* NN understands only padding; IE only margin */
ul.img li a, ul.imgnoindent li a {line-height: 130%; padding-bottom: 0.2em} /* less space if list of links */ 
ul.char {list-style-type: none; margin-left: 0.7em; padding-left: 0.7em}
ol {margin-left: 1em; padding-left: 1em}

a:link, a:visited {color: #DF5444; text-decoration: none} /* because of IE's error in marking all links on a visited page as visited */
a:active {color: #737373; text-decoration: none} 
a:hover {color: #603000; background:#E5AA73}

.hidden {display:none}
.indent {margin-left: 1.6em} 
span.boldbrown {color: #603000; font-weight: bold}

.transbox {z-index: 1;
  	padding: 6px 6px 0px 8px;
  	background: url('../images/transtile.png');
	border: 2px dashed #E68A2E;}


/* ---  Styles for the main menu  --- */

.menupara {margin-top: 0.6em; margin-left: 10px; margin-right: 8px; color: #000000}
.menuindent {padding: 0; 
	margin-top: 0;  
	margin-bottom: 0; 
	margin-left: 18px; 
	margin-right: 8px;
	color: #603000;}
.menuhdg {line-height: 120%; margin-top: 1.2em; margin-bottom: 0.4em; margin-left: 10px; margin-right: 8px; font-weight: bold; font-size: 90%}

.menu {font-size: 90%;  
	line-height: 125%;
	padding: 0; margin: 0; margin-top: 0.4em;}
ul.menu {list-style: none; margin: 0; padding: 0}
ul.menu li {line-height: 125%; padding-top: 0.4em; padding-bottom: 5px; border-bottom: solid #E68A2E 1px}
.menu a, .menu a:visited, .menu a:active, .menu a:hover {color: #000000; text-decoration: none; }

.menufooter {font-size: 82%; 
	color: #737373;
	line-height: 125%; 
	margin-top: 0.4em; 
	margin-left: 10px; 
	margin-right: 8px;
	margin-bottom: .2em}
ul.menufooter {list-style: none; margin: 0; margin-left: 10px; padding: 0}
ul.menufooter li {line-height: 125%; padding-top: 0.2em}
.menufooter a, .menufooter a:visited {color: #737373}

/* ---  For marginal notes on the main page  --- */

.margnote, .margshowlink {font-size: 86%; color: #737373; line-height: 130%; margin-top: 1.2em; padding-right: 0.4em}
.margshowlink {padding-left: 6px;}  
.margnote a, .margnote a:visited {color: #737373; text-decoration: none; }
ul.margnote {font-style: italic; list-style-image:url("blob12px.gif");
	margin-left: 0.8em; padding-left: 0.8em; margin-right: 0.4em}
ul.margnote li {line-height: 120%; padding-bottom: 0.2em}

.marginbox, .marginboxhdg {font-size: 82%; line-height: 120%; color:#603000;  
	margin: 0; margin-right: 8px; padding-left: 6px; padding-top: 4px; padding-bottom: 4px}
ul.marginbox {list-style: none}
ul.marginbox li {line-height: 120%; padding-top: 3px; padding-bottom: 5px; border-bottom: solid #E68A2E 1px}
.marginboxhdg {font-weight: bold; background: #CBA36E; margin-top: 2em; padding-top: 1px; padding-bottom: 2px;}
.marginbox a, .marginbox a:visited {color: #737373}

/* ---  Rule styles  --- */

div.dotrule {
  height: 2px;
  margin-top: 0.4em;  
  margin-left: 11px;
  margin-right: 10px;
  margin-bottom: 0.2em;
  padding: 0;
  background-image: url(../images/2pt-hr-dotted.gif);
  background-repeat: repeat-x; 
  background-position: center;
}
.horizbold {color: #008484; background: #008484; border: 0; margin-bottom: 0.4em; height: 2px}  /* IE wants color; NS wants background; FP doesn't list hr class */
.horizlight {color: #008484; background: #008484; border: 0; margin-left: 0; margin-top: 1em; margin-bottom: 0.4em; height: 1px} /* any length attribute centres it */
td.dotted-bold {background-image: url(../images/2pt-hr-dotted.gif) }
td.solid-bold {background-image: url(../images/1.5pt-horiz-solid.gif) }
td.vert-dotted {background-image: url(../images/3pt-vert-dotrule.gif) }

/* ---   Spacing   --- */

.px6-before {padding-top: 0.4em}
.px8-before {padding-top: 0.53em}
.px10-before {padding-top: 0.67em}
.px12-before {padding-top: 0.8em}
.px14-before {padding-top: 0.93em}
.vspace-6em {padding-top: 6em}
.vspace-4em {padding-top: 4em}
.vspace-3em {padding-top: 3em}
.vspace-2em {padding-top: 2em}

/* ends */