    <HTML xmlns:t ="urn:schemas-microsoft-com:time">
    <HEAD>
    <?IMPORT namespace="t" implementation="#default#time2">
    <style>.time {behavior: url(#default#time2)}</style>
    </HEAD>
    <BODY bgcolor="#eeffcc">
    <!-- Time Content for testing -->
    <DIV id = "T2" style="position:absolute;height:170;width:175;background-color:#00ff00;z-index:1"></div>
    <DIV id = "T1" style="position:relative;height:85;width:85;top:45;left:45; background-color:#00ff00;z-index:2;border-Color:black;border-Width:3;border-style:solid"></div>
    <img src= "../images/spline_img02.gif" style = "position:absolute;top:215;">
    <t:animateColor begin="2s" dur="6s" calcMode="spline" keySplines=".5 0 .5 1"  keyTimes="0; 1" targetElement="T1"  values="black;yellow" attributeName="style.backgroundcolor" fill="freeze"/>
    <t:animateColor begin="2s" dur="6s" calcMode=linear keyTimes="0; 1" TargetElement=T2  values="black;yellow" attributeName="style.backgroundcolor" fill="freeze"/>
    <!--*******************************************************************************-->
    <!--***************everything past this line is informational**********************-->
    <!--*****Timer that displays activeTime and shows persistence*****-->
    <DIV align="left" style="position:absolute;top:10;left:300">
    <B>TIMER:</B><BR>
    Timer:
    <span id="Timer" class="time" dur=".01"  repeatCount="indefinite" fill="hold" onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</span><br><br>
    <!--*****Expectations, Sample Code, and Information*****-->
    <B>EXPECTED BEHAVIOR:</B><br>
    Testing: keySplines, keyTimes.<br>
    The inner box animation color is represented by the blue line on the graph.  The outer box is animating linearly. <br>
    At 0 seconds, the inner and outer boxes will be green.<br>
    At 2 seconds, the inner and outer boxes will animate from black to yellow.<br>
    At 2-4 seconds, the inner box will start animating slower than the outside box, causing the inner box to look a darker yellow.<br>
    At 5 seconds, the inner and outer boxes should be the same color.<br>
    At 4-8 seconds, the inner box will animate color faster that the outside box, causing the inner box to look a brighter yellow.<br>
    At 8 seconds, the inner and outer boxes quit animating and freeze on yellow.<br><br>
    <B>SAMPLE CODE:</B><br>
    <t:animateColor begin="2s" dur="6s" calcMode="spline" keySplines=".5 0 .5 1"  keyTimes="0; 1" targetElement="T1"  values="black;yellow" attributeName="style.backgroundcolor" fill="freeze"/><br>
    <t:animateColor begin="2s" dur="6s" calcMode=linear keyTimes="0; 1" TargetElement=T2  values="black;yellow" attributeName="style.backgroundcolor" fill="freeze"/><br><br>
    <B>INFORMATION:</B><br>
    Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/.
    Author: Debbie Newman, Microsoft<br>
    Version: 11/02/2000<br>
    Module: animateColor<br>
    Feature: begin, dur, calcMode=spline, keySplines, keyTimes, targetElement, values, fill=freeze<br>
    File Name: animateColor_spline_002.htm<br>
    Media Components: images/spline_img02.gif<br><br>
    </div>
    </BODY>
    </HTML>