@charset "UTF-8";



#menuContainer
{
	left: 331px;
	top: 44px;
	position: absolute;
	width: 626px;
	height: 386px;	/*	These two line are just for testing the transparency in the menu items		
	background-image: url(../images/homemenu/background-clouds.png);
	background-repeat: no-repeat; */
}


#imageWrapper
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 441px;
	height: 300px;
}

#imageBar
{
	position: absolute;
	bottom: 0px;
	height: 65px;
	width: 431px;
	
	padding: 5px;
	/*opacity: 0.85;*/
	background: rgb(109, 170, 36); /* The Fallback */
	background-color: rgba(109, 170, 36, 0.9);
	
	
	color: #fff;
	left: 0;	/*	Stops the bar wondering	in IE	*/	
}

#menuItems
{
	position: absolute;
	top: 0;
	right: 0;
	width: 185px;
}

#menuItems ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menuItems ul li
{
	list-style: none;
	position: relative;
	height: 75px;
	width: 185px;
	background-image: url(/local/images/homemenu/noarrowbg.png);
	background-repeat: repeat-x;
}

.arrow
{
	position: absolute;
	width: 14px;
	height: 75px;
	left: -14px;
	top: 0;
	background-repeat: no-repeat;
	background-image: url(/local/images/homemenu/arrow.png);
	display: none;
}
	
#menuContainer #menuItems ul a {
	background-repeat: no-repeat;
	display: block;
	height: 75px;
	width: 185px;
	text-indent: -3000px;
}

#menuContainer #menuItems ul #item2 a {
	background-image: url(../images/homemenu/front_button_images_r1_c1.png);
}

#menuContainer #menuItems ul #item3 a {
background-image: url(../images/homemenu/front_button_images_r1_c2.png);
}

#menuContainer #menuItems ul #item4 a {
background-image: url(../images/homemenu/front_button_images_r1_c3.png);
}

#menuContainer #menuItems ul #item5 a {
background-image: url(../images/homemenu/front_button_images_r1_c4.png);
}