@charset "utf-8";
/* CSS Document */

/* sub1 menu width */
ul.cssMenu ul { width:100px; display:none; }
ul.cssMenu li:hover>ul { display:block; }
/* left moves sub1 to the left, top moves sub1 down if positive num, up if negative num */
ul.cssMenu ul { position: absolute; left:-67%; top:-15px; }
/* left moves sub2 to the left, top moves sub2 down if positive num, up if negative num */
ul.cssMenu ul ul { position: absolute; left:-80%; top: -15px; }
/* padding-left puts space before the li items, ?? background-repeat:repeat;?? */
ul.cssMenu, ul.cssMenu ul { margin:0 20px 0 0; list-style:none; padding:0; background-color:#FFFFFF; border: 1px solid #DDD; }
/* float:right menu on right, width:136.5px;, zoom - limited support ?zoom:1;? */
ul.cssMenu { /*display:block; */ width:130px; float:right; }
/* this modifies the border between li items, right padding moves menu items to the left without creating a gap in the hover color, top and bottom padding expands the menu vertically, color: = text color ?zoom:1;? */
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { display:block; vertical-align: middle; background-color:#FFFFFF; text-align:right; text-decoration:none; padding:3px 10px 3px 0; font:bold 11px "Trebuchet MS"; color: #666; border: 0px solid #FFF; }
/* displays sub1 menu  */
ul.cssMenu li:hover { position:relative; }
/* color: #F00 is the text color after rolling to a submenu,  background color:#EEE is the hover bkgd color after rolling off to a sub menu,  border: 0px solid #FFFFFF; does nothing  */
ul.cssMenu li:hover>a { background-color:#EEE; font:normal bold 11px "Trebuchet MS"; color: #F00; text-decoration:none; text-transform: uppercase; }
/* color:#222 is the text color on hover state, #E6E7FF is the background hover ?? border: 0px solid #FFFFFF; ?? this doesn't seem to do anything */
ul.cssMenu li a:hover { position:relative; background-color:#E6E7FF; font:bold 11px Trebuchet MS; color: #222; text-decoration:none; }
/* Left padding moves arrow and li (Film) to the right */
ul.cssMenu span { display:block; padding:0; background-image:url(../images/arrow_sub5.gif); background-position:left center; background-repeat: no-repeat; }
.divider { border-top:1px dotted #DDD; margin: .2em 0 -1em 0; }