@charset "iso-8859-1";
BODY {
color: black;
background: #9bd;
margin-left: 5%;
margin-right: 11em;
font-family: "Arial", "Helvetica", sans-serif;
line-height: 1.4;
font-size: small;
}
TD, TH {
font-family: "Arial", "Helvetica", sans-serif;
line-height: 1.35;
}
H1 {
margin-left: -5%;
margin-bottom: 2em;
font-size: large;
}
H1, H2 { font-weight: bold }
H1, H2, H3 { color: #900; line-height: 1 }
H1:first-line { color: #000 }
A:link { color: #009; border: none; }
A:visited, A:active { color: #906; border: none; }
A:link IMG, A:visited IMG { border-style: none }
BLOCKQUOTE {
margin-left: 4em;
margin-right: 4em;
margin-top: 0.8em;
margin-bottom: 0.8em;
font-style: italic;
}
.hide { display: none; color: white }
BLOCKQUOTE P { margin-bottom: 0; }
IMG { border: none }
UL, UL LI { margin-left: 0; list-style: disc }
UL, OL { margin-top: 0.5em }
P + P { text-indent: 1.5em; margin-top: 0 }
P.stb { text-indent: 0; margin-top: 0.6em } /* Small thematic break */
P { text-indent: 1.5em; margin-top: 1em; margin-bottom: 0 }
PRE { margin: 1em 0 1em 1.5em; color: #603 }
em.bold {font-weight: bold}
em.underline {text-decoration: underline}
td.heading {width: 100px}
p.center {text-align: center; font: normal}
/*
The following section creates a set of partially overlapping
headlines in different colors and font families. Negative
margin values must be set on block-level elements to have an
effect - in this document P elements are used and the selectors
are named '#p*'.
The source will look like this:
This works by setting an offset from the bottom of the link area.
The height of the line plus the bottom margin are equal to the top margin,
so the line doesn't contribute to the height of its parent in any way.
*/
DIV.map {
padding-top: 175px;
padding-bottom: 1px;
margin-left: -4%;
margin-right: 10em;
/* width: 100%; Breaks IE... */
margin-bottom: 4em;
margin-top: 5em;
clear: both;
text-shadow: 0.2em 0.2em silver;
}
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10 {white-space: nowrap}
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10 {text-indent: 0}
#p1 A, #p2 A, #p3 A, #p4 A, #p5 A, #p6 A, #p7 A, #p8 A, #p9 A, #p10 A {text-decoration: none}
#p1 A:hover, #p2 A:hover, #p3 A:hover, #p4 A:hover, #p5 A:hover, #p6 A:hover, #p7 A:hover, #p8 A:hover, #p9 A:hover, #p10 A:hover {color: #EEE }
#p1, #p1 A {color: #DDD; font: 75px/1 "Impact", "Helvetica Narrow", sans-serif}
#p2, #p2 A {color: #000; font: italic 40px/1 "Georgia", serif}
#p3, #p3 A {color: #080; font: 40px/1 "Verdana", sans-serif}
#p4, #p4 A {color: #37F; font: bold 40px/1 "Courier New", "Courier", monospace}
#p5, #p5 A {color: #F73; font: bold 100px/1 "Verdana", sans-serif}
#p6, #p6 A {color: #22A; font: bold 30px/1 "Verdana", sans-serif}
#p7, #p7 A {color: #088; font: italic 80px/1 "Verdana", sans-serif}
#p8, #p8 A {color: #088; font: italic 20px/1 "Verdana", sans-serif}
#p9, #p9 A {color: #088; font: italic 20px/1 "Verdana", sans-serif}
#p10, #p10 A {color: #F73; font: bold 60px/1 "Verdana", sans-serif}
#p1 {text-align: right; margin: -185px 0 85px 0} /* top right */
#p2 {text-align: left; margin: -190px 0 150px 5%} /* top left */
#p3 {text-align: right; margin: -87px 35% 47px 0} /* center */
#p4 {text-align: right; margin: -98px 0 58px 0} /* center right */
#p5 {text-align: left; margin: -130px 0 30px 0} /* center left */
#p6 {text-align: left; margin: -40px 0 15px 35%} /* bottom center */
#p7 {text-align: right; margin: -80px 0 0px 0} /* bottom right */
#p8 {text-align: left; margin: -40px 0 20px 3%} /* bottom left */
#p9 {text-align: right; margin: -25px 0 5px 0} /* bottom right */
#p10 {text-align: left; margin: -130px 0 70px 0} /* center left */
/*
Style sheet for the navigation banner at the top of the page.
It is assumed the banner looks somewhat like this:
*/
body div.banner { display: block }
div.banner {
margin: 0;
font-size: 90% /*smaller*/;
font-weight: bold;
line-height: 1.1;
text-align: center;
position: absolute; /* Fallback if 'fixed' is not supported */
top: 2em;
left: auto;
width: 8.5em;
right: 2em;
border: thin outset #999; /* Override this color together with bg */
}
div.banner {
position: fixed; /* Overrides 'absolute' above */
}
div.banner p {
margin: 0;
padding: 0.3em 0.4em;
font-family: Arial, sans-serif;
background: #999; /* Override according to type of page */
border: thin outset #999; /* Override this color together with bg */
color: white;
}
div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #999 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }
div.banner a:link { text-decoration: none; color: black }
div.banner a:visited { text-decoration: none; color: black }
div.banner a:hover { background: black; color: white }
div.banner img { height: 24px; float: none; vertical-align: middle }
/* Style for sections with drop shadows
*
* Assumes that sections are marked-up like this:
*
*
*/
div.back {
clear: both;
page-break-before: always;
margin: 3em -0.75em 3em 1em;
padding: 1.5em;
}
div.back {background: #567}
div.section div.back {background: #777}
div.back, div.section {
border-radius: 4em 2em;
-moz-border-radius: 4em;
}
div.section {
background: #FBFBFF;
margin: -3em 0 0 -3em;
padding: 1.5em;
border: thin solid #999;
}
div.section h1 { color: black; line-height: 1 }
div.section h1:first-line { color: #025c7f }
div.section h2 {
color: black;
text-shadow: 1px 1px black;
text-align: right;
font-variant: small-caps;
font-weight: bold;
margin-top: 0;
font-size: 140%;
}
div.section h3 {
color: black;
font-size: 100%;
font-weight: normal;
font-variant: small-caps;
text-align: right;
}
div.section a:link, div.section a:visited {
color: inherit;
font-style: italic;
text-decoration: underline;
}
div.section a:hover { background: #CFF; }