*
 {
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  font-family: Tahoma, Verdana, Arial, helvetica, sans;
  font-size: 14px;
  white-space: normal;
 }
 
body
 {
  background: #000000;
 }
 
q
 {
  quotes:"\201E" "\201C" "\201A" "\2018";
 }

p
 {
  padding-bottom: 14px;
 }

h1
 {
  background: #222222;
  color: #ffffff;
  font-weight: bold;
  font-size: 160%;
  padding-top:10px;
 }

h2
 {
  background: #222222;
  color: #ffffff;
  font-weight: bold;
  font-size: 140%;
  padding-top:10px;
 }

h3
 {
  background: #222222;
  color: #ffffff;
  font-weight: bold;
  font-size: 120%;
  padding-top:10px;
 }

h4
 {
  background: #222222;
  color: #ffffff;
  font-weight: bold;
  font-size: 100%;
  padding-top:10px;
 }
 
form 
 {
  background: #222222;
 } 

select
{
 background: #222222;
 border: 1px solid #333333;
 font-size:80%;
 margin:2px:
}

input
{
 background: #222222;
 border: 1px solid #333333;
 margin:2px;
 font-weight: bold;
 font-size:80%;
}

span.file
 {
  font-family: Lucida Console, Courier, monospaced;
  font-weight: bold;
 }
 
option.selected
 {
  color: #ff0000;
 }
 
img 
 {
  background: #222222;
 } 

img.headicon
 {
  padding: 5px;
 }
 
img.electric
 {
  background: #ffffff;
#  box-shadow: 10px 10px 5px #777777;
  float:right;
  position:relative;
  margin: 10px;
  padding: 5px;
 }

img.lightbox
 {
  background: #ffffff;
  float:right;
  position:relative;
  margin: 10px;
  padding: 5px;
 }


# # underlay
# {
#  display:none;
#  position:fixed;
#  top:0px;
#  left:0px;
#  width:100%;
#  height:100%;
#  background-color:#000000;
#  opacity:.50;
#  z-index:9;
# }

# # lightbox
# {
#  display: none;
#  position: fixed;
#  top: 90px;
#  width: 80%;
#  height: 80%;
#  background-color: #000000; 
#  z-index: 10;  
# }

 
img.gallery
 {
  margin:10px;
 }
  
img.floatright
 {
  float:right;
  position:relative;
  padding: 10px;
 }

textarea.code
 {
  background: #dddddd;
  color: #000000;
  width:100%;
  height:100px;
  border: 2px solid #777777;
  padding: 5px;
  font-family: "Liberation Mono","Lucida Console", monospaced;
 }
 
table.layout
 {
#  border: 1px solid #333333;
 }

table.layout th
 {
  background: #444444;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;
  padding-top: 5px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom: 5px;
 }

table.layout td
 {
  border-bottom: 1px solid #777777;
  padding-top: 5px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom: 5px;
 }

code
 {
  font-family: "Liberation Mono","Lucida Console", monospaced;
  font-weight: bold;
 }
 
code.eqn
 {
#  background: #dddddd;
#  color: #000000;
  width:100%;
  line-height: 1.5;  
  padding-left: 10px;
  font-family: "Liberation Mono","Lucida Console", monospaced;
  text-align: center;
#  font-weight: normal;
  letter-spacing: 1.2;
  border-left: 8px solid #777777;
 }

code.eqn sup, code.eqn sub
 {
  font-size:70%;
#  color: #000000;
 }

a
 {
  color: #ffffff;
  background: #222222;
  text-decoration: none;
  padding: 2px;
  font-weight: bold;
 }
  
a:hover
 {
  color: #000000;
  background: #bbddff;
 }

a.external:before
 {
  content:  url(/pics/external.png) " ";
 }

a.wiki:before
 {
  content:  url(/pics/wiki.png) " ";
 }

# a.gallery:hover
# {
#  background: #222222;
#  padding: 2px;
# }
 
.unit
 {
  font-weight:bold;
  font-style:italic;
 }

li
 {
  background: #222222;
  color: #ffffff;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  font-size: 100%;
 }
 
ul.gallery
 {
  display: inline;
  
 }
  
.gallery
 {
  width: 90%;
  margin: 0 auto;
 }

.gallery li
 {
  float: left;
  margin: 5px;
  position: relative;
  list-style-type: none;
 }

.gallery li > a, .gallery li > a img
 {
  display: block;
 }

.gallery li > a
 {
  width: 128px;
  height: 128px;
  position: relative;
 }

.gallery li > a span
 {
  position: absolute;
  width: 128px;
  height: 128px;
  top: 0px;
  left: 0px;
  text-align: center;
  color: #ffffff;
  font-size: 80%;
  opacity: 0;
  filter: alpha(opacity=0); /* internet explorer */
  background: rgba(34,34,34,0.6);
 }
  
.gallery li > a:hover span
 {
  opacity: 1;
  filter: alpha(opacity=99); /* internet explorer */
 }

.lightbox
 {
  width: 0px;
  height: 0px;
  position: fixed;
  overflow: hidden;
  left: 0px;
  top: 0px;
  padding: 0px;
  z-index: 99;
  text-align: center;
  background: rgba(0,0,0,0.9);
 }

.lightbox > div
 {
  position: relative;
  color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0); /* internet explorer */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
  width: 550px;
#  margin: 10px auto 0px auto;
 }

.lightbox a.close, .lightbox a.previous, .lightbox a.next
 {
  z-index: 1001;
  color: #ffffff;
  position: absolute;
#  left: 60px;
  width: 40px;
  height: 20px;
  overflow: hidden;
  text-align: left;
  opacity: 0;
  filter: alpha(opacity=0); /* internet explorer */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
 }

.lightbox img
 {
  max-height: 100%;
  position: absolute;
  left: 60px;
  top: 90px;
 }

.lightbox:target 
 {
  width: auto;
  height: auto;
  bottom: 0px;
  right: 0px;
  padding: 80px 100px 120px 100px;
 }

.lightbox:target img 
 {
 }

.lightbox:target a.close, .lightbox:target > div
 {
  opacity: 1;
  filter: alpha(opacity=99); /* internet explorer */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
 }

div.headicon
 {
  position: absolute;
  background: #222222;
  right: 0px;
  width: 90px;
  top: 0px;
  height: 90px;
  z-index:0;
  border-bottom: 1px solid #777777;
 }

div.dashbar
 {
  position: absolute;
  background: #222222;
  left: 0px;
  right: 90px;
  top: 60px;
  height: 30px;
  z-index:1;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #777777;
 }

div.nav
 {
  position: absolute;
  background: #222222;
  left: 0px;
  right: 90px;
  top: 0px;
  height: 30px;
  z-index:3;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
 }

div.nav li
 {
  display: inline;
  padding: 4px;
  font-weight: bold;
  list-style-type: none;
  line-height: 1.5;
 }

div.nav a.selectedlevel1
 {
  color: #000000;
  background: #dddddd;
 }

div.subnav
 {
  position: absolute;
  background: #222222;
  left: 0px;
  right: 90px;
  top: 30px;
  height: 30px;
  z-index:2;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
 }

div.subnav li
 {
  display: inline;
  padding: 4px;
  font-weight: bold;
  list-style-type: none;
  line-height: 1.5;
 }

div.subnav a.level2
 {
  text-decoration:none;
  font-size: 80%;
 }

div.subnav a.selectedlevel2
 {
  color: #000000;
  background: #dddddd;
  font-size: 80%;
 }

div.main
 {
  position: absolute;
  left: 60px;
  right: 90px;
  top: 90px;
  border-left: 1px solid #777777;
  background: #222222;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.5;
  z-index: 0;
  text-align: justify;
 }

div.main li.nav
 {
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: bold;
  list-style-type: none;
  display: inline;
 }


div.news
 {
  float: right;
  width: 200px;
  margin-top: 150px;
  margin-right: 20px;
  padding: 5px;
  color: #ffffff;
  background: #222222;
  border: 1px solid #df0000;
  z-index: 10;
 }

div.news h1
 {
  font-size: 18px;
 }

div.news h2 
 {
  font-size: 18px;
 }

div.news h3 
 {
  font-size: 18px;
 }

div.news li
 {
  list-style-type: none;
  line-height: 1.5;
 }

div.printhead
 {
  display: none;
 }

div.printnav
 {
  display: none;
 }