#container
{ width: 100%;
margin: 0px auto; 
background-color: #fff;
color: #333;
}

#header
{
/*-- padding: 5px; ----*/
background-color: #fff;
background-image: url(title4index.jpg);
background-repeat: no-repeat;
border-bottom: 1px solid gray;
}

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

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

#rightcol
{
float: right;
width: 160px;
margin: 5px 5px 5px 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #CCCCCC;
  font-size:12px;
  color: #222;
  }

#content
{display: block;
margin-top: 5px;
margin-left: 160px;
margin-right: 160px;
padding-left: 10px;
padding-right: 5px;
max-width: 650px;
min-width: 13em;
font-size: 13px;
}
#content-no-rightcol
{
position: absolute
top: 50px;
left: 170px;
margin-left: 170px;
font-size: 13px;
}
ul.content { list-style-type: none;
 padding: 2px;
 margin: 1px;
  }
 
ul.content li {
 margin: 1px;
 padding: 2px;
 }


#footer
{ clear: both;
margin: 0;
padding: 3px ;
width: 100%;
height: 100px;
color: #000055;
background-color: #999   ;
border-top: 1px solid gray;
  text-align: center;
  font-family: Verdana;
  font-size: 10px;
}
#footer .date {
    float: left;
    background-color: #999;
    text-align: left;}
#footer .contact {
    float: right;
    background-color: #999   ;
    text-align: right; }

h1 { font-family: Verdana, Arial; color: darkblue;
  border: 1thin solid #660099;}	
h3 { width: 85%;
     background: #cc0011; 
     border: 1px solid #000055;
     color: #FFFFFF;
     padding-left: 1em;
     }
h5 { font-family: Verdana, Arial; 
     font-weight: bold;
     color: darkblue;
     border: 1thin solid #660099;
     padding-left: 1em;
     padding-right: 1em;
     }

#leftcol p, #rightcol p { margin: 0 0 1em 0; }
#content h2 { margin: 0 1em .5em 0; }
#content h3 { width: 85%; }
#rightcol p {font-size: 11px;  }
#rightcol h3 {padding-right: 1em;  }

body, td {font-family: tahoma, verdana, "Times New Roman",
        Times, serif;
     font-size: 12px; color: #663366;}

p, a {font-family: Verdana; }

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

.indented 
  { padding-top: 10pt;
    padding-left: 20pt;
    padding-right: 20pt; }
	    

ul.navbar { list-style-type: none;
 padding: 2px;
 margin: 1px;
 width: 140px; }
 
ul.navbar li {
 margin: 1px;
 padding: 2px;
 border-right: .5em solid darkred ;
 background: darkblue;
 }
ul.navbar a {text-decoration: none}
 a.navbar:link { color:  #ffff22}
  a.navbar:visited { color: #ffffaa }
  a.navbar:active { color: #3366FF}
a.navbar: hover { color: #FFCCFF;
  background: yellow }

table { border:1px solid #000;
	border-collapse:collapse;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:12px;
	max-width: 65em;
	}
									
td,th{ border:1px solid #000;
	border-collapse:collapse;
	padding:5px;
	}	

#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:#69f
	}

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 ------------------*/