body { 
color: white; 
background-color: #bb6b63; 
text-align: center; }

#container { 
background: white; 
width: 800px; 
\width: 820px; 
w\idth: 800px;
margin: 0 auto; 
text-align: left; 
border: solid 1px white; 
overflow: auto;
}

#left { 
background: black; 
width: 190px; 
\width: 210px; 
w\idth: 190px;
margin: 0; 
text-align: center; 
float: left; }

#right {
width: 610px;
margin: 0px;
text-align: center;
background-color: white;
background-image: url(../media/bricks1.jpg);
background-position: top center;
background-repeat: no-repeat;
float: right;
}

#right h1 {
margin-top: 55px;
}

p { 
color: black; 
font-size: 12px ;
line-height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}

h1 { 
color: #bb6b63; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
line-height: 18px; 
font-weight: bold; 
text-align: center; 
word-spacing: 4px; 
letter-spacing: 3px; 
margin-top: 10px; } 

.credit {
color: white; 
font: 9px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

p .red  {
color: #bb6b63;
}

.red { 
font-size: 12px; 
line-height: 24px; 
color: #bb6b63;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-decoration: none; 
}

.red a:link { 
color: #bb6b63; 
text-decoration: none
}

.red a:visited { 
color: #bb6b63; 
text-decoration: none
}

.red a:hover { 
background: #bb6b63;
color: white; 
text-decoration: none
}

.red a:active { 
color: #bb6b63; 
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/13px Verdana, Arial, Helvetica, sans-serif; 
 }

 #navcontainer ul li a:hover
 { color: white; 
 font-weight: bold; 
 background: #bb6b63; 
 }

 #navcontainer a:active
 {
 background: rgb(187, 107, 99);
 color: #fff;
 }

 #navcontainer li a:active 
 {
 background: white;
 color: #bb6b63;
 }

