<!--
/* element selectors */
*  { font-family: helvetica, arial, sans serif }

body { background: #CCC }

table.body 
{ 
background: white;
margin-top: 20px;
margin-left: 10px;
width: 900px;
padding-bottom: 100px
}

h1
{ 
font-size: 10px;
color: white
}

div.quote 
{ 
width: 740px;
padding-left: 5px;
color: #600; 
letter-spacing: 2px;
font-size: 10px
}
 
table.links
{ 
width: 680px;
letter-spacing: 1px;
font-size: 11px;
border: 0
}

td.one
{ 
background-color: white;
width: 400px;
vertical-align: top
}

td.two
{ 
background-color: white;
width: 310px;
vertical-align: top
}

p.home
{ 
margin-top: 10px;
letter-spacing: 3px;
letter-spacing: 1px;
color: #603; 
font-size: 10px
}

span.suppliers
{ 
letter-spacing: 3px;
color: #930; 
font-size: 14px
}

td.mail
{
vertical-align: top;
letter-spacing: 1px;
font-size: 10px
}

table.copyright 
{ 
margin-top: 10px ;
width: 920px;
text-align: center
}

td.copyright { font-size: 11px }

table.footer 
{ 
background: #CCC;
margin-top: 20px;
width: 910px;
margin-left: 20px;
text-align: center
}

td.footer
{
vertical-align: top;
word-spacing: 30px;
letter-spacing: 1px;
font-size: 12px
}

table.footerbug 
{ 
margin-top: 10px ;
width: 920px;
text-align: center
}

td.footerbug { vertical-align: top }


.class1 A:link { text-decoration: none; color: #00C }
.class1 A:active { text-decoration: none; color: #00C }
.class1 A:visited { text-decoration: none; color: #00C }
.class1 A:hover { text-decoration: underline; color: #CCC }

.class2 A:link {text-decoration: none; color: #000 }
.class2 A:visited {text-decoration: none; color: black }
.class2 A:active {text-decoration: none; color: #06C }
.class2 A:hover {text-decoration: underline; color: red }

-->