@charset "UTF-8";
/* CSS Document */

html, body {
font-family: "Arial Narrow", Verdana, Helvetica, sans-serif;
-"serif", Arial Narrow, Verdana, Helvetica, sans-serif;
font-size: 15pt;
-font-stretch: semi-condensed;
-color: #333;
background-color: #121416;
margin: 0;
padding-left: 5px;
padding-top: 0px;
}

p {
color: #c0c0c0;
padding-top: 0;
margin-top: 8px;
margin-bottom: 8px;
line-height: 25px;
}

p.title {
color: #c0c0c0;
font-weight: bold;
-font-family: 'Arial Narrow';
font-size: 11pt;
margin-bottom:1px;
padding-bottom:1px;
}

--@media (min-width: 400px) { }

.sec {
   float: left;
   margin: 10px;
   padding: 0px 10px 5px 10px;
   -padding-top: 0px;
   -max-width: 200px;
   -min-width: 180px;
   width: 195px;
   -height: 590px;
   border: 1px solid #999;
}

a {
-background-color:transparent;
text-decoration: none;
-border-left: solid #CCC;
-border-left-width: thick;
-padding-left:5px;
}

a:link, a:visited {
color: #6082b6;
}

a:hover {
color: #369;
background-color: #EEE;
text-decoration: underline;
-border-left: solid #369;
-border-left-width: thick;
}

.collapsible {
  background-color: #333;
  color: white;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 12pt;
margin-bottom: 5px;
}

.active {
   background-color: #555;
margin-bottom: 0px;
}

.collapsible:hover {
  background-color: #555;
-margin-bottom: 5px;
}

.content {
  padding: 0 5px 0 5px;
  display: none;
  overflow: hidden;
  background-color: #333;
margin: 0px 0px 5px 0px;
}

.button {
-margin: 5px 0px 5px 0px;
]

.spacer {
margin: 2px;
padding: 2px;
}

br {
display: block;
margin: 5px 0;
line-height: 5px;
content: " ";
}

--copyright Allister Stuckless 2017-2026