body {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #ffffff;
background-color: silver;}



#menu a, #menu a:visited {
  display: block;
  text-decoration:none; 
  text-align:center; 
  background-color:#1B1E1E; 
  color: #f0f0f0; 
  width:8.0em; 
  border: 2px solid teal;
  border-style: outset;
  -moz-border-radius: 3px;
  padding:0.35em;
  margin-left: 8px;
  margin-top:3px;
  margin-bottom: 3px;}



#menu a:hover {
background-color:#707070;
 color: #f0f0f0;
 border-color: teal;
border-style: inset;}


a {
font-size:11px;
color:#f0f0f0;}

li {
font-size:11px;
color:#f0f0f0;}


.class1 A {
font-size: 10px;
font-weight: bold;
color: #000000;}

.class1 A:hover {
color:#707070;
text-decoration:none;
}

.class2 A {
font-size: 10px;
font-weight: bold;
color: #ffffff;}

.class2 A:hover {
color:#9dd0cb;
font-size: 10px;
 font-weight: bold;}

.class3 a{
font-size: 14px;
font-weight: bold;
color: #009586;;}

.class3 a:hover{
font-size:14px;
color:#9dd0cb;}



h1 {
font-size: 14px;
font-weight: bold;
color: #666666; 
margin: 0px;
padding: 0px;
display: inline;}

h1.heading {

font-size: 14px;
font-weight: bold; 
margin: 0px;
padding: 0px;
display: inline;
color:#FFFFFF;}

h2.subheading {
font-size: 12px;
font-weight: bold;
color: #90B9BB;}

h2 {
font-size: 14px;
font-weight: bold;
color: #90B9BB; 
margin: 0px;
padding: 0px;
display: inline;}


h3 {
font-size: 10px;
font-weight: normal; 
margin: 0px;
padding: 0px;
display: inline; 
color:#f0f0f0;}


table.panels {
width: 650px;
background-color: #1B1E1E;
border: 1px solid teal;
border-style: outset;
border-color: teal;
font-size: 10px;
color: f0f0f0;
-moz-border-radius: 5px;
}



table.LEDs {
width: 560px;
background-color: #1B1E1E;
border: 1px solid teal;
border-style: outset;
border-color: teal;
-moz-border-radius: 5px;
}



td {
	font-size: 11px;
	color: white;

}

.td1 {
padding-left: 15px;}


.text {
padding-left: 12px;
padding-top: 8px;}




.foto {
width: 200px;}


.fontheadings {
font-size: 12px;
font-weight: bold;
color: #009688;}


.fontwhite {
font-size: 10px;
font-weight: bold;
color: #ffffff;}

.fonthp {
font-size: 12px;
font-weight: bold;
color: #707070;}

.head {
font-size: 14px;
font-weight: bold;
color: #009586;}

.SMALLhead {
font-size: 12px;
font-weight: bold;
color: #009586; }

.small {
font-size: 12px;}




.thumbnail{
padding: 2px;
border: 1px;
border-color: silver;
border-style: outset;
-moz-border-radius: 5px;
width: 150px;}

.thumbnail:hover{
background-color: transparent;
z-index: 50; 
}

.thumbnail img{
padding: 2px;
border: 1px;
border-color: silver;
border-style: outset;
-moz-border-radius: 5px;
width: 150px;}


.thumbnail span{
padding: 5px;
position: absolute;
visibility: hidden;}

.thumbnail span img{
width: 400px;
border: 2px;
border-color: silver;
border-style: outset;
-moz-border-radius: 5px;
padding: 0px;}

.thumbnail:hover span{
visibility: visible;
left: -100px;
top:-200px;

} 


.contentBox {
display:block;
border-width: 0;
padding:5px;
margin-top:5px;
width:500px;
height:65px;
background-color: silver;
color: black;
overflow:scroll;}

	
#Scroller {
scrollbar-arrow-color:#333333;
scrollbar-track-color:#CCCCCC;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;}

table.powerunits {
width: 500px;
background-color: #1B1E1E;
border: 1px solid teal;
border-style: outset;
border-color: teal;
-moz-border-radius: 5px;
}