body {
	background-image: url(/assets/images/PineViewLogoBkgnd.jpg);
	font-family: "Comic Sans MS",verdana,helvetica;
	font-size: 100%;
	font-weight: normal;
	color: black;
	margin: 0;
	background-color:	white;
	padding: 0 10px;
	border: none;
	white-space: nowrap;
}

.title table {
	text-align:			center;

	/* The only way I could find to horizontally center a table in most browsers */
	width:				auto;
	margin-left:		auto;
	margin-right:		auto;
}

.title h1 {
	font-size:			208%;
	color:				#bb3902;
	padding:			0 25px;
	margin:				0;
	white-space:		nowrap;
}


/*
div.center {
	text-align:			center;
}
h1 {
	font-size:			150%;
	color:				teal;
}

h2 {
	font-size:			120%;
	color:				teal;
}

a:link, a:visited {
	color:				red;
	text-decoration:	none;
	font-weight:		bold;
	border-bottom:		thin dotted red;
}

a:hover {
	background-color:	yellow;
}

#header {
	text-align:			center;
}

.clearsky {
	text-align:			center;
	margin-bottom:		15px;
}

.clearsky img {
	border:				2px solid black;
}

.clearsky a:link {
	border:				none;
	text-decoration:	none;
}

.clearsky a:visited {
	border:				none;
	text-decoration:	none;
}

.clearsky a:hover {
	background-color:	transparent;
}

/ *
.bookmark {
	margin-left:		40px;
}
* /

.bookmark a:link,
.bookmark a:visited {
	font-weight:		normal;
}

table {
	border:				none;
	border-collapse:	collapse;
	caption-side:		top;
}

caption {
	font-weight:		bold;
	font-size:			120%;
}

th {
	white-space:		nowrap;
	background-color:	#cc6600;
	padding:			2px;
	vertical-align:		middle;
	text-align:			center;
}

td {
	white-space:		nowrap;
	padding:			2px;
	vertical-align:		middle;
}

.cellcolor1 {
	background-color:	#fcba7a;
}

.cellcolor2 {
	color:				white;
	background-color:	red;
}

.cellcolor3 {
	color:	red;
	font-weight:		bold;
}

.cellcolor3:hover {
	background-color:	yellow;
}

.p_round {
	color:				#191970;
	font-weight:		bold;
	font-style:			italic;
}

.left {
	text-align:			left;
}

.right {
	text-align:			right;
}

.center {
	text-align:			center;
}

hr {
	margin-top:			15px;
	margin-bottom:		15px;
}

#counter  table {
	border: none;
	border-collapse: collapse;

	/ * The only way I could find to horizontally center a table in most browsers * /
	width:				auto;
	margin-left:		auto;
	margin-right:		auto;
}
#counter th,
#counter td {
	padding: 2px;
}

#datemod {
	margin-top:			5px;
	font-size:			.8em;
	text-align:			center;
}

#moonphase table {
	border: none;
	border-collapse: collapse;
	width: 128px;

	/ * The only way I could find to horizontally center a table in most browsers * /
	width:				auto;
	margin:				15px auto;
	border: none;
}
#moonphase th,
#moonphase td {
	padding: 0;
}
#moonphase td {
	text-align: center;
}

#ubuntu {
	text-align:			center;
	margin-bottom:		15px;
}

#validation {
	margin-top:			20px;
}

#validation img {
	border:				none;
}

#validation a:link, #validation a:visited {
	border:	none;
}

#validation a:hover {
	background-color:	transparent;
}

.extras a:link {
	border:				none;
}

.extras a:visited {
	border:				none;
}

.extras a:hover {
	background-color:	transparent;
}
*/
