body {
    color: black;
    background-color: #0090bf }

font-family: { Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif
    color: purple; }

h1 { color: purple; 
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif ;  
	font-size: 25}

h2 {
color: white;
background-color: #0090bf;
text-align: center;  }

<style type="text/css">
 td {
 width:50%;
 border:1 solid black;
 }
 td.padded {
 padding:20px;
 }
</style>

div.box { border: solid; border-width: thin; width: 100% }

div.color {
    background: #79D7C1;
    padding: 0.5em;
    border: solid; border-width: thin; width: 100%; 
	border-color: white;  }

div.color2 {
    background: #f7bdde;
    padding: 0.5em;
    border: solid; border-width: thin; width: 100%; 
	border-color: white;  }

ul.navbar {
     list-style-type: none;
    padding: 0;
    margin: 0;
    top: 2em;
    left: 1em;
    width: width: 100%;  }
ul.navbar li {
    background: #ffffbf;
    margin: 0.0em;
    padding: 0.3em;
    border-right: 0em solid white }
  a:link {
    color: blue }
  a:visited {
    color: purple }

#navcontainer { margin-left: 5px; font-size: 11px;  }

#navcontainer ul
{margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{display: block;
padding: 5px 5px;
width: 120px;
color: #fff;
background-color: #036;
text-decoration: none;}

#navcontainer a:hover
{ color: #fff;
background-color: #69C;
text-decoration: none; }

#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{ display: block;
padding: 5px 5px 5px 5px;
width: 120px;
color: #fff;
background-color: #369;
text-decoration: none; }

#navcontainer ul ul a:hover
{ color: #fff;
background-color: #69C;
text-decoration: none; }

----------------

#products ul 
{
list-style-type: none;
text-align: left;
}

#products li 
{
list-style-type: none;
text-align: left;
}

#products ul li a
{
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: white, normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #ffff9c;
}

#products ul li a:hover
{
background: transparent url(images/list-on.gif) left center no-repeat;
color: black;
}


--------------

#bottomnav ul li a:hover
{background-color: #369;
color: blue;}

#navcontainer2 ul
{ padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font-family: verdana, arial, Helvetica, sans-serif; font-size: 11px;
text-align: center;  }

#navcontainer2 li { display: inline; }

#navcontainer2 li a
{ text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;  }

#navcontainer2 li a:hover
{ background-color: #369;
color: white;  }

----------------
#bottomnav ul li a:hover
{background-color: #369;
color: blue;}

#navcontainer3 ul
{ padding: .2em 0;
margin: 0;
list-style-type: none;
background-color:#369;
color: #FFF;
width: 100%;
font-family: verdana, arial, Helvetica, sans-serif; font-size: 11px;
text-align: center;  }

#navcontainer3 li { display: inline; }

#navcontainer3 li a
{ text-decoration: none;
background-color: #369;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;  }

#navcontainer3 li a:hover
{ background-color: #036;
color: white;  }

div.description {
    background: white;
    padding: 0.5em;
    border: solid; border-width: thin; 
	width: 90%; 
	border-color: grey; text-align: left; }


img.bottom {vertical-align:text-bottom}