body { 
  background-color: #b5a789;
  font-family:"Times New Roman", Times, serif;
  font-size:        small;
  margin:           0px;
}
/* 
	height messes up the headers in the blog in the articles
	it's only appropriate for the top header.
	add a class (new with blog)
	Affects the 3 #header rules for the main header below
	In HTML: add class="top" to main header in index.html and blog.html
*/
header.top {
  background-color: #675c47;
  margin: 10px 10px 0px 10px;
  height:           130px;
}
header.top img#toprightImage {
	float: right;
}
div#tableContainer {
	display: table;
	border-spacing: 10px;
}
div#tableRow {
	display: table-row;
}
section#leftNav {
    display: table-cell;
/*    background-color: #efe5d0;*/
    background-color: #ffffff;
    width: 35%;
    padding: 15px;
    vertical-align: top;
}

section#main{
  display: table-cell;
/*  background:       #efe5d0 url(images/background.gif) top left;*/
  background:       #ffffff;
  padding:          15px;
  vertical-align: top;
}
aside {
  display: table-cell;
  background:       #efe5d0 url(images/background.gif) bottom right;
  font-size:        105%;
  padding:          15px;
  vertical-align: top;
}
footer {
  background-color: #675c47;
  color:            #efe5d0;
  text-align:       center;
  padding:          15px;
  margin: 0px 10px 10px 10px;
  font-size:        14pt;
  line-height:200%;
  font-family:"Times New Roman", Times, serif;
}
h1 {
  font-size:18pt;
  font-family:SimHei,arial,sans-serif;
  color:            #954b4b;
}
h2 { font-size: 110%; }
ol li a{
	font-size:14pt;
}
a:link {
/*  color:            #b76666;*/
  color:#ff0011;
  text-decoration:  none;
  /*border-bottom:    thin dotted blue;*/
}
a:visited {
/*  color:            #675c47;*/
  color:green;
  text-decoration:  none;
  border-bottom:    thin dotted #675c47;
}
a:hover {
/*  color:            #675c47;*/
  color:blue;
  text-decoration:  none;
  border-bottom:    thin dotted #675c47;
}
nav {
    background-color: #efe5d0;
	margin: 10px 10px 0px 10px;
}
nav ul {
    background-color: #efe5d0;
	margin: 10px 10px 0px 10px;
	margin: 0px;
	list-style-type: none;
	padding: 5px 0px 5px 0px;
}
nav ul li {
	display: inline; /*horizonal not vertical */
	padding: 5px 10px 5px 10px;
}
nav ul li a:link, nav ul li a:visited {
	color: #954b4b;
	border-bottom: none;
	font-weight: bold;
}
nav ul li.selected {
	background-color: #c8b99c;
}
section ul li a:link, nav ul li a:visited {
	color: red;
	border-bottom: none;
	font-weight: bold;
}
p{
	line-height:200%;
	text-indent:2em;
	font-size:14pt;
}
section ol li{
	font-size:12pt;
	line-height:150%;
}
#headLeftContents{
	text-align:center;
}
/* below is especially for contents....html */
div#contents {
	background-color: #ffffff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:0px;
	margin: 10px 10px 10px 10px;
}