* { margin: 0; padding: 0; }
body
{
background-color:#FFFFFF;
font-size:10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
#box1 {
font-size: small;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#C0C0C0;
float:left;
padding:10px;
width:20%;
margin:15px 15px 15px 10px;
border: solid 2px #FFCC66;
}
#list {
margin-left:5%;
}
#list img{
display: block;
border:none;
text-align: center;
}
li{
background-color: #F6F7F9;
text-align:center;
width:150px;
height:70px;
border: 1px #800000 dotted;
padding:1%;
list-style:none;
float:left;
margin-right:10px;
margin-bottom:10px;
font-weight:bold;
color:#000000;
 }
a:link
{
color:#0000FF;
text-decoration:none;
  }
a:visited
{
color:#800000;
text-decoration:none;
 }
a:hover
{
color:#000000;
text-decoration:none;
background-color:#C0C0C0;
 }
h2
{
margin: 3%;
font-weight: bold;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
 }
h1
{
color: #800000;
font-weight: bold;
font-size:12pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 input.c4 {
background-color:#F1F1F1;
}
textarea.c3 {
background-color:#eeeeee;
color:#0055cc;
border:dotted 1px #000000;
}
select.c2 {
background-color:#eeeeee;
color:#0055cc;
border:dotted 1px #000000;
}
input.c1 {
background-color:#eeeeee;
color:#0055cc;
border:dotted 1px #000000;
}