
/* ================================================================ 
Menu For funstuff Flyout
=================================================================== */

.menufunstuff {font-family:Verdana,arial, sans-serif; width:110px;position:relative; margin:0; font-size:11px; float:left;}
.menufunstuff  ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#333399; margin-left:7px;  width:185px; height:20px; text-align:left; padding-left:10px; border:1px solid #fff; border-width:0px 0px 0 0; background:#e9e9e9; line-height:19px; font-size:12px;background-image:url(http://images.cambridgesoft.com/common/boxes/arrows.gif); background-repeat:no-repeat; background-position:right;}
.menufunstuff  ul {padding:0; margin:0;list-style-type: none; }
.menufunstuff  ul li {float:left; margin-right:1px; position:relative;}
.menufunstuff  ul li ul {display: none;}
.menufunstuff  ul li.arrow {background-image:url(arrow.gif); background-repeat:no-repeat; z-index:1}

/* specific to non IE browsers */
.menufunstuff  ul li:hover a {color:#fff; background:#333399; background-image:url(http://images.cambridgesoft.com/common/boxes/whitearrow.gif); background-repeat:no-repeat; background-position:right;}
.menufunstuff  ul li:hover ul {display:block; position:absolute; top:0; left:202px; width:260px; background:#e9e9e9; border:1px solid #C4CBEA;
}
.menufunstuff  ul li:hover ul li a.invis {background:#333399; color:#ffffff;}
.menufunstuff  ul li:hover ul li:hover a.invis {width:150px;background-image:url(http://images.cambridgesoft.com/common/boxes/whitearrow.gif); background-repeat:no-repeat; background-position:right;}
.menufunstuff  ul li:hover ul li ul {display: none;}
.menufunstuff  ul li:hover ul li a {display:block; background:#e9e9e9; color:#333399; width:245px; padding-left:7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.menufunstuff  ul li:hover ul li a:hover {background:#333399; color:#fff;}
.menufunstuff  ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menufunstuff  ul li:hover ul li:hover ul li a {display:block; width:300px; background:#dfc184; color:#000;}
.menufunstuff  ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}



