.Menu_Box{
		background-image:url(../images/HomeMenuBox2.gif);
		background-repeat:no-repeat;
		background-position:inherit;
		min-height:150px;
		height:auto;
		width:298px;
		margin:0px;
		padding:5px;
		color:#473620;
		font-size:10px;
		text-align:left;
		overflow:hidden;
	}
	.BoxLine{
		clear:both;
	}

	/** Float the left half of the box to the left and make it 49% of the screen wide
	 	Float the MenuBox it contains to the right (298 px wide) **/
	.BoxLeft{
		float:left;
		width:49%;
	}
	.BoxLeft .Menu_Box{
		float:right;
	}
	
	/** Float the right half of the box to the left and make it 49% wide - this will line up on the right side of BoxLeft 
		Flat the MenuBox it contains to the left (again 298 px wide)
		This will cause two menu boxes to line up on a single line and be centred. 
		Padding 5px in the MenuBox class gives a small gap between the two menu boxes and also between lines of menu boxes.
	**/
	.BoxRight{
		float:left;
		width:49%;
	}
	.BoxRight .Menu_Box{
		float:left;
	}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Menu_Box a {
	color:#473620;
}
.Menu_Box a:hover {
	color:#918033;
}
.Menu_Box img {
	float:left;
}
.Menu_Box ul li a {
	color: #725046;
}
.Menu_Box ul li a:hover {
	color: #918033;
}
.Menu_Box ul li a:visited {
	color: #222222;
}
.Menu_Box ul {
	padding-left:0px;
}
.Menu_Box ul li {
	padding-left:13px;
	/*background: #fff url(../images/list-icon.jpg) left center no-repeat;*/
	/*background: url(../images/list-icon.jpg) left center no-repeat;*/
	background: transparent url(../images/list-icon.jpg) left center no-repeat;
	list-style:none;
	list-style-image:none;
}
.Menu_Box ul li.moreLink{
	text-align:right;
	background: none;
	list-style-image:none;
	list-style:none;
}
.Menu_Box ul {
	float:left;
	min-height:95px;
  	height:auto !important;
  	height:95px;
	width:200px;
}