I have a number of xml documents that I want to link together. The root document for instance has a list of city names. There is another xml file for each city name. I'm a total newb and have been reading a ton but its just not clicking for me. I'm trying to find an easy way to create a web page to display the city list from the city.xml file and then I want to be able to click on the city name and it open the corresponding xml file for that city name. I'm trying to work with a css file but I can't get that to work either. HELP 
The root xml file is shown below
<?xml version="1.0"?>
<CityData>
<City>
<CityName>Alpine Meadows</CityName>
</City>
<City>
<CityName>Alta</CityName>
</City>
<City>
<CityName>Applegate</CityName>
</City>
</CityData>
The root xml file is shown below
<?xml version="1.0"?>
<CityData>
<City>
<CityName>Alpine Meadows</CityName>
</City>
<City>
<CityName>Alta</CityName>
</City>
<City>
<CityName>Applegate</CityName>
</City>
</CityData>