/* Saga standard "Elastic Horizontal PopDown" menu. Copyright SagaNet I/S, Denmark, 2007 */
/* NOTICE: Placement and width of Menubar found in file: "SagaDesign.css" */

div#PageNav { overflow:visible; border-style:solid; border-width:1px 0; font-family:verdana,helvetica,arial,sans-serif; }
#PageNav ul { margin:0; padding:0; list-style:none; overflow:visible; }
#PageNav ul li { list-style-type:none; font-size:1em; margin:0; padding:0; }


/* First & last: Copyright and "Powered by SagaNet" link */
#PageNav .Info { z-index:1001; display:block; position:absolute; width:5%; overflow:hidden; white-space:nowrap; font-size:9px; }
#PageNav span.Low { display:none; top:0; left:0; text-align:center; letter-spacing:0px; font-weight:normal; color:#FB0; background-color:transparent; }

#PageNav a.High { top:0; right:2px; text-align:right; width:15px; letter-spacing:0px; background-color:transparent; }
#PageNav a.High img { width:3px; height:3px; }
#PageNav a.High { background-image:url(../gfx/Menu/SagaPower_midt.gif); } /*Choose between "_white","_light","_midt","_dark","_black" or make your own gifs*/
#PageNav a.High { background-position:right 1px; background-repeat:no-repeat; }
#PageNav a.High:hover { background-position:right -49px; } /*Move 50px on hover*/


/* MenuTips */
#PageNav .NavtipL1, #PageNav .NavtipL2, #PageNav .NavtipL3 { z-index:1500; display:none; position:absolute; font-size:9px; line-height:10px; font-weight:normal; letter-spacing:0px; padding:4px 5px; }
/*#PageNav .NavtipL2, #PageNav .NavtipL3 { opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); } L2+3 NavTip transparency - not validating css, activate with caution*/

#PageNav span.NavtipL1 { width:290%; padding:1px 4px 3px 4px; margin:0 -1px 1px -1px; white-space:nowrap; border:1px solid #EEE; background:none; }
#PageNav ul.L1 li.Low:hover span.NavtipL1 { display:block; left:0; text-align:left; border-width:0 0 0 1px; }
#PageNav ul.L1 li.High:hover span.NavtipL1 { display:block; right:0px; text-align:right; border-width:0 1px 0 0; }

#PageNav ul.L1 li ul.L2 li span.NavtipL2, #PageNav ul.L1 li ul.L2 ul.L3 li span.NavtipL3 { top:0px; width:92px; height:auto; border:1px solid #234; background:#EA0; color:#234; }
#PageNav ul.L1 li.High ul.L2 li:hover span.NavtipL2, #PageNav ul.L1 li.Low ul.L2 ul.L3 li:hover span.NavtipL3 { display:block; right:-106px; text-align:left; }
#PageNav ul.L1 li.Low ul.L2 li:hover span.NavtipL2, #PageNav ul.L1 li.High ul.L2 ul.L3 li:hover span.NavtipL3 { display:block; left:-105px; text-align:right; }


/* Category Subimages */
#PageNav span.NavCategory { display:block; float:left; width:100%; height:100%; margin:0 -2px 0 0; overflow:hidden; white-space:nowrap; }

#PageNav .High span.NavCategory { background-image:url(../gfx/Menu/SubsDownLeft.gif); background-position:0 4px; background-repeat:no-repeat; } /*SubImage High L1*/
#PageNav .Low span.NavCategory { background-image:url(../gfx/Menu/SubsDownRight.gif); background-position:100% 4px; background-repeat:no-repeat; } /*SubImage Low L1*/
#PageNav .High:hover span.NavCategory { background-position:0 -46px; } /*SubImage High L1:hover*/
#PageNav .Low:hover span.NavCategory { background-position:100% -46px; } /*SubImage Low L1:hover*/

#PageNav ul li ul.L2 li span.NavCategory { background-image:none; } /*No SubImage if L2 Category has no children*/

#PageNav .High .Subs span.NavCategory { background-image:url(../gfx/Menu/SubsUpLeft.gif); background-position:0 0px; background-repeat:no-repeat; } /*SubImage High L2*/
#PageNav .Low .Subs span.NavCategory { background-image:url(../gfx/Menu/SubsUpRight.gif); background-position:100% 0px; background-repeat:no-repeat; } /*SubImage Low L2*/
#PageNav .High .Subs:hover span.NavCategory { background-position:0 -50px; } /*SubImage High L2:hover*/
#PageNav .Low .Subs:hover span.NavCategory { background-position:100% -50px; } /*SubImage Low L2:hover*/



/* Layout 1st level */
#PageNav ul.L1 { z-index:1002; position:relative; overflow:visible; padding:0 0 0 10px; margin:0 auto 0 2%; width:97%; } /*L1 items-block*/
#PageNav ul.L1 li { z-index:1003; position:relative; display:block; float:left; cursor:default; border-style:solid; border-width:0 1px; margin:0 -1px 0 0; width:20%; } /*L1 li's*/
#PageNav ul.L1 li a { display:block; width:100%; background:transparent; white-space:nowrap; overflow:hidden; } /*L1 a's and Categorys*/
#PageNav ul.L1 li { text-align:center; font-size:11px; white-space:nowrap; font-weight:normal; letter-spacing:1px; } /*L1 text*/


/* Layout 2nd level */
#PageNav ul.L1 li ul.L2 { z-index:1004; display:none; position:absolute; left:-1px; width:100%; padding:0; border:none; margin:0; } /*L2 items-block*/
#PageNav ul.L1 li > ul.L2 { margin-bottom:1px; } /*Not IE*/
#PageNav ul.L1 li:hover ul.L2 { display:block; } /*show L2 items-block on parent:hover*/
#PageNav ul.L1 ul.L2 li { z-index:1005; position:relative; display:block; width:100%; margin:0 0 -1px 0; border:1px solid #000; } /*L2 li's*/
#PageNav ul.L1 ul.L2 li { text-align:center; font-size:9px; line-height:9px; font-weight:normal; white-space:normal; letter-spacing:0px; } /*L2 text*/
#PageNav ul.L1 ul.L2 li a { white-space:normal; } /*L2 a-text*/
#PageNav ul.L1 ul.L2 li.Rubric, #PageNav ul.L1 ul.L2 li.Rubric:hover { padding:2px 0; text-transform:uppercase; font-weight:bold; letter-spacing:1px; background:#EA0; color:#236; } /*Settings for Rubric*/


/* Layout 3rd level */
#PageNav ul.L1 li.Low ul.L2 li ul.L3 { z-index:1006; display:none; position:absolute; width:115px; left:100%; margin:0 0 0 1px; padding:0; border-width:0; } /*L3 items-block Low*/
#PageNav ul.L1 li.Low ul.L2 li > ul.L3 { margin-left:0px; } /*Not IE*/
#PageNav ul.L1 li.High ul.L2 li ul.L3 { z-index:1006; display:none; position:absolute; width:115px; left:-115px; margin:0; padding:0; border-width:0; } /*L3 items-block High*/
#PageNav ul.L1 li ul.L2 li:hover ul.L3 { display:block; } /*show 3rd items-block on parent:hover*/

#PageNav ul.L1 ul.L2 ul.L3 li { z-index:1007; position:relative; margin:-1px 0 0 0; border-width:1px; display:block; } /*L3 li's*/
#PageNav ul.L1 .Low ul.L2 ul.L3 li { text-align:left; } /*L3 text Low*/
#PageNav ul.L1 .High ul.L2 ul.L3 li { text-align:right; } /*L3 text High*/


/* Height of L1 */
#PageNav span.Info, #PageNav ul.L1 li, #PageNav ul.L1 li a, #PageNav ul.L1 li span.NavCategory { line-height:11px; padding:2px 0 3px 0; } /*line-height and padding adds up to total L1-height*/
#PageNav ul.L1 li a, #PageNav ul.L1 li span.NavCategory { margin-top:-2px; margin-bottom:-3px; padding:2px 0 3px 0; } /*L1 a-negation of li-padding*/
#PageNav a.High { height:16px; } #PageNav span.NavtipL1 { bottom:16px; } /*set both to same value as total L1-height*/

/* Placement and Height of L2 */
#PageNav ul.L1 ul.L2 { top:16px; } /*placement of L2 relative to it's L1 parent = same as total L1-height*/
#PageNav ul.L1 ul.L2 li, #PageNav ul.L1 ul.L2 li a, #PageNav ul.L1 ul.L2 li span.NavCategory { padding:3px 0px; } /*L2 li-padding*/
#PageNav ul.L1 ul.L2 li a, #PageNav ul.L1 ul.L2 li span.NavCategory { margin-top:-3px; margin-bottom:-3px; padding:3px 0px; } /*L2 a-negation of li-padding*/

/* Placement and Height of L3 */
#PageNav ul.L1 ul.L2 ul.L3 { top:0px; } /*vertical-placement of L3 relative to it's L2 parent*/
#PageNav ul.L1 ul.L2 ul.L3 li, #PageNav ul.L1 ul.L2 ul.L3 li a { padding:3px 6px; } /*L3 li-padding*/
#PageNav ul.L1 ul.L2 ul.L3 li a { margin:-3px -6px; padding:3px 6px; } /*L3 a-negation of li-padding*/
#PageNav ul.L1 li.High ul.L2 li ul.L3 { margin-left:-14px; } /*horizontal displacement of High L3, relative to it's L2 parent = L3 left+right li-padding + 2px*/


/* General backgrounds+border-colors */
div#PageNav { background-color:#EA0; background-image:url(../gfx/Design/#); background-position:0 0; background-repeat:repeat; } /*Background, Menubar*/

div#PageNav, #PageNav span.NavtipL1 { border-color:#E7ECF7; } /*Bordercolor, Menubar*/
#PageNav ul.L1 li { border-color:#E7ECF7; } /*Border-color, L1 items*/
#PageNav ul.L1 ul.L2 li { border-color:#E7ECF7; } /*Border-color, L2 items*/
#PageNav ul.L1 ul.L2 ul.L3 li { border-color:#E7ECF7; } /*Border-color, L3 items*/

#PageNav li { background-color:#458; background-image:url(../gfx/Design/#); background-position:0 1px; background-repeat:repeat; } /*background, L1 items*/
#PageNav li li { background-color:#458; background-image:url(../gfx/Design/#); background-position:0 0; background-repeat:repeat; } /*background, L2 items*/
#PageNav li li li { background-color:#458; background-image:url(../gfx/Design/#); background-position:0 0; background-repeat:repeat; } /*background, L3 items*/

div #PageNav li.HiddenPage a { background-color:transparent; background-image:url(../gfx/Menu/HiddenPageBG.gif); } /*HiddenPage overlay, L1+2+3*/

#PageNav li:hover { background-color:#569; } /*background-color, all items:hover*/
#PageNav li.On { background-color:#247; } /*background-color, active items*/
#PageNav li.On:hover { background-color:#2A3A6A; } /*background-color, active items:hover*/
#PageNav li, #PageNav a { color:#EEE; } /*text-color, all items*/
#PageNav li:hover, #PageNav a:hover { color:#FFF; } /*text-color, all items:hover*/
#PageNav span.NavtipL1 { color:#FFF; } /*text-color, Navtip L1*/
/* END MENU */


#InfoNav { display:none; }
