/* CSS Document */
body {
width:600px;
padding:0px;
text-align:left;
margin-left: 20%;
 margin-right: 20%;
 margin-top:2%;
 font: 12px verdana, arial, sans-serif;
}

h6{
font: 12px verdana, arial, sans-serif;
border: 1px solid black;
text-align:right;
margin-top: 1px;
width:590px;
padding:4px;
font-weight: bold;
}
h5{
font: 12px verdana, arial, sans-serif;
border: 1px solid black;
text-align:right;
margin-top: 1px;
padding:1px;
}
h4{
font: 12px verdana, arial, sans-serif;
text-align:right;
padding:5px;
text-decoration: underline;
}
h3{
font: 12px verdana, arial, sans-serif;
text-align:right;
padding:3px;
margin-top:2px;
margin-left:5px;
font-weight:bold;
border:1px solid black;

}
p{
font: 10px verdana, arial, sans-serif;
text-align:middle;
margin-top: 1px;
padding-right:5px;
}

a {
  color: black;
  text-decoration: none;
}
a:hover {
  background: #999999;
  color: #ffffff;
}
a:hover img {
  background: #ffffff;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
float:left;
width: 100px;
}
#menu dt {
cursor: pointer;
margin-top: 2px;
margin-bottom: 2px;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid black;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}

.mentions {
color: #000;
background-color: #ddd;
}
#center {
width:150px;
padding:0px;
float:left;
text-align:right;
overflow: auto;
}
#pic{
width:300px;
float:right;
text-align:right;
}
#images{
width:300px;
height:300px;
border:1px solid black;
background-color: #ddd;
margin-top:2px;
margin-right:5px;
}