<style type="text/css">


body
{
   border: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
   height: 100%; 
   max-height: 100%; 
   background-image:url(../img/g5str22.gif);    
}

#framecontentLeft, #framecontentRight
{
   position: absolute; 
   top: 0; 
   left: 0; 
   width: 150px; /*Width of left frame div*/
   height: 100%;
   overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
   background-color: green;
   color: white; 
   background-image:url(../img/g4wd01.gif);
}

#framecontentRight
{
   left: auto;
   right: 0; 
   width: 150px; /*Width of right frame div*/
   overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
   background-color: cyan;
   color: white;
}

#framecontentTop
{
   position: absolute;
   top: 0;
   left: 100px; /*Set left value to WidthOfLeftFrameDiv*/
   right: 100px; /*Set right value to WidthOfRightFrameDiv*/
   width: auto;
   height: 80px; /*Height of top frame div*/
   overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
   background-color: red;
   color: red;         
   background-image:url(../img/g4wd01.gif)
}

#maincontent
{
   position: fixed; 
   top: 80px; /*Set top value to HeightOfTopFrameDiv*/
   left: 150px; /*Set left value to WidthOfLeftFrameDiv*/
   right: 150px; /*Set right value to WidthOfRightFrameDiv*/
   bottom: 0;
   overflow: auto; 
   background: #fff;
   color:#66FF33;
   
   background-image: url(../img/g5str22.gif);    

/*   background-color: #191970; */
   color: #daa520;
   border: .2em solid #daa520;              
   padding: -3em;
   margin-bottom: .1em;   
}

.innertube{
margin: 12px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 120px 150px 0 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}

.style1 
{
   color: #00FF00;
   font-weight: bold;
}

.style2 
{
   color: #FF0033
}

.styleTopMenu
{
   color: #00FF00
}


/*............................*/
ul#topnavlist 
{
   margin-left: auto;
   margin-right: auto;
   margin-bottom: auto;
   margin-top: 10px;
   border-top: 1px solid #999;

   white-space: nowrap;
}         

#topnavlist li
{                                     
   text-align: center;
   margin: 0 5px;                                                                             
   display: inline;
   width: 100%;
   font-size: 1em;   
}

#topnavlist a 
{ 
   padding: 1px 7px;
   color: #ff666;
   background-color: #1fff;
   border: 1px solid #ccc;
   text-decoration: none;
   
}

#topnavlist a:link
{
   color: #1fff;
   background-color: #036;
   text-decoration: none;
   
}                        
                  
#topnavlist a:visited                  
{
   color: #FFFF00;
   background-color: #1fff;
   text-decoration: none;
}                        

#topnavlist a:hover
{
   color: #134;
   background-color: #369;
   text-decoration: none;
   font-size: 1.2em;   
   
}

/*............................*/
ul#leftnavlist 
{
   margin-left: -10px;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   border-left: 1px solid #999;
   background-color: #1fff;

   white-space: nowrap;
}         

#leftnavlist li
{                                     
   text-align: left;
   margin: 10px -20px 15px;                                                                             
   width: 100%;
   font-size: 1em 1em;   
   background-color: #36;
}

#leftnavlist a 
{ 
   padding: 7px 7px;
   color: #167;
   background-color: #1fff;
   border: 1px solid #ccc;
   text-decoration: none;
   
}

#leftnavlist a:link
{
   color: #ff666;
   background-color: #1fff;
   text-decoration: none;
   
}                        
                  
#leftnavlist a:visited                  
{
   color: #4ff;
   background-color: #1fff;
   text-decoration: none;
}                        

#leftnavlist a:hover
{
   color: #134;
   background-color: #369;
   text-decoration: none;
   font-size: 1.2em;   
   
}



/*. Clock frame .*/

.clockFrame
{
   position: absolute;
   top: 2;
   right: 10px; 
   width: auto;
   height: auto;
   height: 15px; 
   background-color: red;
   color: red;         
}

table.clock 
{
  text-align: left;
  border: thin dotted brown;
  pindicatoring: 5px;
  margin: auto;
}

td, input.clock2 
{
  background-color: #369;
  text-align: center;
  border: none;
  font: bold .9em verdana, helvetica, arial, sans-serif;
  pindicatoring-bottom: .5em;
}

.clock3 
{
  text-align: center;
  font: .7em verdana, arial, helvetica, ms sans serif;
}
