@import url("common.css");

@media screen, projection
{
html
{background: url(../images/backgrounds/background.gif) black 12em repeat-y;}

body
{margin-left: 14em; /*Previously, 12em, plus 30px on div#main*/
padding: 1em 4em 1em 3em; /*Right space needs to be a bit larger than left*/
/*background: url(../images/backgrounds/background.gif) black 90ex repeat-y;*/}

ul#links
{position: absolute;
top: 0;
left: 0;
width: 12em;
text-align: left;
font-style: normal;}

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

#links li
{margin-top: 1em;}
#links li li
{margin: 0;} /*If not for IE, this should just be #links > li*/

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

#links li
{font-weight: bold;}
#links li li
{font-weight: normal;}

#links a
{display: block;
margin: 0;
padding: 0 1em;
width: 10em;
color: #CFF /*#CFC*/;
text-decoration: none;}
#links a:hover
{background: #666;
color: #BFE7FF;}
#links a:active
{color: #BFE7FF;}

/*#links > li  > a
{color: #FFC;}*/
/*#links a:hover
{font-style: italic;}*/

div.inmargin
{margin-left: -3em;}
}