body {background-image: url(yarnbkgd.jpg)}

h1 {font: 26px "Book antiqua" bold; color:#008DC6; margin: 10px 10px 30px 10px}
h2 {font: 20px "Book antiqua" bold; color:#008DC6; margin: 10px 10px 10px 10px;}
h3 {font: 20px "Book antiqua" bold; color:#009337; margin: 10px 10px 5px 10px;}
h4 {font: 20px "Book antiqua" bold; color:#00AD63; margin-bottom: 40px;}
h5 {font: 24px "Book antiqua"; color:blue; margin-bottom: 15px;}
p{font: 16px "Book Antiqua"; margin: 0px 10px 10px 10px }


#headline { width:100%; 
		margin-bottom: 15px;}

	
#navigation {position: absolute; 
		width:15%;
		background-color:transparent;
		padding: 14px}
#navigation a{display: block}



#contents {position: absolute; left: 20%; 
		width:65%;
		padding: 14px;
		margin-bottom:25%;
		background-color:#AED673;
		color:black;
		text-align: justify;
		border-style: double;
		border-width: 14px;
		border-color: black}
#contents h1 {text-align:center}
#contents a{margin-right: 10px}
#contents a:link {font: 18px "Book Antiqua";
	color:#0A011D}
#contents a:hover {font-weight:bold}
#contents a:visited {font: 18px "Book Antiqua";
	color:#4A2885}

.leftimage {margin-top:5px; padding: 10px; float:left}
.rightimage {margin-top:5px; padding: 10px; float:right}
.middle {text-align: center; margin-bottom: 25px}
.leftflag {width: 35%; margin-bottom:25px; margin-left:10%; margin-right:5%; float:left}
.rightflag {width: 35%; margin-bottom:25px; margin-right:10%; margin-left:5%; float:right}
	
#mids {text-align: center}
#mids a:link {font: 20px "Lucida Handwriting";
	 font-weight:normal;
	color:#6F559D}
#mids a:hover {font-weight:bold}
#mids a:visited {font: 20px "Lucida Handwriting";
		font-weight:normal; 
		color:#E62B86}

#footer {position: absolute;
		margin: 5%;
		background-color: transparent;
		text-align: center;
		font 8px "Book antiqua";
		color:#D4E7B2}