/* These are only for use on the site index and other pages that need the header menu, come to think of it that's going to be most of the pages */

#maincontent  ul {
	list-style: none;
	margin: 4px;
}

/* 	main 3-col styles for the pages of the main site; 
	here they have side borders set to divide the page;
	when implementing these don't forget that the order of use IS important because of the floats - enjoy! */

div#maincontent {
	padding-left: 10px;
	text-align: left;
	margin-left:  170px;
	margin-right: 165px;
	margin-top: 0;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

div#leftcolumn {
	padding-right: 4px;
	float: left;
	text-align: left;
	width: 157px;
	margin-right: 4px;
	margin-left: 0px;
}
#leftcolumn p{
	font-size:0.8em;
	color:#666666;
}

#rightcolumn{
  	float:right;
	width: 140px;
	padding-right: 5px;
	padding-left: 5px;
}
#rightcolumn p{
	font-size:0.8em;
	color:#666666;
}

div#footer p { /*Pull the copyright notice up*/
	font-size:0.8em;
	color:#666666;
}
.imageleft {
	display:block;
	margin: 0px 8px 8px 0;
	padding: 8px;
	float:left;
	border: solid #021B88 1px;
}
.imageright {
	display:block;
	margin: 8px 0 8px 8px;

	border: #87512d thin;
	float:right;
}
.blockquoteright{
	display:block;
	width: 8em;
	font-size:0.8em;
	font-weight:bold;
	margin: 4px 0 4px 4px;
	padding: 4px 0 4px 4px;
	border-top: #87512d thin double;
	border-bottom: #87512d thin double;
	float:right;
} 
/* styles for horizontal menus */
/* acknowledgement - thank you */
/* for the menu style original development */
/* http://www.tanfa.co.uk/css/examples/menu/  */
/* these first styles are for the menu area, skip down for the structural and type styles */

#menu {
clear: both;
width: 100%;
/* pale background behind main buttons */
background: #ccddbd;
float: left;
margin-bottom: 10px;
/*margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;*/
/* bottom margin to space following images etc away */
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 10em;
float: left;
}

#menu a, #menu h6 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #cccccc #888888 #555555 #bbbbbb;
margin: 0;
padding: 2px 3px;
}

#menu h6 {
color: #ffffff;
/* button colour */
background: #56A610;
text-transform: uppercase;
}

#menu a {
color: #000000;
/* colour for sub menus that drop down */
background: #EAFDDA;
text-decoration: none;
}

#menu a:hover {
/* text in sub-menus when hovering */
color: #021B88;
background: #ffffff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}
.clearfloats {
	clear: both;
}


#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}