.bannerdiv	{
	width: 100%;
	height: 100px;
	background: #f0f0e8;
	border: 0px;
}

.bannerimg	{
	width: 220px;
	height: 100px;
}

.bannertitle	{
	width: 420px;
	height: 100px;
	padding-left: 75px;
}

/* ------------ START OF MENU ELEMENTS ------------ */



/* this controls the highlighted area of the drop down list - including highlight width */
/* =menu =ul */
#menu ul {
	border: 0px;
 	margin: 0 8px 0 0; /* gap between the tabs on the horizontal bar */
 	padding: 0px;
	height: 20px;
 	list-style-type: none;
 	/*background: transparent;*/
	background: #aba89d; /* background colour of the tabs on the horizontal bar */
	color: #ffff00; /* can be removed in FF as it has no effect */
 	z-index: 1000;
	float: left;
} /* required for compatability with zooming image effect */

#menu ul ul {
	position: absolute;
}

/* =menu =li */
#menu li {
	width: auto;
 	float: left; 	
	position: relative;
	margin-bottom: 0px;
}
/* =menu =li =a */
#menu li a {
 	display: block;
	text-decoration: none;
	/*text-transform: uppercase;*/
 	font-weight: bold; 	
	color: #333333; /*  #333333; */
/* 	color: #d5edb3;colour of the unhovered text*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
 	padding-right: 8px;
 	border-bottom: 1px solid #ffffff;
	font-family: verdana;
 	font-size: 12px;
}
/* =menu li.head =a*/
#menu li.head a {
}
/* =menu =li.header =a:hover */
#menu li.head a:hover {
	color: #d5edb3;
	background: #878273; /*bg of the hovered top menu option - #878273*/
 	border-bottom: 1px solid #ff6600; /**/
}

/* =menu =li =ul */
#menu li ul {
	width: 148px; /**/
	height: auto;
	display: none; 
	color: #330033; /* #d5edb3; */
	background: #c2cfb1;
/*	background: #fd854e; bg of the drop down menu options*/
	float: left;
}

/* =menu =li.drop =a */
#menu li.drop {
	width: 146px ;/**/
 	padding: 0px;
 	color: #ffffff;
 	text-transform: none;
 	text-align: left;
 	line-height: 15px; 
/*	border: 1px solid #335533; */
 	border-left: 1px solid #558866;
 	border-right: 1px solid #558866;
 	border-bottom: 1px solid #558866;
}

#menu li.drop a {
 	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 3px;
 	border-top: 0px;
 	border-bottom: 0px;
	color: #444444; /* #d5edb3; */
}


/* =menu =li.drop =a:hover */
#menu li.drop a:hover {
	background: #ffaa00; /*bg of the hovered drop menu option*/
	color: #333333; /* #d5edb3; */
 	border-bottom: 0px;

}
/* =menu =li:hover =ul */
#menu li:hover ul {
	display: block;
}
/* =menu =li:hover */
#menu li:hover {
	color: #333333;
	background: #ff6600; /* #5C743D bg of the active top menu option*/
}

/* =menu =li:sfhover =ul */
#menu li.sfhover ul{
	display: block;
}

/* =menu =li:sfhover */
#menu li.sfhover {
	background: #00ff00; /*doesn't seem to do anything in FF*/
}

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

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

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




/* ------------ END OF MENU ELEMENTS ------------ */