html
{
    margin: 0;
    padding: 0;
}

body 
{
   	background-color: #f5f4e9;
   	margin: 0;
    padding: 0;
}
 /* Properties that both side lists have in common */
div.link-list {
        width:9.2em;
        position:absolute;
        top:9px;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;
        
}
/* and then we put each list on its place */
#list1 {
        left:0px;
    height: 344px;
    top: 150px;
}
#list1a {
        left:2px;
    height: 1000px;
    top: 0px;
    width: 2px;
    margin-right: 1071px;
    margin-left:11em;
}
#list2 {
        right:0px;
    height: auto;
}
#top
{top:0;
}
#bottom
{left: 0;
 
    margin-top: 267px;
     margin-left:10.2em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;
}
A:link { text-decoration: none;
          color: #0033CC
          }
A:visited { text-decoration: none;
			color: #0033CC
         }
.copy {font-family: Arial, Helvetica;
		line-height: 1.8;
		font-size: 12pt;
		margin-top: -12px}
		
.head {font-family: Arial, Helvetica;
		line-height: 1.8;
		font-size: 14pt;
		font-weight: bold;
		margin-top: -12px}

.on { font-size: 13; text-decoration: italic; color: blue; }
.off { font-size: 13; text-decoration: none; color: red; }

.copy1 {font-family: Arial, Helvetica;
		line-height: 1.2;
		font-size: 13pt;
		margin-top: -12px;
		
		}
.img-logo
{padding-right: 5px;
}
.copy2 {font-family: Arial, Helvetica;
		line-height: 2;
		font-size: 11pt;
		margin-top: -12px;
		
		}