#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: 140px;
margin: 2px;
padding: 2px;
border-right: 1px solid gray;
font-size: 12px;
}

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

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

#content
{
margin-left: 150px;
margin-right: 165px;
padding-left: 10px;
padding-right: 15px;
max-width: 30em;
font-size: 13px;
}

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

h1 { font-family: Verdana, Arial; color: darkblue;
  border: 1thin solid #660099;}
h3 { background: #660066; color: #FFFFFF }

#leftcol p, #rightcol p { margin: 0 0 1em 0; }
#content h2 { margin: 0 1em .5em 0; }

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

p, a {font-family: Verdana; }

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

ul.navbar { list-style-type: none;
 padding: 1px;
 margin: 1px;
 width: 140px; }
 
ul.navbar li {
 margin: 1px;
 padding: 1px;
 border-right: .5em solid #663399;
 background: #CC99FF
 }
ul.navbar a {text-decoration: none}
 a.navbar:link { color: #FFFF99 }
  a.navbar:visited { color: #9900FF }
  a.navbar:active { color: #FF66FF;
  background: #0099FF }
a.navbar: hover { color: #FFCCFF;
  background: yellow }

/*------------old code------------
div {border: none;}
#header { position: absolute;
  left: 0px;
  top: 0px;
  height: 77px;
  width: 799px;
  border-bottom: 1px solid #333;
  background-repeat: no-repeat;
  background-image: url(title4index.jpg);
   }

#leftcol {position: relative;
float: left;
width: 150px;
padding-top:5px;
margin-top: 73px;
margin-right:10px;
color: gray;  }

#rightcol {position: absolute;
    top: 82px;
    left: 75%;
    width: 150px;
    border: 1px solid #CCCCCC;
    border-top: thick solid #FFD700;
    padding-left: 10px;
    padding-right: 10px;
    margin-left:10px;
    color: #222;
     }

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

#content {
    margin: 65px 25% 10px 165px;
    padding: 3px;
    color: #663366; }

#footer {
    clear: both;
    width: 70%;
    margin: 10px;
    text-align: center;
    font-family: Verdana;
    font-size: 10px;
    padding: 3px;
    color: #000;
    border-top: thin ridge;
}

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


body {font-family: "verdana", "Times New Roman",
        Times, serif;
     font-size: small; color: #663366;}
html, body {
    background-color: #fff;
    color: #000;
    }

p, a {font-family: Verdana; }

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

ul.navbar { list-style-type: none;
  padding: 1px;
  margin: 1px;
  width: 140px; }
ul.navbar li {
  margin: 1px;
  padding: 1px;
  border-right: .5em solid #663399;
  background: #CC99FF
}
ul.navbar a {text-decoration: none}
a.navbar:link { color: #FFFF99 }
a.navbar:visited { color: #9900FF }
a.navbar:active { color: #FF66FF;
  background: #0099FF }
a.navbar: hover { color: #FFCCFF;
  background: yellow }


h1 { font-family: Verdana, Arial; color: darkblue;
  border: 1thin solid #660099;}
h3 { background: #660066; color: #FFFFFF }

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

------------- end of code ------------------*/