#outer {
	width:970px; 
	height:300px; 
	background: no-repeat right bottom; 
	border:1px solid #1000; 
	border-width:5px 1px 1px; 
	position:relative; }

.pad1 {
	width:200px; 
	height:25px; 
	background:#0099FF; 
	display:inline; 
	float:left; 
	margin:3px 3px 0 3px;
}

.pad2 {
	width:75px; 
	height:25px; 
	background:transparent; 
	display:inline; 
	float:left; 
	margin:3px 3px 0 0;
}

#menu {
	list-style-type:none; 
	padding:0; 
	margin:0;
}

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

#menu li {
	float:left; 
	background color: green; 
	margin:3px 3px 0 0; 
	position:relative;
}

#menu li.sub {
	background:#000066;
	border-top: 1px solid #CCCCCC;
	margin-top: 0px;
}

/* 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:#FFF; 
	height:25px; 
	line-height:24px; 
	width: 128px; 
	text-decoration:none; 
	text-align:center;
}

#menu li.sub a {
	display: block; 
	color: #FFF; 
	height: 25px; 
	line-height: 24px; 
	width: 300px; 
	text-decoration: none; 
	text-align: left;
	padding-left: 10px;
}

#menu li.sub a:hover {
	background: #74bded;
}

#menu :hover {
	/*color: #f33; */
	background: transparent;
}

#menu :hover > a {
	color:#fff; 
	background: transparent;
}

ul#menu li ul
/* #menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left */ {
	position: absolute; 
	left: 0px; 
	width:128px;
	visibility: hidden;
	padding-top: 3px;
/*	_display: block;*/
/*	width:300px;*/
}

ul#menu li:hover ul, ul#menu li.over ul {
	left: 1px;
	top: 25px; 
	background: url(../../CLICKTHROUGH/style/transparent.gif);
	visibility: visible;
	display: block;
} /* the background image is for IE7 */

/*
#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {
	padding: 0 3px; 
	left: 125px; 
	top: -3px;
}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {
	padding: 0 3px; 
	left: -131px; 
	top: -3px;
}
*/