body{ margin: 10px 190px; font: 12px arial, sans-serif; background: white; color: black; }
img{ border: 0; }
a{ color: rgb(10%,10%,60%); font-weight: bold; }
a:hover{ text-decoration: none; background: blue; color: white; }

/* ==== Sidebar CSS === */
div#sidebar{ width: 180px; position: absolute; top: 10px; left: 0;
	font-size: 11px; margin-left: 10px; }
div#sidebar div#sbContent{ margin: 0 10px; }
div#sbContent div.navBox{ border: 1px solid white; border-top-width: 3px;
	margin: 10px 0; }
div.navBox div.title{ font-size: 1.25em; text-align: center; padding: 2px;
	color: white; background: red; font-weight: bold; }
div.navBox div.subtitle{ font-size: 1.1em; }
div#sbContent a{ color: yellow; display: block; text-align: center; text-decoration: none;
	font-weight: bold; margin: 1px; padding: 1px; }
div#sbContent a:hover{ background: rgb(90%, 60%, 60%); color: black;
	border: 1px solid red; padding: 0; }

div#sbContent a.nohighlight{ border: 0; margin: 0; padding: 0; }
div#sbContent a.nohighlight:hover{ border: 0; background: none; }

/* ==== Sidebar Children CSS */
div#personalSites{ text-align: center; }
div#personalSites div.subtitle{ font-size: 0.9em; font-weight: bold; }

/* ==== Page Content CSS === */
#pageContent{ margin: 10px; margin-top: 0; width: 550px; }
#pageTitle{ font: bold 24px papyrus, sans-serif; text-align: center; 
	color: white; width: 570px; }
#pageSubtitle{ font: bold 1.25em arial, sans-serif; text-align: center; 
	border-bottom: 1px dashed black; }
	
#pageContent h1{ color: rgb(40%,40%,40%); font: bold 1.25em verdana, sans-serif; 
	font-style: italic; border-bottom: 2px solid rgb(40%,40%,40%);  }
	
#pageContent div.fileLinks div{ padding: 1px 3px; }
#pageContent div.fileLinks a{ border-bottom: 1px solid white; }
#pageContent div.fileLinks a:hover{ color: red; background: none;
	border-bottom: 1px solid; }
	
/* ==== News CSS ==== */
img.left{ float: left; margin: 0 10px 10px 5px; }
img.right{ float: right; margin: 0 5px 10px 10px; }
.newsItem p{  }
.endNewsItem{ clear: both; border-bottom: 6px double #CCC; 
	padding-bottom: 5px; margin-bottom: 5px; }
	
/* ==== Common Classes - for one-stop background changes ==== */
.bgCommon{ background: rgb(90%, 30%, 30%); color: white; }
.indented{ margin-left: 1em; }