html, body {  
	font-family: "Lucida Grande", Georgia, Times New Roman, serif;
	background-color: #463929; }
body { margin: 2em 0; }
#container { 
	background-color: #fff; 
	position: relative;
	z-index: 50
 }

#main {
}

#content {
	margin: 3em 0 0 37px;
	padding: 10px;
	border: 2px solid #5F3C00;
	height: 450px; 
	overflow: auto;
	color: #5A5A3F;
	overflow-x: hidden;
}

	#content h1 {
		font-size: 2em;
		color: #3c2601;
	}
	
	#content h2 {
	  font-size: 1.5em;
	  margin: 3px 0;
	  color: #3c2601;
	}
	
	#content h3 {
	  font-size: 1em;
	  margin: 2px 0;
	  color: #5A5A3F;
	}
	
	#content h4 {
    font-size: 1em;
    margin: 2px 0;
    color: #5A5A3F;
  }
  
  .blogPostNav span {
    margin-left: 10px;
    letter-spacing: 6px;
  }

.hidden { visibility: hidden; position:absolute; top: 0; }
ul { margin: 0; padding: 0; } 
ul li { display: inline; list-style-type: none; }

a { color: #3c2601; text-decoration: none; outline: none; }
a:hover { color: #111; }

ul#leftNav {
	background-color: #ddc94c; 
	height: 370px; 
}

	ul#leftNav li {  
		display: block; 
		border-bottom: solid 1px #3c2601;
		padding: 10px 0 5px 0;
	}
	
		ul#leftNav li a {
		 font-size: 1.6em;
		}
	
		ul#leftNav li a:hover {
		  color: #111;
		}
	
	.leftNavLogo {
	  background-color: #d9931a;
	  margin-bottom: 0;
	  height: 180px;
	}

#leftBar {
	text-align: center;
	border-right: solid 1px #3c2601; 
	margin-right: 0px;
	width:149px;
	height: 670px;
	background:  #DDC94C;
}

#rightBar {
	margin: 3em 10px 0 0;
	padding-left: 37px;
	position: relative;
	z-index: 1000;
}
	#rightBar table { margin-bottom: 3px; text-align: right; }
	#rightBar tbody { }
	#rightBar tr { }
	#rightBar td, #rightBar th { float: left; margin: 0; padding: 0; }
	#rightBar th { width: 155px; text-align: right; }
	#rightBar input { margin: 0 0 5px 0; width: 155px; }
	#rightBar label { margin:0;  }
	#rightBar .submitContainer { text-align: right; width: 155px; }
	#rightBar .submit { text-align: right; width: 50px;  }
	#article h3 { margin: 10px 0; float: left; font-size: 14px; }
	#article .postedOn{ margin: 9px; float: left; }
#rightBar ul { max-height: 180px; overflow: auto; }
#rightBar ul li { font-size: 11px; padding: 3px 0; border-bottom: solid 1px #999; }
#rightBar ul li:last-child { border-bottom: none; }
#rightBar ul li a:hover { text-decoration: underline; }
.article { margin-bottom: 1em; }
#content .article h3 { font-size: 17px; margin-bottom: 5px; }

.signinHeader {
	color: #fff;
	text-align: right;
	background-color: #5F3C00;
	border: 10px solid #5F3C00;
}

.signin {
	border: 10px solid #AAA785;
	padding: 5px;
}

.header {
	color: #fff;
  text-align: right;
  background-color: #5F3C00;
  border: 10px solid #5F3C00;
}

.header a {
	color: #fff;
}

#demos {
	border: 10px solid #AAA785;
  padding: 5px;
}
.demoList { max-height: 180px; overflow: auto;  }
.demoList li {
  display: block;
  text-align: center;
  padding-top: 4px;
}

ul.demoList li a:hover { text-decoration: underline; }
#bios {
	border: 10px solid #AAA785;
  padding: 5px;
}

ul.bioList li {
	display: block;
  text-align: center;
  padding-top: 2px;
}

#emails {
	border: 10px solid #AAA785;
  padding: 5px;
}

ul.emailList li {
	display: block;
  text-align: center;
  padding-top: 2px;
}

#blogs {
	border: 10px solid #AAA785;
	padding: 5px;
}

ul.blogList li {
	display: block;
	text-align: center;
	padding-top: 2px;
}

.blogHeader {
	color: #fff;
  text-align: right;
  background-color: #5F3C00;
  border: 10px solid #5F3C00;
}
#header img { width: 800px; }

.leftContact { 
	background-color:#9a996b; 
	width: 149px;
	position: absolute;
	bottom: 0;
	
	} 
.leftContact a { font-size: 1.6em; color: #fff; }
.sdLogoTopLeft { width: 149px; height: 200px; }
.sdLogoOrange {
 position: absolute;
 bottom: 0;
 right: 0;
}
#footer {
	text-align: right;
}
	#footer a {
		color: #fff;
	} 
	#footer span {
		color: #fff;
		margin-left: 10px; 
		font-size: 1.4em;
		letter-spacing: 6px;
	}
	
	#backgroundPattern {
	 position: absolute; 
	 top: 39em;
	 z-index: 1;
	 width: 100%;
	 height: 130px;
	 background: url('../images/body/backgroundPatternDark.png');
	}
	
	.contactMessage textarea { height: 200px; }
#contactForm th, td { padding: 0; margin: 0; }
#contactForm table { margin-bottom: 5px; }

.sdForm textarea { width: 225px; }
.sdForm tr { margin: 5px 0; }

.spacer { width: 149px; background: #fff; height: 1em; }