Side navigation
Ticket #1726: test.html
File test.html, 19.9 KB (added by pixelwiz, February 05, 2008 07:56PM UTC)
Code for the file that has the problem
Year Selected: 1967<br />
Decade Selected: 1960<br /><br>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PGA Championship History Exhibit</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-latest.js"></script>
</head>
<body>
<div class="content">
<script type="text/javascript" id="js">
$(document).ready(function() {
//First hide all the subcategories
$('ul.decade').hide();
//open a category to display subcategories on click
$('img.arrow').click(
function() {
if ($(this).attr("closed") == "1"){
$(this).attr("src","images/arrow_open.gif");
$(this).attr("closed","0");
var decadeID = 'decade_' + $(this).attr('decadeID');
var myUL = document.getElementById(decadeID);
$(myUL).slideDown('slow');
return false;
}
else{
$(this).attr("src","images/arrow_closed.gif");
$(this).attr("closed","1");
var decadeID = 'decade_' + $(this).attr('decadeID');
var myUL = document.getElementById(decadeID);
$(myUL).slideUp('slow');
return false;
}
});
//show mouseover for arrow on hover
var imageName = "images/arrow_closed";
$('span.arrowbox img').hover(function() {
if ($(this).attr("closed") == "1"){
imageName = "images/arrow_closed";
}
else{
imageName = "images/arrow_open";
}
$(this).attr("src",imageName+"_on.gif");
$(this).addClass('arrow-hover_IE');
}, function() {
if ($(this).attr("closed") == "1"){
imageName = "images/arrow_closed";
}
else{
imageName = "images/arrow_open";
}
$(this).attr("src",imageName+".gif");
$(this).removeClass('arrow-hover_IE');
});
//If a category is selected - open it
$('#arrow_1960').attr("src","images/arrow_open.gif");
$('#arrow_1960').attr("closed","0");
var decadeID = 'decade_' + '1960';
var myUL = document.getElementById(decadeID);
$(myUL).show();
$('#category_1960').css({color:"#FFFFFF",fontWeight:"bold",backgroundImage:"url(images/nav_mouseoverBG.gif)",backgroundRepeat:"repeat-x"});
$('#subcategory_1967').css({color:"#324554",fontWeight:"bold",textDecoration:"none"});
});
</script>
<div id="sidenav">
<div class="heading1">Exhibit Tour</div>
<ul>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_2000" decadeID="2000" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_2000" href="index.cfm?decade=2000"><span style="padding-left:10px;">2000 - 2007</span></a>
</span>
<ul id="decade_2000" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2007" href="index.cfm?year=2007">2007</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2006" href="index.cfm?year=2006">2006</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2005" href="index.cfm?year=2005">2005</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2004" href="index.cfm?year=2004">2004</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2003" href="index.cfm?year=2003">2003</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2002" href="index.cfm?year=2002">2002</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2001" href="index.cfm?year=2001">2001</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2000" href="index.cfm?year=2000">2000</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1990" decadeID="1990" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1990" href="index.cfm?decade=1990"><span style="padding-left:10px;">1990 - 1999</span></a>
</span>
<ul id="decade_1990" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1999" href="index.cfm?year=1999">1999</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1998" href="index.cfm?year=1998">1998</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1997" href="index.cfm?year=1997">1997</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1996" href="index.cfm?year=1996">1996</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1995" href="index.cfm?year=1995">1995</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1994" href="index.cfm?year=1994">1994</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1993" href="index.cfm?year=1993">1993</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1992" href="index.cfm?year=1992">1992</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1991" href="index.cfm?year=1991">1991</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1990" href="index.cfm?year=1990">1990</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1980" decadeID="1980" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1980" href="index.cfm?decade=1980"><span style="padding-left:10px;">1980 - 1989</span></a>
</span>
<ul id="decade_1980" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1989" href="index.cfm?year=1989">1989</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1988" href="index.cfm?year=1988">1988</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1987" href="index.cfm?year=1987">1987</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1986" href="index.cfm?year=1986">1986</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1985" href="index.cfm?year=1985">1985</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1984" href="index.cfm?year=1984">1984</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1983" href="index.cfm?year=1983">1983</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1982" href="index.cfm?year=1982">1982</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1981" href="index.cfm?year=1981">1981</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1980" href="index.cfm?year=1980">1980</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1970" decadeID="1970" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1970" href="index.cfm?decade=1970"><span style="padding-left:10px;">1970 - 1979</span></a>
</span>
<ul id="decade_1970" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1979" href="index.cfm?year=1979">1979</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1978" href="index.cfm?year=1978">1978</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1977" href="index.cfm?year=1977">1977</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1976" href="index.cfm?year=1976">1976</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1975" href="index.cfm?year=1975">1975</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1974" href="index.cfm?year=1974">1974</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1973" href="index.cfm?year=1973">1973</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1972" href="index.cfm?year=1972">1972</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1971" href="index.cfm?year=1971">1971</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1970" href="index.cfm?year=1970">1970</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1960" decadeID="1960" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1960" href="index.cfm?decade=1960"><span style="padding-left:10px;">1960 - 1969</span></a>
</span>
<ul id="decade_1960" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1969" href="index.cfm?year=1969">1969</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1968" href="index.cfm?year=1968">1968</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1967" href="index.cfm?year=1967">1967</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1966" href="index.cfm?year=1966">1966</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1965" href="index.cfm?year=1965">1965</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1964" href="index.cfm?year=1964">1964</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1963" href="index.cfm?year=1963">1963</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1962" href="index.cfm?year=1962">1962</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1961" href="index.cfm?year=1961">1961</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1960" href="index.cfm?year=1960">1960</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1950" decadeID="1950" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1950" href="index.cfm?decade=1950"><span style="padding-left:10px;">1950 - 1959</span></a>
</span>
<ul id="decade_1950" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1959" href="index.cfm?year=1959">1959</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1958" href="index.cfm?year=1958">1958</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1957" href="index.cfm?year=1957">1957</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1956" href="index.cfm?year=1956">1956</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1955" href="index.cfm?year=1955">1955</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1954" href="index.cfm?year=1954">1954</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1953" href="index.cfm?year=1953">1953</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1952" href="index.cfm?year=1952">1952</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1951" href="index.cfm?year=1951">1951</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1950" href="index.cfm?year=1950">1950</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1940" decadeID="1940" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1940" href="index.cfm?decade=1940"><span style="padding-left:10px;">1940 - 1949</span></a>
</span>
<ul id="decade_1940" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1949" href="index.cfm?year=1949">1949</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1948" href="index.cfm?year=1948">1948</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1947" href="index.cfm?year=1947">1947</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1946" href="index.cfm?year=1946">1946</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1945" href="index.cfm?year=1945">1945</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1944" href="index.cfm?year=1944">1944</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1943" href="index.cfm?year=1943">1943</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1942" href="index.cfm?year=1942">1942</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1941" href="index.cfm?year=1941">1941</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1940" href="index.cfm?year=1940">1940</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1930" decadeID="1930" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1930" href="index.cfm?decade=1930"><span style="padding-left:10px;">1930 - 1939</span></a>
</span>
<ul id="decade_1930" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1939" href="index.cfm?year=1939">1939</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1938" href="index.cfm?year=1938">1938</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1937" href="index.cfm?year=1937">1937</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1936" href="index.cfm?year=1936">1936</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1935" href="index.cfm?year=1935">1935</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1934" href="index.cfm?year=1934">1934</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1933" href="index.cfm?year=1933">1933</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1932" href="index.cfm?year=1932">1932</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1931" href="index.cfm?year=1931">1931</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1930" href="index.cfm?year=1930">1930</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1920" decadeID="1920" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1920" href="index.cfm?decade=1920"><span style="padding-left:10px;">1920 - 1929</span></a>
</span>
<ul id="decade_1920" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1929" href="index.cfm?year=1929">1929</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1928" href="index.cfm?year=1928">1928</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1927" href="index.cfm?year=1927">1927</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1926" href="index.cfm?year=1926">1926</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1925" href="index.cfm?year=1925">1925</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1924" href="index.cfm?year=1924">1924</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1923" href="index.cfm?year=1923">1923</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1922" href="index.cfm?year=1922">1922</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1921" href="index.cfm?year=1921">1921</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1920" href="index.cfm?year=1920">1920</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1916" decadeID="1916" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1916" href="index.cfm?decade=1916"><span style="padding-left:10px;">1916 - 1919</span></a>
</span>
<ul id="decade_1916" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1919" href="index.cfm?year=1919">1919</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1918" href="index.cfm?year=1918">1918</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1917" href="index.cfm?year=1917">1917</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1916" href="index.cfm?year=1916">1916</a></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>
Download in other formats:
Original Format
File test.html, 19.9 KB (added by pixelwiz, February 05, 2008 07:56PM UTC)
Code for the file that has the problem
Year Selected: 1967<br />
Decade Selected: 1960<br /><br>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>PGA Championship History Exhibit</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-latest.js"></script>
</head>
<body>
<div class="content">
<script type="text/javascript" id="js">
$(document).ready(function() {
//First hide all the subcategories
$('ul.decade').hide();
//open a category to display subcategories on click
$('img.arrow').click(
function() {
if ($(this).attr("closed") == "1"){
$(this).attr("src","images/arrow_open.gif");
$(this).attr("closed","0");
var decadeID = 'decade_' + $(this).attr('decadeID');
var myUL = document.getElementById(decadeID);
$(myUL).slideDown('slow');
return false;
}
else{
$(this).attr("src","images/arrow_closed.gif");
$(this).attr("closed","1");
var decadeID = 'decade_' + $(this).attr('decadeID');
var myUL = document.getElementById(decadeID);
$(myUL).slideUp('slow');
return false;
}
});
//show mouseover for arrow on hover
var imageName = "images/arrow_closed";
$('span.arrowbox img').hover(function() {
if ($(this).attr("closed") == "1"){
imageName = "images/arrow_closed";
}
else{
imageName = "images/arrow_open";
}
$(this).attr("src",imageName+"_on.gif");
$(this).addClass('arrow-hover_IE');
}, function() {
if ($(this).attr("closed") == "1"){
imageName = "images/arrow_closed";
}
else{
imageName = "images/arrow_open";
}
$(this).attr("src",imageName+".gif");
$(this).removeClass('arrow-hover_IE');
});
//If a category is selected - open it
$('#arrow_1960').attr("src","images/arrow_open.gif");
$('#arrow_1960').attr("closed","0");
var decadeID = 'decade_' + '1960';
var myUL = document.getElementById(decadeID);
$(myUL).show();
$('#category_1960').css({color:"#FFFFFF",fontWeight:"bold",backgroundImage:"url(images/nav_mouseoverBG.gif)",backgroundRepeat:"repeat-x"});
$('#subcategory_1967').css({color:"#324554",fontWeight:"bold",textDecoration:"none"});
});
</script>
<div id="sidenav">
<div class="heading1">Exhibit Tour</div>
<ul>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_2000" decadeID="2000" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_2000" href="index.cfm?decade=2000"><span style="padding-left:10px;">2000 - 2007</span></a>
</span>
<ul id="decade_2000" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2007" href="index.cfm?year=2007">2007</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2006" href="index.cfm?year=2006">2006</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2005" href="index.cfm?year=2005">2005</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2004" href="index.cfm?year=2004">2004</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2003" href="index.cfm?year=2003">2003</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2002" href="index.cfm?year=2002">2002</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2001" href="index.cfm?year=2001">2001</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_2000" href="index.cfm?year=2000">2000</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1990" decadeID="1990" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1990" href="index.cfm?decade=1990"><span style="padding-left:10px;">1990 - 1999</span></a>
</span>
<ul id="decade_1990" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1999" href="index.cfm?year=1999">1999</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1998" href="index.cfm?year=1998">1998</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1997" href="index.cfm?year=1997">1997</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1996" href="index.cfm?year=1996">1996</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1995" href="index.cfm?year=1995">1995</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1994" href="index.cfm?year=1994">1994</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1993" href="index.cfm?year=1993">1993</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1992" href="index.cfm?year=1992">1992</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1991" href="index.cfm?year=1991">1991</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1990" href="index.cfm?year=1990">1990</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1980" decadeID="1980" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1980" href="index.cfm?decade=1980"><span style="padding-left:10px;">1980 - 1989</span></a>
</span>
<ul id="decade_1980" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1989" href="index.cfm?year=1989">1989</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1988" href="index.cfm?year=1988">1988</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1987" href="index.cfm?year=1987">1987</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1986" href="index.cfm?year=1986">1986</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1985" href="index.cfm?year=1985">1985</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1984" href="index.cfm?year=1984">1984</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1983" href="index.cfm?year=1983">1983</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1982" href="index.cfm?year=1982">1982</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1981" href="index.cfm?year=1981">1981</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1980" href="index.cfm?year=1980">1980</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1970" decadeID="1970" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1970" href="index.cfm?decade=1970"><span style="padding-left:10px;">1970 - 1979</span></a>
</span>
<ul id="decade_1970" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1979" href="index.cfm?year=1979">1979</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1978" href="index.cfm?year=1978">1978</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1977" href="index.cfm?year=1977">1977</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1976" href="index.cfm?year=1976">1976</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1975" href="index.cfm?year=1975">1975</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1974" href="index.cfm?year=1974">1974</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1973" href="index.cfm?year=1973">1973</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1972" href="index.cfm?year=1972">1972</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1971" href="index.cfm?year=1971">1971</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1970" href="index.cfm?year=1970">1970</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1960" decadeID="1960" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1960" href="index.cfm?decade=1960"><span style="padding-left:10px;">1960 - 1969</span></a>
</span>
<ul id="decade_1960" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1969" href="index.cfm?year=1969">1969</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1968" href="index.cfm?year=1968">1968</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1967" href="index.cfm?year=1967">1967</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1966" href="index.cfm?year=1966">1966</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1965" href="index.cfm?year=1965">1965</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1964" href="index.cfm?year=1964">1964</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1963" href="index.cfm?year=1963">1963</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1962" href="index.cfm?year=1962">1962</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1961" href="index.cfm?year=1961">1961</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1960" href="index.cfm?year=1960">1960</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1950" decadeID="1950" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1950" href="index.cfm?decade=1950"><span style="padding-left:10px;">1950 - 1959</span></a>
</span>
<ul id="decade_1950" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1959" href="index.cfm?year=1959">1959</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1958" href="index.cfm?year=1958">1958</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1957" href="index.cfm?year=1957">1957</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1956" href="index.cfm?year=1956">1956</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1955" href="index.cfm?year=1955">1955</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1954" href="index.cfm?year=1954">1954</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1953" href="index.cfm?year=1953">1953</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1952" href="index.cfm?year=1952">1952</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1951" href="index.cfm?year=1951">1951</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1950" href="index.cfm?year=1950">1950</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1940" decadeID="1940" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1940" href="index.cfm?decade=1940"><span style="padding-left:10px;">1940 - 1949</span></a>
</span>
<ul id="decade_1940" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1949" href="index.cfm?year=1949">1949</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1948" href="index.cfm?year=1948">1948</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1947" href="index.cfm?year=1947">1947</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1946" href="index.cfm?year=1946">1946</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1945" href="index.cfm?year=1945">1945</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1944" href="index.cfm?year=1944">1944</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1943" href="index.cfm?year=1943">1943</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1942" href="index.cfm?year=1942">1942</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1941" href="index.cfm?year=1941">1941</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1940" href="index.cfm?year=1940">1940</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1930" decadeID="1930" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1930" href="index.cfm?decade=1930"><span style="padding-left:10px;">1930 - 1939</span></a>
</span>
<ul id="decade_1930" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1939" href="index.cfm?year=1939">1939</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1938" href="index.cfm?year=1938">1938</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1937" href="index.cfm?year=1937">1937</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1936" href="index.cfm?year=1936">1936</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1935" href="index.cfm?year=1935">1935</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1934" href="index.cfm?year=1934">1934</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1933" href="index.cfm?year=1933">1933</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1932" href="index.cfm?year=1932">1932</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1931" href="index.cfm?year=1931">1931</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1930" href="index.cfm?year=1930">1930</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1920" decadeID="1920" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1920" href="index.cfm?decade=1920"><span style="padding-left:10px;">1920 - 1929</span></a>
</span>
<ul id="decade_1920" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1929" href="index.cfm?year=1929">1929</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1928" href="index.cfm?year=1928">1928</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1927" href="index.cfm?year=1927">1927</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1926" href="index.cfm?year=1926">1926</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1925" href="index.cfm?year=1925">1925</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1924" href="index.cfm?year=1924">1924</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1923" href="index.cfm?year=1923">1923</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1922" href="index.cfm?year=1922">1922</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1921" href="index.cfm?year=1921">1921</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1920" href="index.cfm?year=1920">1920</a></li>
</ul>
</li>
<li>
<span class="arrowbox" style="float:left; padding-left:3px; width:22px; background-color:#FFFFFF">
<img class="arrow" id="arrow_1916" decadeID="1916" src="images/arrow_closed.gif" border="0" closed="1" />
</span>
<span style="width:120px;">
<a id="category_1916" href="index.cfm?decade=1916"><span style="padding-left:10px;">1916 - 1919</span></a>
</span>
<ul id="decade_1916" class="decade">
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1919" href="index.cfm?year=1919">1919</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1918" href="index.cfm?year=1918">1918</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1917" href="index.cfm?year=1917">1917</a></li>
<li><span style="float:left; color:#324554">» </span><a id="subcategory_1916" href="index.cfm?year=1916">1916</a></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>