/* ============ START MENU.CSS ================ */

#outer {width:755px; 
		height:40px; 
		background:url(film.jpg) no-repeat right bottom; 
		border:0; 
		position:relative;
		}

.pad1 {width:55px; 
		height:25px;
		background-color:#FFFFFF; 
		display:inline; 
		float:left; 
		margin:1px 1px 0 0; 
		}
		
.pad2 {width:50px; 
		height:25px; 
		background-color:#FFFFFF; 
		display:inline; 
		float:left; 
		margin:1px 1px 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: url(../grafix/menu-button.jpg); 
		margin:1px 1px 0 0; 
		position:relative;
		width:100px;
		}
		
#menu li.sub {background: url(../grafix/menu-button.jpg);
		}

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

#menu li a {display:block; 
		color: #060; 
		height:25px; 
		font-family:arial, sans-serif; 
		font-size:13px;
		font-weight:bold; 
		line-height:24px; 
		width:100px; 
		text-decoration:none; 
		text-align:center;
		}
		
#menu :hover {color: #000000; 
		background: url(../grafix/menu-button2.jpg);
		}
		
#menu :hover > a {color:  #030; 
		background: url(../grafix/menu-button2.jpg);
		}

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

#menu :hover ul{left:0;top:25px; 	
		background:url(transparent.gif);
		} /* 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;
		}


/* ============ END MENU.CSS ================ */