a:link { text-decoration: none }
	a:visited { text-decoration: none; color: blue; }
	a:hover { text-decoration: underline }
	a:active { text-decoration: none }

	a.horizontal:link { color: #FFFFFF; text-decoration: none; }
	a.horizontal:visited { color: #FFFFFF; text-decoration: none; }
	a.horizontal:hover { color: #E2E5C8; text-decoration: underline; }
	a.horizontal:active { color: #E2E5C8; text-decoration: none; }

	a.standard { font: bold 10pt "verdana"; text-align: justify; text-indent: 0; line-height: 14pt; color: black }
	a.small { color: black; font: bold 8pt "verdana"; line-height: 14pt }
	a.small_center { color: black; font: bold 8pt "verdana"; text-align: center; line-height: 14pt }
	a.clock_day_date { font: bold 8pt "arial"; text-align: center; text-indent: 0; color: black }
	p.main_title { color: #663300; font: normal 20px "georgia"; text-align: left; line-height: 25pt; text-shadow: 1px 1px 1px black }
	p.author { font-family: "Dancing Script", normal; font-size: 100%; color: black; text-align: left; text-shadow: 0.5px 0.5px 0.5px black; }

	img.imageLeftTextBelow
	{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border: 1px solid #000000;
	}

	img.imageNoBorder
	{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border: 0px solid #000000;
	}

	body.myBody
	{
		font-family: "Calibri", normal;
		font-size: 16px;
		background: #FFFFFF;
		color: black;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* For phone view */
	@media screen and (max-width: 680px)
	{
		body.myBody
		{
			font-family: "Calibri", normal;
			font-size: 16px;
			background: #FFFFFF;
			color: black;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
		}
	}

	td#myTopCell
	{
		color: #FFFFFF;
		background: #005533;
		border: 0px solid #FFFFFF;
		/* font-family: "Dancing Script", normal; */
		font-weight: normal;
		line-height: 1.6;
		font-size: 100%;
		text-align: left;
		padding: 10 10 10 10; /* Top Right Bottom Left */
		margin: 0 0 0 0;
	}

	td.myTargetCell	/* Main Layout */
	{
		color: #000000; /* #57322C, #663300 */
		background: #E9E2B8;
		border: 0px solid #E3AA00;
		text-decoration: none;
		line-height: 1.6;
		font-size: 110%;
		text-align: left;
		text-shadow: 0.5px 0.5px 0.5px black;
		padding: 20 10 20 10; /* Top Right Bottom Left */
		margin: 0 0 0 0; /* 5 10 30 10 */
	}

	td.myLeftRightCell
	{
		color: #FFFFFF;
		background: #993366;
		border: 0px solid #E3AA00;
		text-decoration: none;
		line-height: 1.6;
		font-size: 100%;
		text-align: left;
		padding: 10 10 10 10;
		margin: 0 0 0 0;
	}

	td#myBottomCell
	{
		color: #FFFFFF;
		background: #005533;
		border: 0px solid #E3AA00;
		text-decoration: none;
		line-height: 1.6;
		font-size: 90%;
		text-align: left;
		padding: 10 10 10 10; /* Top Right Bottom Left */
		margin: 0 0 0 0;
	}

	ol, ul
	{
		/* list-style-type: disc; */
		list-style-position: outside;
		padding-left: 20; /* twice the padding of the background container */
	}

	font.nonLinkFontTitle
	{
		font-family: "Dancing Script", normal;
		font-weight: normal;
		font-size: 150%;
		letter-spacing: 1px;
		text-shadow: 2px 2px 2px gray;
	}

	font.nonLinkFontTitle2
	{
		font-family: "Dancing Script", normal;
		font-weight: normal;
	}


/*

z-index numbered 0, 1, 2, and 100 were used so far.
0 for main page
1, 2 for Menu
100 for Reminder Note


Some good-looking colour codes that seems to match well in contrast:

#E9DBD0 (light brown*), #57322C (dark brown*)
#C6B3C6 (light violet*), #8B748A (dark violet*)
#CCFF99 (light green*), #336600 (dark green*)
#99CC33 (a type of green*)
#E4D4BA (a type of brown*)
#996600 (a type of brown*)
#DCCCB2 (a type of brown*) - good as background for black text
#FFFFCC (a type of yellow*)
#FF9900 (gold*) - looks good as font colour when on black background
#FEF4E0 (a type of brown*)
#890711 (a type of maroon*)

#FFED7D (yellow)
#FFFFE0 (lightyellow)
 (lightblue)
#800000 (maroon)
#0000FF (blue)
#000080 (navy)

* not recognized by name


In Cascaded Style Sheets, the hexadecimal number, e.g. #E9DBD0, should not be enclosed in double quotes (as it is when used in an HTML tag)


<div id="target_2" style="position:relative; top:0; left:150; width:637; height:400; margin:20; padding:20; background:#E9DBD0; overflow:scroll; display:block">anything may be typed here</div>

*/