#container { 
   width: 810px;
   margin-right:auto;
   margin-left:auto;
   text-align: left;
   background-image: url(earth.jpg);
   background-repeat: no-repeat;
   background-color: #ccccff;
   color: #333;
    }

#header { 
width: 800px;
height: 60px;
border-bottom: 1px solid #333; 
voice-family: "\"}\"";
voice-family: inherit;
}


#header h3 { padding:0; margin: 0; }

#leftcol {
float: left;
width: 150px;
margin: 2px;
padding: 2px;
border-right: 1px solid gray;
color: gray;  }

#rightcol {
    float: right;
    width: 140px;
    margin: 2px;
    border: 1px solid #CCCCCC;
    border-top: thick solid #000064;
    padding-left: 2px;
    padding-right: 2px;
    margin-left:2px;
    color: #222;
     }

#rightcol p {font-size: 11px;  }

#centercontent { 
    margin: 5px 175px 10px 160px;
    max-width: 45em;
    font-size: 10px;
    background-color: lightgrey;
    }

#footer { 
  clear: both;
  margin: 0;
  padding: 0,3px,0,3px ;
  width: 810px;
  height: 60px;
  color: darkgrey;
  background-color: #ddd;
  border-top: 1px solid gray;
  text-align: center;
  font-family: Tahoma;
  font-size: 10px;
      }

#footer .date {
    float: left;
    text-align: left;}
#footer .contact {
    float: right;
    text-align: right; }


body {font-family: tahoma, verdana, "Times New Roman",
        Times, serif;
     font-size: 8px; color: #663366;}
html, body {
    background-color: #ccccff;
    color: #000;
    }

p, a {font-family: Verdana; }

h2, h4, h5, h6 { font-family: Tahoma, Verdana, Georgia; }

ul.navbar { list-style-type: none;
  padding: 1px;
  margin: 1px;
  width: 140px; }
ul.navbar li {
  margin: 1px;
  padding: 5px;
  border-right: .5em solid #000064;
  background: #333399
}
ul.navbar a {text-decoration: none}
a.navbar:link { color: #FFFF91 }
a.navbar:visited { color: #DDDDDD }
a.navbar:active { color: #FFFFFF;
  background: #0099FF }
a.navbar: hover { color: #FFCCFF;
  background: yellow }


h1 { font-family: Tahoma, Verdana, Arial; color: darkblue;
  border: 1thin solid #660099;}

h3 { background: #000064; color: #FFFFFF }

address { 
  clear: both;
  margin-top: .1em;
  padding-top: .1em;
  border-top: thin ridge;
  position: relative;
  vertical-align: bottom }

td,th{ border-collapse:collapse;
       padding:5px;
       }
/*--- commented code ---*/
table { border:1px solid #000;
        border-collapse:collapse;
        font-family:tahoma,verdana,arial,sans-serif;
        font-size:12px;
        } 
/*---
#category{width:20em;}
#actual,#budget,#diff{width:12em;
          text-align: right}

caption{ background:#ccc;
          font-size:140%;
          border:1px solid #000;
          border-bottom:none;
          padding:5px;
          text-align:center;
          }

thead th{ background:#9cf;
          text-align:left
         }
tbody th{ text-align:left;
          background:#69c
          }

tfoot td,th{ text-align:right;
          font-weight:bold;
          background:#ade
          }
tbody td{ background:#eee; text-align: right}
tbody tr.odd td{ background:#ccc; border:none; }
-----*/																						  
/*------------- end of code ------------------*/