.menu ul{
	list-style:none;
	margin:0;
	padding:0;
	
	}
	.menu li{
		background: url("images/button.png") no-repeat;
		width:100px;
		float:left;
		padding:0px;
		margin-right:2px;
		}
	.menu li a{
		background: url("images/button.png") no-repeat;
		width:100px;
		color:#f4f4f4;
		display:block;
		line-height:28px;
		font-weight:bold;
		margin:0px;
		text-align:center;
		text-decoration:none;
		}
	.menu li a:hover, .menu ul li:hover a{
		background: url("images/button_hover.png") bottom no-repeat;
		width:100px;
		color:#f4f4f4;
		display:block;
		line-height:28px;
		font-weight:bold;
			}
/* The current width of the submenu items is 200px. You can change ALL the widths below to a realistic maximum of 225px if you wish to have wider submenu bars */			
			
	.menu li ul{
		background: url("images/subbutton.png") no-repeat;
		display:none;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		margin:0;
		width:200px;
		height:20px;
		}
	.menu li:hover ul{
		background: url("images/subbutton-hover.png") no-repeat;
		display:block;
		width:200px;
		height:20px;
		}
		
	.menu li li {
		background: url("images/subbutton.png") bottom left no-repeat;
		display:block;
		font-size:10px;
		font-style:normal;
		float:none;
		margin:0px;
		padding:0px;
		width:200px;
		height:20px;
		}
	.menu li:hover li a{
		background: url("images/subbutton.png") no-repeat;
		display:block;
		padding-left:3px;
		line-height:20px;
		font-size:10px;
		font-style:bold;
		width:200px;
		height:20px;
		text-align:left;
		}
	.menu li ul a{
		background: url("images/subbutton.png") no-repeat;
		display:block;
		font-size:10px;
		font-style:normal;
		margin:0px;
		width:200px;
		height:20px;
		text-align:left;
		}
	.menu li ul a:hover, .menu li ul li:hover a{
		background: url("images/subbutton-hover.png") no-repeat;
		text-decoration:none;
		font-size:10px;
		width:200px;
		height:20px;
		text-align:left;	
		}
	.menu p{
		clear:left;
		}	

.menuright ul{
	list-style:none;
	margin:0;
	padding:0;
	
	}
	.menuright li{
		background: url("images/buttonlong.png") no-repeat;
		width:201px;
		float:right;
		padding:0px;
		margin-right:2px;
		}
	.menuright li a{
		background: url("images/buttonlong.png") no-repeat;
		width:201px;
		color:#f4f4f4;
		display:block;
		line-height:28px;
		font-weight:bold;
		margin:0px;
		text-align:center;
		text-decoration:none;
		}
	.menuright li a:hover{
		background: url("images/buttonlong-hover.png") no-repeat;
		width:201px;
		color:#f4f4f4;
		display:block;
		line-height:28px;
		font-weight:bold;
		margin:0px;
		text-align:center;
		text-decoration:none;
			}