body {
text-align: center;
}


#container{
margin:0 auto;
	width: 801px;
	height: 600px;
	font-family: Arial;
	font-size: 10px;
}

	#head {
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 0px;
		margin-bottom: 0px;
		float: left;
		height: 65px;
		width: 800px;
 	   background: url(images/layout_header.png);
 	   text-align: right;
	   vertical-align: bottom;

	}
	
	#header {
	height: 5px;
	padding-right: 20px;
	}
	
	#main {
	vertical-align: top;
	float: left;
	text-align: top;
		height: 444px;
		width: 800px;
		margin-top: 0px;
		padding-top: 0px;
  	  background: url(images/layout_BG.png);
  	  background-repeat: repeat-y;

	}
	#right {
	vertical-align: top;
	padding-right: 9px;
	float: right;
	width: 400px;
	height: 444px;
	background: ;
	}
	#middletop {
	vertical-align: top;
	text-align: center;
	float: right;
	width: 800px;
	height: 200px;
	background: url(images/selprintlogo.jpg) center no-repeat;
	
	}
		#middlebottom {
	vertical-align: bottom;
	float: right;
	width: 800px;
	height: 244px;
	text-align: center;
	font-size: 35px;
	}
		#left {
		margin-right: 50px;
	vertical-align: top;
	padding-left: 5px;
	text-align:right;
	font-size: 18px;
	float: right;
	font-size: 13px;
	width: 275px;
	height: 444px;
	background: url(images/selprintlogo.jpg) no-repeat;
	}
	
	#foot {
	color: #FFFFFF;
	float: left;
	position: relative;
		height: 63px;
		width: 800px;
 	   background: url(images/layout_footer.png) no-repeat center;
 	   text-align: center;
	   padding-top: 3px;
	   padding-bottom: 15px;

	}
	#left a {
	color: #0066FF;
	text-decoration: none;
	}
	h1 {
	color: #CC0033;
	font-weight: 200;
	font-size: 15px;
	}
	mh {
	color: #CC0033;
	font-weight: 200;
	font-size: 13px;
	}
	#right a {
	colour: #000000;
	font-size: 15px;
	text-decoration: none;
	}
	img {
border: none;
}

/*popup menu start*/

#homemenu {
	float: left;
	margin: 0;  
	padding-left: 10px;  
}

#homemenu ul{
	float: left;
	margin: 0;  
	padding: 0;  
}
#menuleft {
	float: left;
	margin: 0;  
	padding-left: 20px;  
}

#menuleft ul{
	float: left;
	margin: 0;  
	padding: 0;  
}

/* add more for each extra submenu level*/
#menuleft ul li
{ 
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	position: relative;  
}
/* add more for each extra submenu level*/
#menuleft ul li ul
{ 
	display: none;
	z-index: 1000px;
}



/* First submenu level*/
#menuleft  > ul > li:hover > ul{
	display: block; /*unhide it*/
	
	float:right;	
	position: absolute; /* It needs to be absolute
	for the effect to work.*/
	
	bottom: 3em; /* This places the the bottom of the 
	ul 1.1em from the bottom of the enclosing li. This 
	is the important part of the effect.*/
	
}
#menuright {
	float: right;
	margin: 0;  
	padding-right: 20px;  
}

#menuright ul{
	float: left;
	margin: 0;  
	padding: 0;  
}

/* add more for each extra submenu level*/
#menuright ul li
{ 
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	position: relative;  
}
/* add more for each extra submenu level*/
#menuright ul li ul
{ 
	display: none;
	z-index: 1000px;
}



/* First submenu level*/
#menuright  > ul > li:hover > ul{
	display: block; /*unhide it*/
	
	float:right;	
	position: absolute; /* It needs to be absolute
	for the effect to work.*/
	
	bottom: 3em; /* This places the the bottom of the 
	ul 1.1em from the bottom of the enclosing li. This 
	is the important part of the effect.*/
	
}

/* For the remaining submenu levels*/
/* add more for each extra submenu level*/