/*

*/


/* set main text font */ 
p,ol,ul,blockquote{
    font-family: Georgia,Serif;
    margin-bottom: 1em;
    margin-top: 0;
    line-height: 130%;
}


h1, h1 a, h2, h3 {
    font-weight: normal;
    text-decoration: none;
    color: rgb(4,99,128);
}



.indent {
  margin-left: 4em;
  text-indent: -2em;
}


body {
	background-color:rgb(245,244,223); /*main flat colour - same colour as bleed edges of paper shadow*/
	text-align: center; /* so that all following div's are centred on screen - needed for IE6, etc see: http://www.maxdesign.com.au/presentation/center/ */
	font-family: Georgia, serif;
	/* background-color: yellow; debug*/
}

/*div just inside body - sets boundary for paper+drop_shadow */
.body_container {
	margin: 0px auto; /* what does the auto do ??? */
	width: 898px; /* sets width of paper+shadows 898 */
	text-align: center; /* so that all contained div's are centred on screen
	 - needed for IE6, etc see: http://www.maxdesign.com.au/presentation/center/ */

	/* background-color: yellow; */
	border: 1px none green;  /* debug */
}

/*div at top-of-paper containing image */
.paper_top {
	background-image:url(paper_top.png); /* image of top shadow, plus top left and top right */
	width:898px; /* this is the left shadow + width of white paper + right shadow */
	height:87px; /* is this the same as png ??? */
	/* border: 1px dotted green;  debug*/
}

/* paper plus shadows on each side, repeated down page */
.paper_middle {
	background-image:url(paper_middle.png); /* left shadow & white paper & right shadow */
	background-repeat: repeat-y; /* repeat down entire page */
	width: 898px; /* same width as .paper_top */
	text-align: center;
	/* border: 1px dotted green; debug*/
}

/* bottom of paper plus shading at bottom; bottom left and bottom right corners */
.paper_bottom {
	background-image:url(paper_bottom.png);

	width: 898px; /* same width as .paper_top */
	height: 88px; /* is this the same as png ??? */
	/* border: 1px dotted green; debug*/
}

/* div to contain all content on white paper  */
/* horizontal position of div actually set by continer.text-align=center, and 780 width */
.page_container { /* sits inside paper, sets actual text containers */
	width: 880px; /* narrower that white paper */
	padding: 10px 3em 1em 5em; /* extra white space at top and left */
	margin: 0; /* no extra margins because width controls margins */
	/* text-align: left; contained divs will be alignd left ??? */
	border: 1px none red;
}

/* container for actual text */
.text_container {
	margin: 0px auto;
	width: 500px; 
	text-align: left; 
	border: 1px none green;
	
	margin-left: auto;
	margin-right: auto;
	width: 40em;
	text-align: left;

}


 /*p at bottom of all pages */
.footer {
	clear: both;
	background: #808080; /* dark grey */
	color: white;
	background-color: #e0e0e0; /* medium grey */
	color: black;

	margin: 0px;
	padding: 2px;
	border: 0px; 
	border-top: 2px solid #808080;
}


q {
	font-style: italic; 
}



h1,h2,h3,h4,h5,p,ul,li,ol {
  /* trying to solve non-inherited font size */
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-family: Georgia, serif;

/*  font-size: 10pt; */
}


blockquote {
  padding: 8px 6px 4px 6px;
  background-color:#C8C8C8;
  background-color:#ddd;
  background-color: #ffebcd;
  border:1px solid #72123B;
  border: 1px solid #C09000;
  background: #FCF6E3;
  background: #DEB887;
  margin:1em 10px 0pt 50px;
  position:relative;
  width:80%;
}


/*div.figure img { */
img {
	/*border: 1px green none;*/
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: 2px #808080 solid;
    border: 1px silver solid;
}

/* caption below figure */
div.figure p {
  	/* border: 1px blue dotted; */
  	margin: 0px;
	padding: 0px 5px 5px 5px;
	background-color: #808080;
	color: white;
	font-size: smaller;
}


div.figure  {
  margin: 0px;
  padding: 0.5em;
  padding-bottom: 0px;
}

div.left {
	float: left;
}

div.right {
  float: right;
}

div.large {
	margin-left: auto;
	margin-right: auto;
}


p {
	line-height: 130%;
	/*margin-left: 1em;*/
}



h1, h2, h3, h4, h5 {
  	/*background-color: #e0e0e0;   medium grey background */
	/* color: white; */
	color: rgb(4,99,128);
}

h1 {
/*  font-size: 18pt; */
  font-size: 160%; 
  /*margin-left: 1em; */
  text-align: left;
  border-top-width: 0px; 
  border-bottom-width: 1px; 
  }

h2 {
  font-size: 130%;
  padding-top: 2px;
  padding-bottom: 2px;
}

h3 {
  font-size: 120%;
  padding-top: 5px;
  padding-bottom: 4px;
}

h4 {
  font-size: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
}

h5 {
  font-size: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  }



/* structure tables for layout pages */
/* hide from user */
.stable {
  	background-color: transparent;
  	border-color: white;
  	margin: 0px;
  	border: 0px;
	vertical-align: top;
	border-style: none;
	border-collapse: collapse;
}



/* normal tables in body of text - is this used ???  */
table {
  margin-left: 15px;
  margin-right: 15px;
  border-color: #808080;
  vertical-align: top;
  border-style: solid;
  border-width: 2px;
  border-collapse: collapse;
  }

td, th {
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  padding: 5px;
  border-color: #808080;
  border-style: solid;
  border-width: 1px;
}
th {
  color: #006eaa; /* rsne blue */
  background-color: #e0e0e0;  /* medium grey background */
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  border-bottom-width: 2px;
}
td {
  background-color: #f0f0f0;
}