
<STYLE TYPE="text/css">

<!--



a.cat:link{color:darkgreen;text-decoration:none}
a.cat:active{color:red;text-decoration:none}
a.cat:visited{color:darkgreen;text-decoration:none}
a.cat:hover{color:red;text-decoration:none}

a.dog:link{color:black;text-decoration:none}
a.dog:active{color:blue;text-decoration:none}
a.dog:visited{color:black;text-decoration:none}
a.dog:hover{color:blue;text-decoration:underline;font-family:Times New Roman;}

a.canary:link{color:orange;text-decoration:none}
a.canary:active{color:yellow;text-decoration:none}
a.canary:visited{color:orange;text-decoration:none}
a.canary:hover{color:yellow;text-decoration:underline;font-family:Arial;}

.just{text-align:justify;}

-->
<script language="Javascript" type="text/javascript">
<!--

// Check for 640x480
if (screen.height == '480')
    location.replace('800/index.htm')

// Check for 800x600
else if (screen.height == '600')
    location.replace('800/index.htm')

// Check for 1024x768
else if (screen.height == '768')
    location.replace('1024/index.htm')

// Check for 1280x1024
else if (screen.height == '1024')
    location.replace('1024/index.htm')

// Everything else
else
    location.replace('800/index.htm')
//-->

</script>


</STYLE>
