<!--
body {
font-family: "bookman old style", times, serif;
font-weight: bolder;
color: #454401;
 margin: 10px;
 padding: 0;
 text-align:center;/* center layout in ie5 and 5.5. */
background:url(images/smooth1.jpg)#D8CAC2;
}
#container {
 width: 670px;
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
 background:url(images/smooth2.jpg)#D8CAC2;
 border: 1px solid #B7D2C3;
 text-align:left;
}
#content {
 border: 1px solid #B7D2C3;
 padding: 0;
 background-image: url(images/smooth2.jpg);/*this is the background colour of the left column */
 background-repeat: repeat-y;
 background-position: left top;
}
#left {
 float:left;
 border-right:1px solid #000;
 width:199px;
}
#right {
 float:left;
 width:465px;
 border-left:1px solid #000;
 margin-left:-1px;/* makes border line up with #left border */
}
#header, #footer {
 background:url(images/smooth3.jpg);#D8CAC2;
 text-align:center;

}
#header h1, #footer h1 {margin:0}
#footer {background:url(images/smooth3.jpg);#B8BBA8;}

.menu a {
     margin: 0 2px;
     width: 120px; 
     height: 20px;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #005D00;
     background: #A0AAA9;
  }
  
.menu a:hover {
     background: #E1E800;
     border: 1px solid gray; 
     }

.menu a:active {
     background: gray;
     border: 1px solid gray; 
     color: #fff;
     }
   
.mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a.test {
text-decoration: none;
color: #222;
}
a.test:hover{
text-decoration: underline;
}


-->