body 
{ 
   margin-left: 10%; 
   margin-right: 10%;
   margin-top: 1%; 
   font-family: Georgia, "Times New Roman", Times, serif;
   background: #d8da3d;
   color: #000;
}


a { text-decoration: none; }
a:link { color: blue ; }
a:visited { color: purple; }
a:hover { color: red; background: white; }

a#home { text-decoration: none; font-size: 14px; }
a#home:link { color: white ; }
a#home:visited { color: white; }
a#home:hover { color: #ffa500; background: white; }

h1 
{
   color: purple;
   background: transparent;
   font-size: 150%;
}

div.content
{
   width: 100%;
}

div.navbar
{
   background-color: #ffa500;
   margin: 0;
   font-variant: small-caps;
   padding-bottom: 9px;
   background-image: url('tbbottom.jpg'); background-position: bottom left; background-repeat: repeat-x;
}
.navbar h1
{ 
   background-color: #ffa500;
   color: white;
   margin: 0;
   padding-bottom: 0.1px;
   letter-spacing: 1px;
   font-size: 200%;
   text-align: center;
}
.navbar ul
{
   text-align: center;
   list-style-type: none;
   padding: 0;
   margin: 0;

}
.navbar li
{
   display: inline;
   padding: 0.3em 0.1em; 
}
.navbar li#current
{
   background: #ffa500; 
   color: white;
   padding: 0 2%;
   font-weight: bold;
}
.navbar a
{ 
   padding: 0.3em 2%;
   margin: 0; 
   height: 1.6em;
   background: white;
   color: #ffa500;
}
.navbar a:hover { 
   padding: 0.3em 2%;
   margin:  0;
   height: 1.6em;
   background-color: #ffa500;
   color: white;
 }
div.sidebar
{
   float: left;
   margin-top: 1em;
   width: 20%;
   height: 100%;
   background-color: #ffa500;
   color: #fff;
   text-align: center;
   padding-bottom: 4px;
   background-image: url('tbbottom.jpg'); background-position: bottom left; background-repeat: repeat-x;
}
.sidebar ul
{
   list-style-type: none;
   padding: 0.1em;
   margin: 0.1em 0;
   text-size: 75%;
}
.sidebar li
{
   background: white;
   padding: 0.2em;
   margin: 0.3em 0;
   text-align: center;
   font-weight: normal;
}
.sidebar img 
{ 
   display: block;
   border: 0;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0.1em;
   margin-bottom: 0.1em;
}

.center
{
   text-align: center;
}

div.main
{
   float: right;
   width: 78%;
   margin-top: 1em;
   /* margin-right: 160px; */
   background: white;
   padding: 0.5em;
}
.main img
{
   vertical-align: bottom
}