/* Text defn for the farm page footer */
	#farmFooter {
		font-family: Nimrod, serif;
		font-size: 120%;
	}

	#warningText {
		color: red;
		background-color: #002cff;
		font-weight: bold;
	}

	#RHighlight {
		color: red;
		font-weight: bold;
	}

	#bottomBar {
		float: left;
		clear: both;
		color: #004400;
		background-color: #ffffcc;
		text-align: center;
		padding: 1em 0.5em 3em 0.5em; 
		width: 95%;   /* 100%; */
		left: 3em;
 		margin-bottom: 10px; margin-top: 15px;
		height: 75px;
	}

	nhmFont {
		font-family:"Ozzie Black", sans-serif;
		font-size: 100%;
	}

	#jSummary {
		font-style:italic;
		font-stretch:narrower;
		color: red;
		background-color: #ffffcc;
	}

  body { 
		background-color: #CCFF80; /* green; */
		font-family: tahoma, sans-serif;
    }

	body.magazine {
/*		background: url(images/nhhorse.jpg) fixed ; */
	}
	body.horsemanship {
		background: url(images/FadeCrystal.jpg) fixed ;
		background-repeat: no-repeat;
	}

  table { 
		border: 0.2em groove ;
    }

	td { 
		border: 0.1em groove ;
	}

	table.entry {
		border: none;
		margin: 1em;
		}

	td.label {
		border: none;
		text-align: right;
	}

	td.entry {
		border: none;
		text-align: left;
	}

	 td ul { /* style="padding: 0; list-style: none; line-height: 1; margin: 0pt; "*/
		padding: 0; 
		list-style: none;
		margin: 0pt;
		}

	q {
		font-style: italic;
	}

	.PageTitle {
		text-align: center;
		text-decoration: underline;
	}
	#topbox {
		display: block;
		width: auto; /*(100%; */
/*		border: solid;  /* debugging thing! */
	}


	#Main {
		width: 94%;		/* auto; */
		background-color: #ffffcc;
		color: #002200; /* green; */
		margin-left: 3%;
		border: solid;
		height: auto;
		font-family: tahoma, serif;
/*		font-size: 115%; */
		padding: 1%;
		left: 10em; /*
		clear: both; /*left; */
/*		border: dashed; debugging thing! */
	}

	#fillspace {
		display: inline;
	}

	#ContentPanel {
		margin-left: 0.1%;
		right: 0pt;
		left: 13em;
		clear: both;
/*		border: dashed; /* debugging thing! */
	}

	#Quotations {
/*		border: solid; */
		font-weight: bold;
		font-family: Papyrus, fantasy;
		text-align : right;
	 }

	#Quotations:first-letter {
		font-size: 200%;
	}

			/* "nav" is horizontal top menu */
	#nav, #nav ul {
		padding: 0;
		margin: 0;
		color: black;
		list-style: none;
		line-height: 1.0;
		list-style-image: none;
		list-style-position: outside;
		float: left;
		clear: left;
		z-index: 1;
	}

	#nav a {
		display: block;
		width: 6em;
	}

	#nav li  {
		float: left;
		width: 6em;
		position: relative;
		line-height: 1.2em;
		margin-bottom: -1px;
	}

	#nav li ul {
		position: absolute;
		width: 6.2em;
		left: -999em;
		color: black;
		clear: left;
	}

	#nav li ul ul { 
		margin: -1.35em 0 0 5.9em;
		color: black;
		left: -999em;
	}

	#nav li a { 
/*		border: 1px solid green; */
		padding: 0em 0em 0em 0.2em ;
		width: 5.9em;
		display: block;
		color: black;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		background-color: white;
	}

 				/* "cNav" is vertical side menu */
	#cNav, #cNav ul {
		line-height: 1.0;
		margin-left: 2pt;
		padding: 0pt;
		list-style-type: none;
		list-style-position: inherit;
/*		width: 3em;
/*		border: solid;
		border-width: 1; */
		float: left;
		clear: both;
		border-color: black;
		background-color: #ffffcc;
	}

	#cNav a {
		display: block;
		width: 5em;
		clear: both;
		background-color: #ffffcc;
		border-color: black;
	}

	#cNav li  {
		float: left;
		width: 4em;
		position: relative;
		margin-bottom: -1px;
		border: solid;
		border-width: 1em;
		clear: both;
	}

	#cNav li ul {
		position: absolute;
		width: 10em;
		top: -0.2em;
		left: -999em;
/*		color: black; */
		clear: both;
/*		margin-left: 7.05em;
		margin-top: -1.35em; */
	}

	#cNav li li { 
		width: 10em ;
		position: relative ;
	}


	#cNav li ul ul {
		margin: 0 0 0 10em ;
/*		color: black; */
		left: -999em;
/*		margin-left: 3.05em;
		margin-top: -1.35em; */
	}

	#cNav li a  { 
		padding: 0pt 0.5em;
/*		width: 6em; */
		display: block;
		font-weight: bold;
		text-decoration: none;
/*		background-color: white; */
	}

		 /* hover on text in box */
	#nav li a:hover {
		color: white;
		background-color: green;
	}

		 /* hover on text in box */
	#cNav li a:hover, #cNav li a.sfhover {
		clear: both;
		background-color: green;
	}



					/* first flyout menu from menubar */
	#cNav li:hover ul, #cNav li.sfhover ul, #cNav li li.sfhover ul, #cNav li li li:hover ul, #cNav li li li.sfhover ul { 
		left: 4em;
		z-index: 2;
/*		clear: both; */
	}

	#nav li:hover ul, #nav li li li:hover ul , #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 	{
		left: -0.2em;
		border: 3px solid blue;
/*		width: 6.1em; */
	}

					/* second flyout menu from menubar */
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { 
		left: -999em;
	}

	#cNav li:hover ul ul, #cNav li:hover ul ul ul, #cNav li.sfhover ul ul, #cNav li.sfhover ul ul ul  { 
		left: -999em;
	}

			 			 /* subsequent cascaded menus */
	#nav li li:hover ul, #nav li li li:hover ul #nav li.sfhover ul, #nav li li.sfhover ul {
		left: 0.1em;
	}

	#cNav li li:hover ul, #cNav li li li:hover ul #cNav li.sfhover ul, #cNav li li.sfhover ul {
		left: 0em;
/*		width: 7em; */
	}

	#nav a.topdaddy { 
/*		background: #ffffcc url(../../images/dnarrow.bmp) no-repeat scroll right center;  */
    text-align: center;
	}

	#nav a.childdaddy {
		background: #ffffff url(../../images/rightarrow2.gif) no-repeat scroll right center;
	}

	#cNav a.childdaddy, #cNav a.topdaddy {
		background: #ffffff url(../../images/rightarrow2.gif) no-repeat scroll right;
	}

		/* From aList - boxes with images & centred text... */
  div.floater {
    float: left;
  	border: 0.2em solid green;
  	margin: 0.3em 0.3em 0.3em 0.3em;
  }

  div.floater:hover {
  	border: 0.2em solid blue;
/*  	margin: 0.3em 1.3em 0.3em 0.3em; */
	}

  div.floater a {
     text-align: center;
/*  	 background: #ffffcc; */
  	 margin-right: 1.5em;
  	 color: black;
   }

	 	/* This contains the top bar menu */
  div.container {
  /*	border: 0.2em solid #333; /* debugging! */
    background: transparent;
  	margin: 0; /* px auto; */
  	width: auto;		 /* 550px */
  /*	left: 50%; */
  /*	margin-left: -325px; */
  }

  div.spacer {
    clear: both;
  }

  a.info {
  	position: relative; /*this is the key*/
  	z-index:24;
  	background: transparent;
  /*		background-color:#ccc; */ 
  	color: green;
    text-decoration:none;
	}

  a.info:hover {
  	z-index:25;
  	background-color:#ff0;
	}

  a.info span{
  	display: none;
	}

  a.info:hover span{ /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 1em; left: 1em;
	width: auto; 
	max-width: 15em;
	min-width: 10em;
	border: 1px solid #0cf;
	background-color: #cff; color:#000;
	text-align: center;
  }

  div.linkfloater {
	float: left;
	border: 0.2em groove blue;
	margin: 0.9em;
	max-width: 15em;
	min-width: 10em;
	padding: 0.2em;
	background: #ffffcc;
  }

  div.linkfloater:first-line {
	font-size: larger; 
	text-align: center;
  }

  div.linkfloater:hover {
  	border: 0.2em solid green;
  	background: #abffff;	/* lightblue; /* #008000 */
	}

.Sub { padding: 1em 3em 1em 3em; }

.odd {
color:#000;
background-color:#BFFFE4;
}

.even {
color:#000;
background-color:#80FFC9;
}

.even:hover, .odd:hover { background-color:#CCFF80; }

	/* General font effect stuff */
.RedHighlight {
	color: red;
}

.BlueHighlight {
	color: blue;
}