body
{
    padding-left: 11em;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: maroon;
    background-color: #C4B0A7;
}

h1{color:Black; font-size: 20px;
    text-align: center;
}
h2 {color: #432026; font-size: 18px; margin-left: 45px}
h3
{
    color: #001992;
    font-size: 16px;
}

p {margin-left: 50px}

#title { position: absolute; top: 30px; width: 200px; }
#header { position: absolute; top: 0px; left: 0px;
  width: 100%; }

#menu { position: absolute; top: 160px; left: 0px;
  width: 100%; height: 10px;
  background-color: #333366; color: #FFFFFF}

#content { position: absolute; top: 220px; left: 200px;
  width: 730px; background-color: #EBDCC7; 
  color: #000000}
  
#ProdList
{
    border-style: groove;
    border-width: thick;
    position: absolute;
    width: 200px;
    background-color: #ECD9DC;
}

#ProdDetail { position:absolute; left: 220px; width: 530px; background-color:#EBDCC7;}

#linkarea  { position: absolute; top: 200px; left: 450px;
  width: 100%; color: #EBDCC7}

#navigation { position: absolute; top: 180px; left: 0px;
  width: 200px;}

  ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position:absolute;
    top: 3em;
    left: 1em;
    width: 9em}
    
   ul.navbar li {
    background: #EBDCC7;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 0.5em solid black }
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: #432026 }
  a:visited {
    color: purple }
/*
.breadcrumb{
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding-right: 18px;}

.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat center right;
text-decoration: none;
color: orange;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}
*/