body {background:url(images/fon1.gif); color: gray;}
a {text-decoration: none; color:gray;} 
.table {
background:url(images/fon2.gif);
border-radius:10;
box-shadow: 0 0 5px black;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.etable {border:lightsteelblue dashed 1px; border-radius:5;}
input.button  {
margin: 0px;
padding: 0px;
width: 125px;
height: 25px;
font: 15px/15px arial;
font-weight: bold;
text-align: center;
border: 0px;
background: 6699CC url(images/overlay1.png) repeat-x;
display: inline-block;
color: whitesmoke;
text-decoration: none;
-moz-border-radius: 15px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer }
.button:active { top: 1px; }

 #nav, #nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
   background: white;
   float: center;
   width: 50%;
   color: white;
 }
 #nav li {
   float: left;
   position: relative;
   background: url(images/overlay2.png) repeat-x;
   width: 125px;
  }
 
 #nav a {
   color: #fff;
   text-decoration: none;
   display: block;
   width: 100px;
   padding: 10px;
 }
 #nav a:hover {
   color: #fff;
   background: url(images/overlay3.png) repeat-x;
 }
 #nav li:hover,
 #nav li.jshover {
   background: url(images/overlay3.png) repeat-x;
 }
 
 #nav li ul {
   display: none;
   position: absolute;
   padding: 0;
   width: 120px;
 }
 #nav li li a {
   width: 100px;
   background: none;
 }
 #nav li:hover ul,
 #nav li.jshover ul {
   display: block;
 }
 
 #nav li:hover li ul,
 #nav li.jshover li ul {
   display: none;
   width: 120px;
   top: 0px;
   left: 120px;
 }
 #nav li:hover li:hover ul,
 #nav li.jshover li.jshover ul {
   display: block;
 }}