/*
	navigation bar - horizontal dropdown
	--------------------------------------------------
*/

/* first level */
ul.menu li { list-style:none; margin:0; padding:0; position:relative; right:50%; font:bold 13px arial, sans-serif; color:#6f6f6f }
ul.menu li,
ul.menu li a { font:bold 13px arial, sans-serif; color:#6f6f6f; position:relative; display:block; float:left }
ul.menu li a,
ul.menu li.bar {height:40px; line-height:33px}
ul.menu li a { margin:0; padding:0 10px 0 10px; text-decoration:none }
ul.menu li:hover a,
ul.menu li.hover a { text-decoration:none; background:#f4f4f4; color:#963314 }
ul.menu li.bar { text-decoration:none; background:none; }

/* first level */
ul.menu { clear:left; float:left; list-style:none; margin:27px 0 0 0; padding:0; position:relative; left:50%; text-align:center; }

/* second level */
ul.menu ul { padding: 0; margin: 0; list-style: none; top: 40px; left:250px; width: 168px; position:relative; }

/* resetting first level */
ul.menu ul ul { }
ul.menu li:hover li,
ul.menu li:hover li a,
ul.menu li.hover /* protofish */ li,
ul.menu li.hover /* protofish */ li a {text-decoration:none}
ul.menu li ul li.sub a.sub {border-bottom:1px dashed #6f6f6f; height:29px; font:normal 12px/26px arial, sans-serif; color:#6f6f6f; text-align:left; margin:0; padding:0; width:95%; text-decoration:none;}
ul.menu li ul li.sub a.sub:hover {text-decoration:underline; color:#963314}
ul.menu ul li.sub {margin:0; padding:0 3px 8px 8px; background:#f4f4f4; text-decoration:none}

/* submenu markup */
ul.menu li li { width: 100%;}
ul.menu li li a { }
ul.menu li:hover li:hover a,
ul.menu li.hover li.hover /* protofish */ a { }
ul.menu li:hover li.active a,
ul.menu li.hover /* protofish */ li.active a { }
ul.menu li li a.sub { }
ul.menu li:hover li:hover a.sub,
ul.menu li.hover li.hover /* protofish */ a.sub { }

/* third level */
/* resetting second level */
ul.menu ul ul { top: -1px; margin-left: 169px; background: #f4f4f4; }
ul.menu li:hover li:hover li,
ul.menu li:hover li:hover li a,
ul.menu li.hover li.hover /* protofish */ li,
ul.menu li.hover li.hover /* protofish */ li a { color: #7c7c7c; }

/* hiding fifth level */
div#nav ul ul ul ul ul { display: none; }

/* show hide behaviour */
ul.menu ul,
ul.menu li:hover ul ul,
ul.menu ul ul,
ul.menu li:hover ul ul ul,
ul.menu ul ul ul,
ul.menu li:hover ul ul ul ul { position: absolute; left: -999em; }
ul.menu li:hover ul,
ul.menu li li:hover ul,
ul.menu li li li:hover ul,
ul.menu li li li li:hover ul { left: 84px; z-index: 999; }

/* show hide behaviour with protofish */
ul.menu li.hover ul ul,
ul.menu li.hover ul ul ul,
ul.menu li.hover ul ul ul ul { position: absolute; left: -999em; }
ul.menu li.hover ul,
ul.menu li li.hover ul,
ul.menu li li li.hover ul,
ul.menu li li li li.hover ul { left: 84px; z-index: 999; }