/*
* simple.css -- a simplified generic stylesheet.
*
* For use with generated and personal pages; not for "official" pages.
* Displays a generic header, not the full-blown header with masthead image.
*
* To use, begin the section of the HTML code with
*
* and begin the section with
*
* (The second is needed for a printable header and working links.)
*
* If you're using XHTML, use this variant instead of the line above:
*
*/
html {
color: black;
background: #DDD;
}
body {
background: white url("elements/genheader.gif") no-repeat;
width: 580px;
padding: 150px 90px 60px 90px;
margin: 0 10px 0 10px;
line-height: 16px;
}
body, th, td {
font-family: verdana, "lucida grande", geneva, sans-serif;
font-size: 11px;
color: #333;
}
p {
margin: 8px 0 0 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: arial, helvetica, sans-serif;
font-weight: bold;
line-height: 1em;
margin: 16px 0 6px 0;
}
h1 { font-size: 16px; color: #C03; margin-top: 2.0em; }
h2 { font-size: 14px; color: #333; margin-top: 1.8em; }
h3 { font-size: 13px; color: #C03; margin-top: 1.6em; }
h4 { font-size: 12px; color: #333; margin-top: 1.4em; }
h5 { font-size: 11px; color: #C03; margin-top: 1.2em; }
h6 { font-size: 11px; color: #000; margin-top: 1.2em; font-weight: normal; }
strong, b { color: #444; }
a { color: #444; }
a:visited { color: #000; }
a:hover { color: #777; }
blockquote { margin: 14px 0; padding: 0 30px; font-style: italic; }
ul, ol { margin-top: 0.4em; }
li { margin-top: 0.2em; line-height: 14px; }
table {
width: 100%;
margin: 4px 0 18px 0;
border-collapse: collapse;
empty-cells: show;
}
th {
color: inherit;
background-color: #EEE;
}
th, td {
padding: 2px 5px;
border: 1px solid #C9C9C9;
vertical-align: top;
text-align: left;
line-height: 14px;
}
th p, td p {
margin: 0;
}
p.maintainedBy {
margin: 100px 0 0 0;
font-size: 10px;
color: #999;
}
p.footnote {
margin-top: 50px;
border-top: 1px solid #CCC;
padding-top: 1ex;
font-size: 90%;
color: #444;
}
p.unfinished
{
color: black;
background: #F0F8FF;
border: 1px dashed #5AF;
padding: 4px;
}
/* header field positions */
#hdrUA { position:absolute; top:0px; left:0px; width:400px; height:42px; }
#hdrVal { position:absolute; top:0px; left:760px; width:10px; height:42px; }
#hdrBox { position:absolute; top:55px; left:35px; width:468px; height:68px; }
#hdrCS { position:absolute; top:55px; left:515px; width:150px; height:43px; }
#hdrCOS { position:absolute; top:98px; left:515px; width:150px; height:25px; }
#hdrUA a, #hdrVal a, #hdrBox a, #hdrCS a, #hdrCOS a {
display: block; width: 100%; height: 100%;
/* hideous hack: IE 6 needs bg to display anchor in positioned div */
background: transparent url(elements/bg_1x1.gif) no-repeat 0 0;
}
div.up150 { margin: -150px 0 0 0; height: 1px; width: 100%; }
/* optional header navigation text */
div#hdrNav {
display:block; text-align:right;
position:absolute; top:13px; left:400px; width:340px; height:29px;
font-family:Arial,Avenir,"Lucida Grande",Verdana,Helvetica,sans-serif;
font-size: 13px; color:white; background:transparent;
}
#hdrNav a:link, #hdrNav a:visited {
color: white; background: transparent; text-decoration: none;
}
/* variations for printing */
@media print {
html { background: white; }
body { margin: 0; }
div#hdrNav { display: none; }
body, h1, h2, h3, h4, h5, h6, strong, b, a, a:hover, #topbar
{ color: black; }
}