body {
	background: #eee url(bg.jpg) repeat-x top;
	margin: 20px 0px 0px 0px;
	padding: 0;
	background-attachment: fixed;
	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color: #888;

}

a, a:link, a:visited {
	color: #222;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

a:hover, a:active {
	border-bottom: 1px solid #ccc;
}

a img {
	border: none;
}


h3 {
	font: 2.2em Arial, Helvetica, sans-serif;
	color: #121212;
	letter-spacing: -1px;
	margin: 50px 0 10px 0;
	border-bottom: 2px solid #eee;
	background: url(h2.jpg) bottom left no-repeat;
	clear: left;
}
	h3 a {
		color: #121212;
		text-decoration: none;
	}


h4 {
	color: #98a50d;
	font-size: 1.4em;
	font-weight: lighter;
	margin: 10px 0 0 0;
	padding-top: 5px;
	text-transform: capitalize;
}

	h4 a, h4 a:link, h4 a:visited {
		text-decoration: none;
	}


		
h5 {
	color: #333;
	margin: 15px 0 0 0;
	font-size: 1.3em;
}

	h5 a, h5 a:link, h5 a:visited {
		text-decoration: none;
		border-bottom: 0;
	}

	h5 a:hover, h5 a:active {
		border-bottom: 1px solid #ccc;
	}


#container {
	padding: 0px 10px 10px 10px;
	width: 740px;
	margin: 0 auto;
	background: #fff;
	border: 11px solid #eee;
}

html>body #container {
	margin: -10px auto 0 auto;
}



		#site {	
			float: left;
			display: block;
			background: url(logo.gif) no-repeat top left;
			width: 227px;
			height: 54px;
			margin: 30px 0 40px 0;
			padding: 10px 0 0 0;
			}

				#site h1 {	
					display: none;
					}
			


		
	#menu1 {
		float: right;
		border: none;
		padding: 0;
		margin: 0;
	}



		#menu1 h1, #menu3 h1 {
			display: none;
		}
		

		#menu1 li {
			float: left;
			list-style: none;
			margin: 0 4px 0 0;
			padding: 0;
			position: relative;
		}

			#menu1 li a, #menu1 li a:link, #menu1 li a:visited {
				display: block;
				padding: 40px 10px 21px 10px;
				background: #fff;
				color: #444;
				text-decoration: none;
				text-transform: uppercase;
				margin: 0 1px 0 0;
				}
	
	
			#menu1 li a:hover, #menu1 li a:active {
				background: #fff url(nav_a_hover.jpg) no-repeat top center;
				color: #f4a446;
				}



	#ornamental {
		background: url(header.jpg) no-repeat top left;
		width: 740px;
		height: 177px;
		display: block;
		clear: both;
		margin: 0;
	}

	html>body #ornamental {
		margin: 0;
	}




#page-contents {
	float: left;
	width: 455px;
	margin: 0 0 0 5px;
	padding: 10px 15px 10px 0;
	background: url(content.jpg) no-repeat top right;
}

html>body #page-contents {
	padding: 10px 20px 0 0;
	}


	#page-contents p {
		margin: 15px 0;
		font-size: 110%;
		line-height: 21px;
		}

	.all-date {
		color: #666666;
		margin-top: -16px;
		text-align: right;
		font-size: 0.9em;
	}

	.article-date {
		color: #666666;
		margin-top: -25px;
		text-align: right;
	}


#menu2 {
	float: right;
	width: 230px;
	background: #fff url(sidebar.jpg) no-repeat top right;
	padding: 10px 20px 10px 10px;
	margin: -30px 0 0 0;
}

	#menu2 h1 {
		color: #333;
		margin: 10px 0;
		font-size: 1.3em;
		}


#articles {
	float: right;
	width: 230px;
	clear: right;
	padding: 10px 20px 10px 10px;
	margin: 0;

}

	#articles p {
		background: #f4f4f4;
		padding: 10px;
		margin: 0 0 10px 0;
		border-left: 5px solid #f0f0f0;
	}

		#articles .date {
			color: #999;
			text-align: right;
			background: transparent;
			padding: 0 10px;
			margin: 0;
			border-left: 0;
		}
		

	#articles #all-articles {
		background: transparent;
		padding: 10px;
		margin: 15px 0 10px 0;
		border-left: 0;
	}


	#articles #rss {
		background: transparent;
		padding: 10px 10px 20px 10px;
		margin: 15px 0 10px 0;
		border-left: 0;
		
	}
	
		#rss a, #rss a:link, #rss a:visited {
			color: #fe940f;
			padding: 0 1px;
			border-bottom: 0;
		}

		#rss img {
			margin-bottom: -2px;
		}


#search {
	float: right;
	width: 230px;
	padding: 10px 20px 10px 10px;
	margin: 0;
	}
	


	#query {
		padding: 5px;
		border: 1px solid #e0dcdc;
		color: #555;
		width: 220px;
	}
	
	#search-bt {
		padding: 0 5px;
		background: #eee;
		border: 1px solid #e0dcdc;
		width: 220px;
		color: #333;
		font: 1.3em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
		font-weight: bold;
		margin-top: 3px;
		width: 232px;
	}
	

#menu3 {
	clear: both;
	}

html>body #menu3 {
	height: 78px;
	display: block;
	}


	#menu3 ul {
		margin: 0 0 3px -10px;
		padding-top: 1px;
		}

	html>body #menu3 ul {
		margin: 5px 0 0 -50px;
		padding-top: 5px;
	}


		#menu3 li {
			display: inline;
			padding: 0 10px;
			}

			#menu3 li a, #menu3 li a:link, #menu3 li a:visited {
				color: #555;
				text-decoration: none;
				border-bottom: 0;
				display: block;
				padding: 5px;
				margin: 0 5px 0 0;
				font-weight: bold;
				}
	
	
			#menu3 li a:hover, #menu3 li a:active {
				color: #f4a446;
				border-bottom: 2px solid #ccc;
				}
	

	#copyright {
		float: left;
		text-align: center;
		padding: 10px;
		margin: 30px 0 0 0;
		color: #ccc;
	}
	
	html>body #copyright {
			margin: 30px 0 0 0;

	}
	

#menu4 {
	display: none;
}



/* dropdowns */

	
#menu3 li {
	display: inline;
	float: left;
	position: relative;
	}


.sub-first { 
	display: none;
	position: absolute;
	top: 78px;
	left: 0;
	width: 90px;
	margin: 0;
}
			
html>body .sub-first { 
	left: -40px;
	} 


	.sub-first li { 
		line-height: 15px;
	}
	


#nav2 {
	list-style: none;
	margin: 0;
	}
	
html>body #nav2 {
	margin: 0 0 0 0px;
	}



	#nav2 ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		width: 19em;
		z-index: 99;
		overflow: visible;
		position: absolute; 
		border-top: 1px solid #eee;
	}
	
	
	#nav2 li { 
		position: relative;
		width: 19em;
		background: #fff;
		border-bottom: 1px solid #eee;
		display: block;
		height: 22px;
		margin: 0;
	}
	
	#nav2 ul li, .sub-second {
		background: #fff;
	}
	
		
		#nav2 a, #nav2 a:link, #nav2 a:visited {
			text-decoration: none; 
			display: block;
			padding: 0.1em;  
			margin: 0.2em 0 0.2em 0.1em; /*Opera hover */
			width: 18.5em; /*IE hover */
			height: 22px;
			color: #3fa7de;
			border-bottom: 0;
		}
		#nav2 li:hover, #nav2 a:hover {
			color: #f4a446;
			}
	
	#nav2 ul, #nav2 ul ul{
		display: none; 
		position: absolute; 
		top: 0; 
		left: 19em;
	}
	
	#nav2 li:hover ul ul{
		display: none; 
	  
	}
	
	#nav2 li:hover ul, #nav2 ul li:hover ul, #nav2 ul ul li:hover ul{
		display: block;
	}
	
	li>ul { 
		top: auto;
		left: auto;
	}
	
	
	* html #nav2 li {
		float: left;
	} /* holly hack */
	




.sub-third { 
	display: none;
	position: absolute;
	bottom: 11px;
	left: 5px;
	width: 90px;
	margin: 0;
}
			
html>body .sub-third { 
	bottom: 13px;
	} 


	.sub-third li { 
		line-height: 25px;
	}


#menu1 li:hover ul, #menu1 li.over ul, #menu2 li:hover ul, #menu2 li.over ul, #menu3 li:hover ul, #menu3 li.over ul { 
	display: block;
}


#menu1 .sub-first a, #menu1 .sub-first a:link, #menu1 .sub-first a:visited {
	color: #444;
	text-decoration: none;
	padding: 5px;
	background: #fff;
	width: 80px;
	display: block;
}



#menu1 .sub-first a:hover, #menu1 .sub-first a:active {
	color: #000;
	text-decoration: none;
	background: #F4F4F4;
}




#menu3 .sub-third a, #menu3 .sub-third a:link, #menu3 .sub-third a:visited {
	text-decoration: none;
	padding: 5px;
	background: #F4F4F4;
	width: 80px;
	display: block;
}


#menu3 .sub-third a:active, #menu3 .sub-third a:hover {
	border-bottom: 0;
}


/* added by KH below */
	#subcontentmenu-1 {
		text-align: right;
		font-size: 0.8em;
		margin-top: 7px;
	}

			

		#subcontentmenu-1 li {
			display: inline;
			padding: 0 11px 0 0;
		}

			#subcontentmenu-1 li a, #subcontentmenu-1 li a:link, #subcontentmenu-1 li a:visited {
				color: #000;
				text-decoration: underline;
				}
	
	
			#subcontentmenu-1 li a:hover, #subcontentmenu-1 li a:active {
				color: #c3d102;
				text-decoration: none;
				}


	#subcontentmenu-2 {
		text-align: right;
		font-size: 0.8em;
		margin-top: 10px;
	}

			

		#subcontentmenu-2 li {
			display: inline;
			padding: 0 11px 0 0;
		}

			#subcontentmenu-2 li a, #subcontentmenu-2 li a:link, #subcontentmenu-2 li a:visited {
				color: #000;
				text-decoration: underline;
				}
	
	
			#subcontentmenu-2 li a:hover, #subcontentmenu-2 li a:active {
				color: #c3d102;
				text-decoration: none;
				}