@font-face {
    font-family: 'the_bubble_lettersregular';
    src: url('the_bubble_letters-webfont.eot');
    src: url('the_bubble_letters-webfont.eot?#iefix') format('embedded-opentype'),
         url('the_bubble_letters-webfont.woff') format('woff'),
         url('the_bubble_letters-webfont.ttf') format('truetype'),
         url('the_bubble_letters-webfont.svg#the_bubble_lettersregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    	background: aqua url("bg.gif") repeat-y center top;
	color: black ;
}
p, ul, td {
	font-family: Comic Sans, Comic Sans MS, Arial, Helvetica, sans-serif ;
}
h1 {
	font-size: 4em ;
	text-align: center ;
	font-family: 'the_bubble_lettersregular';
}
h2 {
	font-family: Comic Sans, Comic Sans MS, Arial, Helvetica, sans-serif ;
	text-align: center ;
	font-size: 1.4em ;
	background-color: #f0f0f0 ;
	color: black ;
}
a:link {
	color: blue ;
	background: transparent ;
}
a:visited {
	color: purple ;
	background: transparent ;
}
a:hover {
	color: black ;
	background: #ff0 ;
}
a:active {
	color: red ;
	background: transparent ;
}
div.mainbody {
	font-family: Comic Sans, Comic Sans MS, Arial, Helvetica, sans-serif ;
	font-size: 1.1em ;
	width: 730px ;
	margin-left: auto ;
	margin-right: auto ;        
	padding: 10px ;
	background-color: white ;
	color: black ;
	border: 1px solid black ;
}

div.exampletext {
	border: 1px solid green ;
	padding: 10px ;
}