body, td, font {
	font: x-small/1.3em "Lucida Grande", "Lucida Sans Unicode",verdana,lucida,arial,sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
}
html>body, html>font { font-size: small; }
div#entry font {
	font: x-small/1.3em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size: small;
} html>div#entry font {
	font-size: small;
}
body {
	/* Last color is the color of the background. I did this so that you could experiment with colors.
		Make sure that you change the wrapper border color to black for non-white backgrounds. */
	/* dark red */
	background-color: #862c22;
	/* red */
	background-color: #c60b27;
	/* gold */
	background-color: #c49727;
	/* green */
	background-color: #00a35d;

	background-color: white;
	/* blue */
	background-color: #1f4baa;

	color: #000;

	margin: 10px;
	text-align: center;
}
table, td { background-color: white; text-align: left; }
a:link, a:active, a:visited {
	color: green;
	text-decoration: none;
}
a:hover {
	color: #c60b27;
	text-decoration: underline;
}
h2 {
	font-size: 100%;
	margin: 0;
/* Text color of headings like the subject */
	color: #5f65cd;
}
hr {
	color: silver;
}
#wrapper {
	background-color: white;
/* background-image: url(cncbackground.gif/$file/cncbackground.gif); */
	text-align: left;
	width: 729px;
	/* Border is edited here, last border applies. */
	border: 1px solid black;
	position: relative;
	margin: 0 auto;		/* center align with everything else. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 727px;
}
#banner {
	height: 154px;
	text-align: right;
	position: relative;
}
#banner img {
	float: left;
	margin: 1px 3px 5px 1px;
}
#banner img.temp {
	clear: both;
	position: absolute;
	right: 0;
	top: 3px;
}
#banner div {
	float: clear;
	position: absolute;
	right: 0px;
	bottom: 5px;
	padding: 10px;
}
#banner div cite {
	font-family: georgia, verdana, serif;
	text-transform: lowercase;
}

#sitenav {
	margin: 0;
	padding: 0;
	text-align: left;
     clear: both;
     float: none;
}
#sitenav ul {
	margin: 0;
	padding: 0;
	border: 0;
	border: 1px solid #00a35d;
	border-width: 1px 0;
	list-style-type: none;
	float: left;
}
#sitenav ul li {
	margin: 0;
	padding: 0;
	text-align: center;
	border-left: 1px solid #00a35d;
	white-space: nowrap;
	display: inline; 
	float: left;
}
#sitenav ul li.first {
	border-left: 0;
}
#sitenav li a {
	display: block;
	padding: 1px 0;
	width: 90px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}
#sitenav li a:hover {
	font-weight: normal;
	background: #00a35d;
	color: white;
	text-decoration: none;
}

#content {
	border-right: 1px solid silver;
	height: expression("1%");
	margin-right: 219px;
	margin-right: expression("216px");
	position: relative;
}

#content ul {
	color: green;
	margin-top: 0;
}

#content div.entrytop {
	clear: both;
	border-bottom: 1px solid silver;
	padding: 10px;
	padding-bottom: .5em;
}
#content div.entrytop img {
	vertical-align: middle;
}
#content div.entrytop a {
	padding: 0 5px 0 0;
	float: left;
}
#content div.entrytop h2 {
	font-size: 100%;
	float: left;
	border: 0;
}
#content div.entrytop a, #content div.entrytop a:active, #content div.entrytop a:visited {
	color: #5f65cd;
	border: 0;
	padding-left: 15px;
	background: transparent url(icon_pg.gif/$file/icon_pg.gif) 0 50% no-repeat;
}
#content div.entrytop a:hover {
	color: #c60b27;
}
#content div.entrytop address{
	text-align: right;
}

#content div.entryfooter {
	clear: both;
	padding: 0 10px;
	border-bottom: 1px dashed silver;
}
#content div.entryfooter p.posted {
	font-size: 85%;
}

#content div.entry {
	clear: both;
	padding: .5em 10px; 0 10px;
	color: black;
	position: relative;
}
#content div.entry div {
	clear: both;
	padding: 0;
}
#content div.entry table { width: 480px; }
#content div.entry u { text-decoration: none; }
#content div.entry ul { color: black; }
#content div.entry a, #content div.entry a:link, #content div.entry a:visited, #content div.entry a:active {
	color: green;
	border-bottom:1px dotted green;
	text-decoration:none;
}
#content div.entry a:hover {
	color: #c60b27;
	border-bottom:1px solid #c60b27;
}
/* Because Notes uses the font tag with color blue for hotspots, this should make it the correct color */
#content div.entry a font, #content div.entry a:link font, #content div.entry a:visited font, #content div.entry a:active font {
	color: green;
	text-decoration:none;
}
#content div.entry a:hover font  {
	color: #c60b27;
}
#content div.entry a font u, #content div.entry a:link font u, #content div.entry a:visited font u, #content div.entry a:active font u {
	color: green;
	text-decoration:none;
}
#content div.entry a:hover font u {
	color: #c60b27;
}
#content div.entry img {
	border: 1px solid black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135,strength=3);
}
#content div.entry h1 { font-size: 120%; color: black; border-bottom: 1px solid silver; margin: 0; }
#content div.entry h2 { font-size: 110%; color: black; }
#content div.entry h3 { font-size: 100%; color: black; }
#content div.entry h4 { font-size: 90%; color: black; }
#content div.entry h5 { font-size: 85%; color: black; }
#content div.entry h6 { font-size: 80%; color: black; }

/* Comments section */
#comments { padding: 10px; }
#comments br { display: none; }
#comments hr { display: none; }
#comments p a { padding-left: 0.5em; display: expression("none"); }
#comments span.commentAuthor {  }
#comments span.commentDate { position: absolute; right: 10px; font-style: italic; margin-top: 1.1em;}
#comments div.commentBody { border-bottom: 1px dashed silver; margin-bottom: 1.5em; padding-bottom: 10px; }
#comments div.commentBody br { display: block; }
div.commentSubject { color: #5f65cd; font-weight: bold; border-bottom: 1px solid silver; margin-bottom: .5em; padding-bottom: 5px; }

#nav {
	float: right;
	width: 220px;
margin-left: -4px;
	padding: 10px;
	border-left: 1px solid silver;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 199px;
}
#nav p.copyright {
	font-size: 9px;
	margin-top: 1in;
}
#nav ul {
	color: green;
	margin: 0 0 0 18px;
	padding: 0 0 0.5em 0;
	list-style-type: disc;
}
#nav div.navimg {
	padding: 10px 0;
	border-top: 1px dashed silver;
	border-bottom: 1px dashed silver;
	margin-bottom: 10px;
	text-align: center;
}
#nav div.navimg img {
	border: 1px solid black;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135,strength=2);
}
#nav div.navimg p {
	font-size: 85%;
	margin: 0;
}
#nav div.navweather {
	padding: 40px 0 0 0;
	border-top: 1px dashed silver;
/*	border-bottom: 1px dashed silver;
*/	margin-bottom: 10px;
	text-align: center;
}
#contentnav {
	font-family: georgia, verdana, serif;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 85%;
	list-style: none;
	margin: 5px 0;
}
#contentnav li {
	display: inline;
	border-left: 1px solid silver;
	padding: 0 5px 0 .6em;
}
#contentnav li.first {
	border: 0px;
}
div#footer {
	clear: both; 
	float: none;
	background: white;
	border-top: 1px solid silver;
	font-size: 85%;
	text-align: center;
	padding: 0.25em 0 0.5em 0;
	padding:  5px 10px 10px 10px;
	margin: 0;
}
#footer p {
	margin: 0;
	padding: 0;
}
.hide { display: none; }
.clear { clear: both; }

/*
div#wrapper { border: 2px solid orange; }
div#content { border: 2px solid cyan; }
div#nav { border: 2px solid red; }
*/
