/* {margin: 0; padding: 0; border: 0;} */

body {
	margin: 0;
	font-family: Georgia, Cambria, Baskerville, Palatino, 'Palatino Linotype', 'Times New Roman', serif; 
	font-size: 17px; /* 0.8em; */
    color: #603000;	
    /* background: #660000; */    
    background-image: url('tile.jpg')}
    
table {font-size:100%;} /* for IE tables quirk */

/*** Standardise on ems vertical, pixels horizontal, unless make 1st 2 columns scaleable - can't really because of [my] need to enlarge in FF *** /

/* ---  Styles for main page areas  --- */

#wrapper {position: relative;
	width: 760px;
	margin: 2px auto;
	text-align: left;
	padding: 8px;
	/* border: black solid 1px; */
	}
	
#banner {position: absolute;
	left: 564px; 
	width: 224px;
	height: 92px;
	background: url('../images/logo-small.jpg') no-repeat 0 0; } 
	/* border: black solid 1px; */

#mainmenu {position: absolute;
	left: 30px;
	top: 150px; 
	width: 104px; 
	/* padding: 0 2px 0 12px; */
	margin-top: 12px; 
	/* border-right: #D1A353 3px dotted; */
	color: #000000;} 
	
#h1pic {position: absolute; 
	top: 158px; 
	left: 158px;}
	
#decoration {position: absolute; 
	top: 10px; 
	left: 172px;
	width: 132px}
	
#maintext {position: absolute; top: 264px; left: 320px; width: 436px} /*{margin-top: 174px; margin-left: 310px;} */

#footer {position: absolute; width: 132px; left: 30px; top: 624px}
/* Put footer inside maintext div to bottom it, with: #footer {position: absolute; width: 120px; left: -290px; bottom: 10px} */

#slideshow {position: absolute; left: 172px; top: 262px; width: 580px}

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

.closures {position: absolute; 
	left: 594px; top: 188px; width: 142px; }

	
/* ---  Styles (mainly) for the main text  --- */

p { line-height: 160%;
    padding: 0; margin-top: 0; margin-bottom: 0.65em;
    text-decoration: none }
p.intro {font-style: italic}
p.indent {margin-left: 2em}
p.holdingpage {font-size: 18px}
p.holdingpageem {color:#E68A2E;
	font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 165%; 
	font-weight: normal; 
	line-height:120%; 
	margin-bottom: 0.6em; }

h1, h2, h3, h4, h5, h6 {margin-top:0; padding-top:0; font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif} /* remove Mozilla padding */
h1, h3, h4 {line-height: 125%; color: #603000;}
h1	{color:#E68A2E; font-size: 165%; font-weight: normal; line-height:120%; margin-bottom: 0.6em; }
h1.lessafter {margin-bottom: 0.3em}
h2	{color:#E68A2E; font-size: 140%; font-weight: normal; line-height:120%; margin-bottom: 0.4em; }
h2.lessafter {margin-bottom: 0.3em}
h3 	{font-size: 120%; padding: 0; margin-bottom: 0.4em} 
h4	{font-size: 100%; font-weight: bolder; margin-bottom: 0.35em}

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:#E6C395}

.hidden {display:none}
.indent {margin-left: 1.6em}
.tight {padding-bottom: 0.2em}
.sans {font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
span.boldbrown {color: #603000; font-weight: bold}
span.boldorange {color: #E68A2E; font-weight: bold}

.image {padding: 0 0 6px 0;}
.imgleft {border: 0; padding: 6px 10px 6px 0px; float: left}
.imgright {border: 0; padding: 6px 6px 6px 8px; float: right}

td {padding: 6px 0px 6px 0px;}
.dotrow {border-bottom: 1px dotted #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-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;  
	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: dotted #E68A2E 2px}
.menu a, .menu a:visited, .menu a:active, .menu a:hover {color: #000000; text-decoration: none; }

.menufooter {font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-style: italic;
	line-height: 160%; 
	color: #737373;
	margin-top: 0.4em; 
	margin-left: 0px; 
	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, margnotehdg {font-size: 84%; font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Helvetica, sans-serif; line-height: 130%; margin: 0.3em 0 0.3em 0; padding-right: 0.4em}
.margnotehdg {font-weight: bold; font-size: 84%; color:#603000; background: #f7cd87; padding-left: 6px; margin-right: 0; margin-top: 0px; padding-top: 0px; padding-bottom: 1px;}
.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: #E68A2E; background: #E68A2E; border: 0; margin-bottom: 0.4em; height: 2px}  /* IE wants color; NS wants background; FP doesn't list hr class */
.horizlight {color: #E68A2E; background: #E68A2E; border: 0; margin-left: 0; margin-top: 0.4em; margin-bottom: 1em; 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   --- */

.smallgap {padding-top: 0.25em; padding-bottom: 0.25em}
.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}
.h1space {padding-top: 120px}

/* ends */