body { 
color: white; 
background: #d5adaa;
text-align: center; 
}

#container { 
background: #bb6b63; 
width: 800px; 
\width: 820px; 
w\idth: 800px;
margin: 0 auto; 
text-align: left; 
border: solid 1px white; 
overflow: auto;}

#left { 
background-color: #bb6b63; 
width: 190px; 
\width: 210px; 
w\idth: 190px;
margin: 0; 
text-align: center; 
float: left;
}

#right {
width: 610px;
margin: 0;
text-align: center;
background: black;
float: right;

}

h1 { 
color: white; 
font-size: 14px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal; 
line-height: 18px; 
text-align: center; } 

p { 
color: white; 
font-size: 12px ; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 24px; }

.credit {
color: white; 
font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

.credit2 {
color: black; 
font: 9px/10px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

.credit2 a:link { 
color: black; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}
.credit2 a:visited { 
color: black; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

.credit2 a:hover { 
color: #bb6b63; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

.credit2 a:active { 
color: black; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

a:link { 
color: white; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}
a:visited { 
color: white; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

a:hover { 
color: black; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

a:active { 
color: white; 
font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

/* Navigation */

 #navcontainer {
 margin-top: 10px;
 padding: 0;
 text-align: center;
 height: 100%;
 }

 #navcontainer ul
 {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 }

 #navcontainer ul li
 {
 display: block;
 float: left;
 text-align: center;
 padding: 0;
 margin: 0;
 }

 #navcontainer ul li a { 
 width: 190px; 
 height: 18px; 
 padding: 0; 
 margin-bottom: 10px; 
 color: white; 
 text-decoration: none; 
 display: block; 
 text-align: center; 
 font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; 
  }

 #navcontainer ul li a:hover
 { color: white; 
 font-weight: bold; 
 background: black; 
 }

 #navcontainer a:active
 {
 background: rgb(187, 107, 99);
 color: #fff;
 }

 #navcontainer li a:active
 {
 background: white;
 color: #bb6b63;
 }

