body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url("images/clouds.JPG"); 
	background-repeat: no-repeat; 
	background-position: top left;
	background-attachment: fixed;
}

td {
	vertical-align: text-top;
}

a {
	text-decoration: none;
}

.box {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

.eventbox {
	margin-top: 10px;
	border-collapse: collapse;
}

.eventbox tr {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.eventbox td {
	padding: 2px 5px 5px 2px;
}

.box h3, .box p {
	padding-left: 5px;
}

.standard-text {
	font-size: large;
	width: 967px;
}

.about-text {
	font-size: large;
	text-align: justify;
	width: 967px;
	padding: 10px;
}


.headline {
	position: absolute; 
	left: 300px; 
	top: 0px;
	font-weight: bold;
	color: #666;
}

.headname {
	font-size: 36px;
}

li {
	padding: 2px;
}

.gff {
	font-weight: bold;
	background-color: yellow;
	padding: 2px;

}

.datecol {
	
}

.datebox {
	font-weight: bold;
	padding: 2px;
}

.mmf {
	font-weight: bold;
	background-color: #7c0;
	padding: 2px;
}

.fc {
	font-weight: bold;
	background-color: orange;
	padding: 2px;
}


/* unclicked style div.more */
#outer div.more i {cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block;}