/* FILE: menu.css.php */
/* derived from a template from cssplay.co.uk */

.menu { width:790px; margin-left:10px; margin-top:3px; margin-bottom:3px; font-size:12pt; position:relative; z-index:100; }

/* style the table for IE */
.menu table { position:absolute; top:0; left:0; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none; }
.menu ul ul { width:86px; margin:0; }

/* float the list to make it horizontal and a relative positon */
.menu li { float:left; margin:0; width:86px; position:relative; }

/* top level */
.menu ul li a.drop { color:#ffffff; background:#1434a4 url(../graphics/m1.png); width:81px; padding-left:5px; }
.menu ul li a.drop:hover { color:#000000; background:#2040E0 url(../graphics/m1h.png); width:81px; padding-left:5px; }

.menu a, .menu a:visited { display:block; font-size:11px; text-decoration:none; width:86px; height:auto; border:1px solid #FFF;
        border-width:1px 0px 0px 1px; color:#ffffff; background:#1434a4 url(../graphics/m1.png); padding-left:5px; line-height:21px; }

.menu a:hover, .menu ul ul a:hover { color:#000000; background:#2040E0 url(../graphic/m1h.png); text-decoration:none; }
.menu :hover > a.drop, .menu ul ul :hover > a.drop { color:#000000; background:#2040E0 url(../graphics/m1h.png); text-decoration:none; }

/* second level */
.menu ul ul a.m2-1l, .menu ul ul a.m2-1l:visited { color:#ffffff; background:#3F6FFF url(../graphics/m1.png); height:auto; line-height:21px; width:81px; }
.menu ul ul a.m2-1l:hover { color:#000000; background:#2040E0 url(../graphics/m1h.png); height:auto; line-height:21px; width:81px; }

/* second level 2 lines */
.menu ul ul a.m2-2l, .menu ul ul a.m2-2l:visited { color:#ffffff; background:#3F6FFF url(../graphics/m2.png); height:auto; line-height:21px; width:81px; }
.menu ul ul a.m2-2l:hover { color:#000000; background:#2040E0 url(../graphics/m2h.png); height:auto; line-height:21px; width:81px; }

/* second level with third level */
.menu ul ul a.drop, .menu ul ul a.drop:visited { color:#ffffff; background:#3F6FFF url(../graphics/m1s.png); width:81px; }
.menu ul ul a.drop:hover { color:#000000; background:#3F6FFF url(../graphics/m1hs.png); width:81px; }
.menu ul ul :hover > a.drop { color:#000000; background:#3F6FFF url(../graphics/m1hs.png); width:81px; }

/* third level */
.menu ul ul ul a.m3-1l, .menu ul ul ul a.m3-1l:visited { color:#ffffff; background:#3F6FFF url(../graphics/m1.png); height:Auto; line-height:21px; width:81px; }
.menu ul ul ul a.m3-1l:hover { color:#000000; background:#3F6FFF url(../graphics/m1h.png); }

/* third level 2 lines */
.menu ul ul ul a.m3-2l, .menu ul ul ul a.m3-2l:visited { color:#ffffff; background:#3F6FFF url(../graphics/m2.png); height:Auto; line-height:21px; width:81px; }
.menu ul ul ul a.m3-2l:hover { color:#000000; background:#3F6FFF url(../graphics/m2h.png); }

/* hide sub levels */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:21px; left:0; width:81px; }

/* third level flyout */
.menu ul ul ul{ left:86px; top:0px; width:81px; }
/* third level flyout left */
.menu ul ul ul.left { left:-86px; }

/* make second level visible when hover on first level */
.menu ul li:hover ul { visibility:visible; }

/* keep third level hidden when hover on first level */
.menu ul :hover ul ul { visibility:hidden; }

/* make third level visible when hover over second level */
.menu ul :hover ul :hover ul { visibility:visible; }