/* body */
	html, body { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#000099; font-size:10px; background-color:#666666; padding:20px 0 20px 0; }

	#container { position:relative; text-align:left; background-color:#DDEEDA; width:980px; margin:20px auto; padding:20px 20px 0px 20px; }

	#leftbar { position:relative; width:170px; height:auto; text-align:center; } 
	
	#footer { position:relative; text-align:right; width:980px; color:#CCCCCC; }
	
	img { border:0; }
	

/* menu */

	#menu ul { width:170px; line-height:40px; list-style:none; text-align:left;  padding:0; margin:0; }
	#menu ul li { line-height:20px; padding:0 0 20px 0; }
	ul a { display:block; border-left:10px solid #FFFF99; text-indent:6px; }
	ul a:hover { display:block; border-left:10px solid #FF0000; }
	#menu a { color:#000099; text-decoration:none; }

/* col */

	#col { padding:8px; background-color:#FFFF99; height:700px; }	
	
/* subtitle */

	#subtitle { font-size:32px; color:#FF0000; position:absolute; left:220px; top:100px; }
	
/* page stuff */

	#booktext { position:absolute; text-align:left; width:250px; left:680px; top:200px; line-height:16px; }
	#booktext2 { position:absolute; text-align:left; line-height:16px; width:250px; left:700px; top:250px; }
	#booktext3 { position:absolute; text-align:left; width:720px; left:230px; top:650px; line-height:16px; }
	#booktext4 { position:absolute; text-align:center; left:330px; bottom:15px; line-height:16px; background-color:#FFFF99; width:500px; padding:8px; }
	#booktext5 { position:absolute; text-align:left; width:250px; left:680px; top:550px; line-height:16px; background-color:#FFFF99; width:250px; padding:8px; }
	#booktext6 { position:absolute; text-align:left; width:250px; left:680px; top:750px; line-height:16px; background-color:#FFFF99; width:250px; padding:8px; }
	
	#letter { position:absolute; top:120px; left:600; width:350px; background-color:#FFFF99; padding:5px; }
	#mumtext { position:absolute; width:350px; left:600px; top:510px; padding-right:20px; line-height:16px; }
	
	#workshoptext1 { position:absolute; width:440px; left:540px; top:150px; padding:0 20px 0 0; line-height:16px; }
	#workshoptext2 { position:absolute; left:220px; top:380px; }
	#workshoptext3 { position:absolute; left:220px; top:400px; }
	#workshoptext4 { position:absolute; left:220px; top:420px; }
	#workshoptext5 { position:absolute; left:220px; top:430px; text-indent:130px; line-height:16px; }


/* pics*/

	#mum { position:absolute; left:220px; top:150px; }
	#flower { position:absolute; left:220px; top:150px; }	
	#lake { position:absolute; left:220px; top:670px; }
	#logo { position:relative; }
	#cover { position:absolute; left:240px; top:200px; }

	#image-gallery { position:absolute; left:220px; top:150px; }
	#image-gallery div { float:left; margin-left:10px; font-size:15px; color:#000000; }
	#loadarea {  width:500px; position:absolute; left:0; top:120px; }

/*color text*/
		
	.RTtext  { color:#FF0000; font-size:15px; }
	.RT2text { color:#000099; font-size:12px; }	
	.CWCtext { color:#000099; }
	.UTtext1 { color:#FF0000; font-size:15px; }
	.UTtext2 { color:#000099; font-size:13px; }
	.MTtext1 { color:#FF0000; }
	.MTtext2 { color:#000099; font-size:15px; } 
	.MTtext3 { color:#673090; }
	a { color:#000099; } /*links*/
	#coltext {color:##000099; }
	.link { color:#CCCCCC; }