body {font: 0.71em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #333; background: #99CCFF; padding:0; text-align: justify;}
body {margin:0 auto; } /* for left-align, use on margin:0  */
a, a strong	{ color: #0D6AA6; text-decoration: none; }
a:hover	{ text-decoration: underline; color: #f60;}
a:hover strong {color: #f00;}
form {margin:0;padding:0;}
input, textarea {font: 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333;}
h1,h2,h3,h4 {line-height:1.2em;}
h1 {color:#0D6AA6; text-transform:uppercase; letter-spacing:0.05em;display:inline; font:normal 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h2 {font: 1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#990000; margin:0px; padding-top: 20px;}
p {margin: 10px 0;}
img {border:2px solid #EEE; padding: 5px; margin:0;}
img.c {border:0px;}
/* Some peoples sometime using this class for aligning the image */
img.alignleft, img.left {float:left; margin-right: 5px; margin-left: 0px;}
img.alignright, img.right {float:right; margin-left: 5px; margin-right: 0px;}
.clear {clear:both; overflow:hidden;}
strong, b {color: #444;}
#letter {
	width: 60em;
	border: 1px solid #bbb;
	background-color: #FFF;
	padding: 2em;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	text-align: left;
}