#content {
	background-color: #CCCCCC;
	text-align: left;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	position: relative;
}

H1	 {
	Text-Align : Left;
	font-size: medium;
		}

UL.simplelist {
	padding: 0px;
	list-style-type:square;
	margin-left: 1.5em;
}

UL.results	 {
	List-Style-Type : Disc;
	Color : #333;
	text-indent: -30px;
	list-style-position: inside;
	padding-left: 40px;
		}
		
ul#navmenu {
	padding: 0px;
}

BODY	 {
	font-size: x-large;
	Font-Family : Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	Color : #333333;
	text-align: center;
	background-color: #666666;


		}

:link	 {
	font-family: Arial, Helvetica, sans-serif;
	color: red

		}
:active	 {
			Font-Family : Arial, Helvetica, sans-serif
		}
:visited	 {
			Font-Family : Arial, Helvetica, sans-serif;
			color: #FF0000
		}
a:hover {
	background-color: #FFFFCC;
	color: #000000;
}
IMG {
/*	border: thick groove; */
	text-align: center;
}

div.banner {
	border: none;
	background-color: #CCCCCC;

}
div.banner IMG {
	border: none;
	text-align: center;
	padding-top: 5px;
}


div.icon {
	border: none;

}

div.icon IMG {
	border: none;
}

div.nav {
	text-align	: center;
	border		: 1px solid #F00;
}

div.nav ul {
	margin-top 	: 5px;
	margin-bottom	: 5px;
	margin-left	: 0px;
	margin-right	: 0px;
}
div.nav li { 
	font-weight: bold; font-size: 90%; 
	border-right: 1px none #000; 
	display: inline 
}
div.nav li.last {
	display: inline;
	border-right: 0px;
}

.newsitem {
	margin-bottom: 20pt;
	margin-left: auto;
	margin-right: auto;
	border: 1px dashed #990000;
	padding: 5px;
	overflow: hidden;
}
.newsitemindex {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5pt;

}
.newsitemtext {
	text-indent: 10pt;
	text-align: left;
}

tr.itemdone {
	font-style: italic;
	color: gray;
}

.itemdone {
	list-style-image: url(gallery/checkred.png);
}

table.schedule {
}

table.schedule td {
	border-bottom-style: dashed;
	border-bottom-width: thin;
	padding-left: 0.5em;
	padding-right: .5em;
	padding-top: .1em;
	padding-bottom: .1em;
	text-indent: 0px;
}

.detail {
	font-size: x-small;
	font-style: italic;
	font-weight: bold;
	text-indent: 5%;
}
table.forecastgrid {
/*	font-size: 120%; */
}

span.result {
	color: #FF0000;
	font-style: italic;
	font-size: 90%;
}

#coverimg {
	width: 100%;
	height: auto;
}

div.newsitemtext img {
	width: 100%;
	height: auto;
}

@media screen and (max-device-width: 480px) {
	div.banner img {
		width: 300px;
		height: auto;
	}
	div.nav {
		width: auto;
	}
	#content {
		width: 310px;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 70%;
	}
	.newsitem {
		width: 95%;
	}
}