html{background-color: f1efe2; 
text-align:center; 
}



body {
	position: relative;
	width:770px;
	margin: 0 auto;
	text-align: left;
	font-size: medium;	
	font-family:Geneva, Arial, Helvetica, sans-serif;/* "Trebuchet MS", "Lucida Grande", verdana, sans-serif;*/
	/*margin-left: 10%;*/
	background-color:#ffffcc;	
	
}

* html body {
	font-size:small; /* for IE5/Win */
	/*f\ont-size: small; /* for all other IE versions */
}
html>body { /* be nice to Opera	*/
	font-size: small; }

#header  {
	padding:0% 0% 0% 3%; /* change bottom % to 0 if adding h2 */
}

div#content {
position:relative;
width: 100%; 
background-color: #fff;
padding: 0 30px 10px 30px;}

.header {
text-align: center;
font: 110% Geneva, Arial, Helvetica, sans-serif; }

.ty{ font-family:"Lucida Handwriting";
font-size: 120%;}


h1 	{
	
	font-size: 250%;
	margin: 0;
	color:teal;
	
}


h2 { 
	font-size: 150%;
	color:teal;
	font: Georgia, "Times New Roman", Times, serif;	
}


h3 	{	
	text-align: center;
	font-size: 150%;
	color:teal;
	font: Georgia, "Times New Roman", Times, serif;
	}
.image {float: left;

hr	{
	clear:both;
	border: none;	
	background-color:teal;
	color:maroon;   /*for Mozilla */
	}

.comment {font-size:10px; }
	
	
input.txt {
	color: #00008B;
	background-color: #E3F2F7;
	border: 1px inset #00008B;	
	
	}
input.btn {
	color: #00008B;
	background-color:#ADD8E6;
	border: 1px outset #00008B;
	
}




/*form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
form p label{
	float: left;
	width: 15%;
	font: bold small verdana,sans-serif;
}*/
a:link {color:teal;
	/*text-decoration:none;*/
}

a:visited { 
	color: teal;
	/*text-decoration:none;*/
}
a:hover {
	color: maroon;
	/*text-decoration:none;*/
}
a:active { 
color: black;
	/*text-decoration:none;*/
}		
.footer {
	margin-left: 5%;

	text-align:center;
	border-top: 2px dotted teal;
	line-height:1.5;
	
}
.bold {
	font-weight:bold;
		}