#outer {
	width:auto;
	height:auto;
	position:relative;
	left: 0;
	top: 0;
	background-repeat: repeat;
	background-position: right bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}

.pad1 {
	width:50px;
	height:25px;
	display:inline;
	float:left;
	margin:0px 0px 0px;

}
.pad2 {
	width:50px;
	height:25px;
	display:inline;
	float:left;
	margin:0px 0px 0 0;

}

#menu {
	list-style-type:none;
	padding:0;
	margin:0;
	background-image: url(../../images/butt_bg.png);
	background-repeat: repeat;
}
#menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	background-image: url(../../images/butt_bg.png);
	background-repeat: repeat;
}
#menu li {
	float:left;
	margin:0px0px 0 0;
	position:relative;
	width: 100;
	
}
#menu li.sub {

}

/* for IE5.5 and IE6 only */
#menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}

#menu li a {
	display:block;
	color:#FFFFFF;
	height:25px;
	font-family:arial, sans-serif;
	font-size:14px;
	line-height:24px;
	width:90px;
	text-decoration:none;
	text-align:center;
}
#menu :hover {
	background-image: url(../../images/butt_bg.png);
	background-repeat: repeat;
	background-color: #726E6E;
}
#menu :hover > a {
	background-image: url(../../images/butt_bg.png);
	background-repeat: repeat;
	background-color: #999999;

}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {
	position:absolute;
	left:-9999px;
	width:auto;
}

#menu :hover ul{
	left:0px;
	top:25px;
} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {
	padding:0 3px;
	left:80px;
	top:0px;
}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {
	padding:0 3px;
	left:-85px;
	top:5px;
}