@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	}
/* These are the main containers that hold it all together */
#container {
	width:800px;
	margin: 0px auto;
	height: 600px;
	background-color: #fff;
/* This container has the same background colour and image as the left side
	this means that as the main content expands, the left menu gets pushed down */
	background-image:url(images/home_bkg.jpg);
	background-repeat: no-repeat;
	border: 0px solid #62326C;
}

#main {
	position: relative;
	top: 210px;
	left: 100px;
	height: 300px;
	width: 625px;
	color:#000000;
}

#mainmenu {
	position: relative;
    width: 415px;
    height: 25px;
    background: url(images/menu.jpg);
    margin: 254px auto;
	padding: 0;
}
#mainmenu li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 0;}

#mainmenu li span { display: none; }

#mainmenu li, #mainmenu a {height: 25px; display: block;}
#panel1b {left: 0; width: 127px;}
#panel2b {left: 127px; width: 86px;}
#panel3b {left: 213px; width: 82px;}
#panel4b {left: 296px; width: 118px;}

#panel1b a:hover {background: transparent url(images/menu.jpg) 0px -25px no-repeat;}
#panel2b a:hover {background: transparent url(images/menu.jpg) -127px -25px no-repeat;}
#panel3b a:hover {background: transparent url(images/menu.jpg) -213px -25px no-repeat;}
#panel4b a:hover {background: transparent url(images/menu.jpg) -296px -25px no-repeat;}