BODY {background: white; font-size: 12 px; font-family: Serif}A:link {color: black}A:visited {color: #666666}DIV.footer {font-size: 10 px; font-family: Serif}SPAN.header {font-weight: bold}SPAN.nav {font-size: 12 px; font-family: Arial}TABLE.menu {width: 575; cellpadding: 4; cellspacing: 0}DIV.menu {cellpadding: 4}TABLE.content {font-size: 12 px; font-family: Arial}
------------0xKhTmLbOuNdArY
Content-Disposition: form-data; name="userfile"; filename="timelines.html"
Content-Type: text/html

<html><head><title>Music History Resources</title>

<link rel=stylesheet type="text/css" href="style.css">
 
</head>


<!-- Masthead & Navigation -->

<body><center><table class=menu><tr><td align=center><img src=icons/musicology.jpg border=0 height=100 width=625></td></tr>
<tr><td align=center>
<div class=menu><a href=index.html><img src=icons/outlines2.jpg height=50 width=150 border=0  alt="Outlines"></a>
<a href=timelines.html><img src=icons/timelines.jpg height=50 width=150 border=0  alt="Timelines"></a>
<a href=about.html><img src=icons/about2.jpg height=50 width=120 border=0  alt="About"></a>
<a href=links.html><img src=icons/links2.jpg height=50 width=100 border=0  alt="Links"></a>&nbsp;&nbsp;</div>
</td></tr></table>


<!-- Content goes here -->

<table width=575 cellpadding=2 cellspacing=0 border=0><tr><td align=center bgcolor="#dcdcdc">
<table class=content border=0 cellpadding=4 cellspacing=0 width=575>
<tr><td align=justify>Links below point to timelines loosely based on <i>A History of Western Music</i> 
by Donald Jay Grout and Claude Palisca (4th ed.).
</td></tr>

<tr><td bgcolor=ffffff align=center>

<table border=0 width=100%>


<tr><td valign=top align=center>
<img src=icons/monty.jpg border=0 width=120 height=150 alt="Monty"><br>
<small>Monteverdi<br>
(1567-1643)</small></td>


<!-- Directory goes here -->

<td valign=middle>
<sup><small>&nbsp;</small></sup>
<table width=100% cellpadding=2 cellspacing=0 border=0><tr><td align=center bgcolor="#dcdcdc">
<table class=content border=0 cellpadding=4 cellspacing=1 width=100%>
<tr><td bgcolor=ffffff align=center><a href=outlines/t_med.html>Medieval Period: ca. 500-1400</a></td></tr>
<tr><td bgcolor=ffffff align=center><a href=outlines/t_ren.html>Renaissance Period: 1400-1600</a></td></tr>
<tr><td bgcolor=ffffff align=center><a href=outlines/t_bar.html>Baroque Period: 1600-1750</a></td></tr>
<tr><td bgcolor=ffffff align=center><a href=outlines/t_cla.html>Classical Period: 1750-1825</a></td></tr>
<tr><td bgcolor=ffffff align=center><a href=outlines/t_rom.html>Romantic Period: 1825-1900</a></td></tr>
<tr><td bgcolor=ffffff align=center><a href=outlines/t_mod.html>Modern Period: 1900-1950</a></td></tr>
</table></td></tr></table>


</td>

<td align=center valign=top><img src=icons/wolf.jpg border=0 width=120 height=150 alt="Wolf"><br>
<small>Wolf<br>
(1860-1903)</small></td></tr></table>



</td></tr>

<tr><td>Note: Providing dates for historical periods is tricky business and the ranges provided above should be taken with a 
grain of salt. The dates are meant to facilitate the logical grouping of stylistic periods, but by no means do they constitute hard
and fast historical start or end-points.
</td></tr></table>
</td></tr></table>

<!-- Copyright footer -->

<hr width=575 size=0 color=#dcdcdc>
<div class=footer>Copyright &copy; 2001 Satellite-One Music. All rights reserved.<br>
Site optimized for current versions of IE. Use Netscape at your own risk.<br>
Questions or comments? <a href=mailto:papandrew@yahoo.com>Email the webmaster</a>.</div>
</center></body></html>