/*
Styles for J M Harrison
© Mark Iliff, Talespinner (www.talespinner.co.uk)
**************************************************************************************/

body {
	font-family: "Lucida Sans", "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 20px;
	font-size: 95%;
}

a img,
h1 a
	{
	border: 0;
	}

a:link {
	color: #2c6544;
	text-decoration: none;
	}

a:visited {
	color: #2c6544;
	text-decoration: none;
	}

a:active {
	color: #2c6544;
	text-decoration: none;
	}

a:hover {
	color: white; 
	background: #8fb39c; 
	text-decoration: none;
	}

.jmhHeading {
	color: #2c6544; 
	font-size: 0.9em;
	}

/* Following styles will progressively replace exisiting */

h1,
h2,
h3,
h4,
.accent
	{
	color: #2c6544;
	font-weight: normal;
	}

.inverse {
	color: #662c4f;
	}
	
h2 {
	margin-top: 0;
	font-size: 200%;
	background-color: #ecf2ef;
	border-bottom: 1px solid #2c6544;
	}

h2.pageH2 {
	margin-left: -0.2em;
	padding-left: 0.2em
	}

h3 {
	font-size: 160%;
	margin-bottom: -0.5em;
	margin-top: 1.5em;
	border-bottom: 1px dotted #8fb39c;
	}

h4 {
	font-size: 1.1em;
	letter-spacing: 0.1em;
	margin-top: 1.5em;
	margin-bottom: 1.0em;
	}

a.logo {
/*
	border: 0
*/
	}

a.logo:hover {
	background: none;
	}

p,
td,
ul,
ol 
	{
	color: #707070;
	line-height: 1.5em;
	font-size: 0.95em;
	}

ul,
ol 
	{
	margin-top: -0.8em;
	}

li {
	margin-top: 0.5em;
}

ul li ul {
	margin-top: 0;
	}	

ul.picture li {
	list-style-image: url(../images/oakBullet.gif);
	list-style-position: outside;
	padding-left: 0.5em;
	}
	
td {
	vertical-align: top;
	}

.fill0 {
	background: transparent;
	}

.fillD {
	background: #2c6544;
	}

.fillH {
	background: #8fb39c;
	}

.fillM {
	background: #bdd3c5;
	}

.fillStippleM {
	background: url(../images/stippleM.gif) repeat;
	}

.jmhBackWash,
.fillL
	{
	background-color: #ecf2ef;
	}

.fillStippleL {
	background: url(../images/stippleL.gif) repeat;
	}

.fillVL {
	background-color: #f6f8f7;
	}

.contrast {
	color: #53976c;
	}

.pageCount {
	color: #bdd3c5;
	font-size: 0.75em;
	letter-spacing: -0.1em;
	}

.attrib {
	color: #8fb39c;
	font-style: italic;
	}

p.jmhTagline,
p.jmhClientAttribution,
.serif
	{
	font-family: Garamond, "Times New Roman", Times, serif;
	}

p.jmhTagline {
	font-style: oblique;
	color: #2c6544;
	font-size: 1.8em;
	}

p.leadIn {
	color: #8fb39c;
	font-style: italic;
	font-size: 1.2em;	
	}

a {
	text-decoration: none; 
	border-bottom: 1px dotted gray;
	}

a:hover {
	color: #2c6544;
	text-decoration: none; 
	background: none;
	border-bottom: 1px solid #2c6544;
	}

a.linkClean {
	border: 0;
	}

a.whiteBold {
	color: white;
	font-weight: bold;
	border: 0;
	}

a.whiteBold:hover,
img.linkPic:hover
	{
	background: #bdd3c5; 
	}

.underM	{
	border-bottom: 1px solid #8fb39c;
	}

table.fees {
	border-collapse: collapse;
	}

table.fees th,
table.fees td
	{
	border: 1px solid silver;
	padding: 4px;
	line-height: 1.2;
	}

table.fees td {
	color: white;
	background: #8fb39c;
	}

table.fees th {
	font-weight: normal;
	font-style: italic;
	color: white;
	background: #2c6544;
	}

table.fees tbody th {
	color: #707070;
	text-align: left;
	font-style: normal;
	background: #bdd3c5;
	}

table.fees tbody tr:hover th {
	background: #a5c3b0;
	}

table.fees tbody tr:hover td {
	background: #53976c;
	}


table.fees th.blankCell, 
table.fees td.blankCell 
	{
	background: transparent; 
	border: 0;
	}

table.fees tr:hover th.blankCell, 
table.fees tr:hover td.blankCell 
	{
	background-color: #ecf2ef;
	}


table.fees th.headHeader {
	color: white;
	background: #8fb39c;
	}

table.fees tfoot td {
	color: #707070;
	font-size: 0.9em;
	font-style: italic;
	background-color: #ecf2ef;
	border-width: 1px 0 0 0;
	}


tr.underM td {
	border-bottom: 1px solid #f6f8f7;
	}

div.zig {
	clear: both;
	width: 80%;
	}	

div.zag {
	clear: both;
	width: 80%;
	float: right;
	}		
	
div.ziddle {
	clear: both;
	width: 60%;
	margin-left: 20%;
	text-align: center;
	}	
	