@import url("../common.css");

@media screen, projection
{
body
{padding: 2em 4em;
margin: 3em auto 0;
z-index: 1;}

ul#links
{position: fixed;
top: 0;
/*left: 0;
right: 0;
margin: 0 auto;*/
left: 50%;
right: 50%;
margin: 0 -18.65em;
padding: 0;
width: 36.5em;
height: 2em;
z-index: 2;
font-family: "Verdana", "Arial", sans-serif;}

/*Visual*/
#links, #links ul, #links li, #links a
{display: block;}

#links ul, #links li
{padding: 0; margin: 0;}

#links ul, #links li
{width: 7.5em;}

#links, #links ul
{border: solid #FEE .4em;
margin: auto;
height: 2em;
background: #F00;}

#links li
{float: left;}

#links li:before
{content: "";}

#links li li
{float: none;}

#links ul
{position: absolute;
border-top-style: none;
margin-left: -0.4em;
height: auto;
background: #EEE;}

#links ul ul
{border-left: none;
border-top-style: solid;}

#links li a
{padding: .5em;
height: 1em;
color: #000;
font-style: italic;
text-align: center;
text-decoration: none;}

#links li li a
{height: auto;
width: 6.5em;
font-style: normal;
text-align: left;}

#links *[title]
{border-bottom: dotted green thin;}
#links *
{text-transform: none;
font-variant: normal;}
/* End Visual */

/* Sizes */
#links #home
{width: 6em;}

#links #other, #links #other ul
{width: 8em;}

#links #other a
{width: 7em;}
/* End Sizes */

/* Hovering */
#links ul
{left: -99em;}

#links li:hover ul, #links li.sfhover ul /*focus*/
{left: auto;}

#links a:hover	{background: #DDD; /*#CDF, #FFC*/}

#links li:hover, #links li.sfhover
	{background: #EEE; /*#DEF, #FFE, #FC9*/}
/* End Hovering */

/* Hacks */
* html ul#links
{position: absolute;}
/* End Hacks */
}