html, body {
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4 {
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
	}

h1	{
	font-size: 24pt;
	}
	
h2	{
	font-size: 16pt;
	text-align: center;
	}
	
h3	{
	font-size: 14pt;
	}
	
h4	{
	font-size: 12pt;
	}

h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
	}
		
h5	{
	font-size: 10pt;
	line-height: 8pt;
	}
	
h6	{
	font-size: 10pt;
	text-align: center;
	line-height: 22pt;
	}

a { font-size: 8pt; font-weight: bold; color: #993300; text-decoration: none;}
a:hover { color: #993300; text-decoration: underline;}	

/* NB #div is for id= while .div is for class= */

.imageContainer {
	border: 1px solid #000;	
	width: 100%;
	background: #bdd7b9;
}

.imageLeft {
	float: left;
	margin-right: 10px;
}

.imageCentre {
	margin-left: auto;
	margin-right: auto;
}

.imageRight {
	float: right;
	margin-left: 10px;
}

.title {
	float: left;	
	padding: 0px 75px 0px 85px;
	border: 1px solid;
}
/* content ---------- */
#section-main, #index-left, #content-left, #content-right, #index-right, #index-main, #imageHolder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* used in individual files bcsxxx */
#content-main  {
	font-family: Times New Roman, Times, serif;
	text-align: justify;
	}

#index-main p, #index-main, #index-main ul, #index-main li, #content-left p, #index-right, #content-right p, #section-main p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}
	
#index-left, #index-left a, #content-left p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	}	
	
#content-left, #content-right {
	text-align: left;
	font-size: 7.5pt;
	}
	
/* for menus */
#content-left ul, #content-left li, #index-left ul, #index-left li {
	font-weight: bold;
	list-style-type: none;
	margin-left: 1px;
	}

#urlContent li a  {
	text-decoration: none;
	display: block;  /* shows entire width */
	background: #e5e4cf;
	}	
		
#content-left li a:hover, #urlContent li a:hover, #urlContent li:hover  {
	text-decoration: none;
	display: block;  /* shows entire width */
	background: #bdd7b9;
	}	
/*
http://css.maxdesign.com.au/listamatic/vertical13.htm
shows how it can be done
id="index-left" hence #index-left; but class="thisone" hence .thisone
*/	
#urlContent li.thisone {
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	}
#urlContent li.thisone:hover, #urlContent li.thisone a:hover {
	display: block;
	background: transparent;
	}
		
#urlContent  ul li {
	display: block;
	text-decoration: none;
	margin-left: -38px !important; /* sets Firefox etc to -28 and allows IE to 1 from next line */
	margin-left: 1px;  
	padding: 2px 0px;
	}
	
#content-left a, #section-main a, #content-right a, #index-main a {
	line-height: 13pt;
	}
			
#section-main {
	text-align: left;
	font-size: 9pt;
	}
			
#content-main .quote {
	margin-left: 35px;

	}

#content-main .author {
	text-indent: 0;
	text-align: right;
	}

#content-main .image {
	text-align: center;
	}

#section-main ul {
	line-height: 13pt;
}
/*
#imgLeft p, #imgRight p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 8pt;
	}
*/	
/* footer content ---------- */

#footer, #footer p, #footer a {
	font-family: Times New Roman, Times, serif;
	font-size: 12pt;
	padding: 5px 15px;
	}
	
#footer p {
	text-align: center;
	font-weight: bold;
	}
	
.clear {
	 clear: both; 
	}
	
.pNew {
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :10pt;
	font-weight : bold;
	color : #ff0000;
	line-height: 10pt
	}

.johnRay  {
	font-family: Times New Roman, Times, serif;
	font-size: 10pt;
	line-height: 11pt;
	}
		
.quote {
	font-family: Times New Roman, Times, serif;
	font-size: 12pt;
	color: #000000;
	margin-left: 2em;
}

.textbox {
	font-family: Times New Roman, Times, serif;
	font-size: 12pt;
	color: #009933;
	margin-left: 2em;
	margin-right: 2em;
	padding: 5px;
	border: 1px solid black; 	  
	background-color: #ddeeff;
}

.tab {
	font-family: Verdana;
	font-size: 9pt;
	}