#hdr    { position: fixed; top:0; left:0; right:0; height:175px; z-index:1; color:blue; background-color:#CCFFFF;  text-align:center}
	#instruction	{position:absolute; right:30px; top:130px; width:90px; height:30px; color:blue; font-weight:bold; z-index:2}
	#homepage {position:absolute; left:20px; top:130px; border:1px; width:120px; height:36px}
	#scrollpo	{position:absolute; top:80px; right:20px}
	
	#logoleft	{position:absolute; left:10px; top:10px; width:120px; height:120px;}
	#logoright	{position:absolute; right:10px; top:10px; width:120px; height:120px;}
	
	#TwinnedTowns	{position:absolute; left:10px; top:200px; width:200px; height:100px; border-style:dashed; border-color:blue; text-align:center; font-weight:bold; font-size:large}
	
	#middle1 {position:absolute; left:160px; top:175px; width:630px; height:980px; z-index:0; ext-align:center;}

	#middle2 {position:absolute; left:160px; top:1280px; width:630px; height:980px; z-index:0; text-align:center;}
	
	#middle3 {position:absolute; left:160px; top:2475px; width:630px; height:980px; z-index:0; text-align:center;}

	#middle4 {position:absolute; top:3595px; width:630px; height:960px; z-index:0; text-align:center;}
.infobox	{position:absolute; top:5%; left:-270px; width:310px; background:#E6F6DE; padding:10px;}
.infobox2	{position:absolute; top:20%; left:-240px; width:200px; background:#E6F6DE; padding:10px;}	
	.width	{width:630px;}
	

	body	{background-color:#CCFFFF}
	p		{text-align:left; font-size:11pt}
	
	.f1		{font-family:lucida calligraphy; color:blue}
	.f2		{font-family:Monotype Corsiva}
	
	#valid	{position:absolute; top:5070px; left:30px; width:90px; height:70px; z-index:0;Text-align:center; background:#FFCC66}
	h1		{font-family:Lucida Calligraphy; color:blue}
	h2 {color:#080000}
	h3 {text-align:left; color:black}
	td {vertical-align:top; text-align:left}
	.letter {color:blue}
	.IC	{font-style:italic; text-align:center;}