body {
background-color: black;
color: white;
font-family: sans-serif;
width: 660px;  /* Keeps everything to the left. */
}

* { font-weight: normal; margin: 0; padding: 0; }
a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { }
img.hidden { display: none; }

#wrap {
line-height: 130%;
margin: 0px auto;
width: 100%;
width: 660px;   /* Because IE doesn't inherit from the body. */
}

#head {
border-bottom: 1px solid #AAA;
padding: 0em 10px 0 0;
text-align: right;
}
h1 a:visited { color: white; }
#head h1 { padding: .7em 0 0 0; }
#head h4 { color: #AAA; padding: .7em 0 .3em 0; }

#lnav {
border-right: 1px solid #AAA;
float: left;
height: 440px;        
padding: 10px 0 0 10px;
width: 180px;
}
#lnav h2 { margin: 10px 0 0 0; padding: .2em 0 0 0; }
#lnav h3 { margin: 0em 0 0 0; text-align: right; cursor: pointer; }
#lnav h3.recent { margin-top: .4em; }
#lnav img.pmark { margin: 0; padding: 0; width: 10px; }

#text {
border-left: 1px solid #AAA;
margin-left: 190px;
padding: 24px 10px 0 10px;
}

#text p.caption { color: gray; padding: .2em 0; text-align: right; }

#foot {
border-bottom: 1px solid #AAA;
border-top: 1px solid #AAA;
clear: both;
color: white;
font-size: 80%;
padding: .3em 10px .2em 10px;
text-align: right;
}

#portnav {
cursor: pointer;
width: 20px;
}
.box { padding: 2px 5px; width: 10px; }
.tri { padding: 2px 2px; width: 14px; }