body {
	background: #f7f7f7 url(../images/bg.jpg) repeat-x top;
	margin: 0 auto;
	padding: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
}

a, a:link, a:visited {
	color: #03467d;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #8E4702;
}

a img {
	border: none;
}



h3 {
	color: #028de6;
	padding-left: 5px;
	font: 1.5em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: strong;
	margin: 5px;
}


h4 {
	color: #028de6;
	font-size: 1.4em;
	font-weight: lighter;
	margin: 10px 0 0 0;
	padding-top: 5px;
	border-top: 1px solid #CED575;
	text-transform: capitalize;
}

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


		
h5 {
	color: #67793D;
	font-size: 0.95em;
	margin: 5px 0 0 0;
	padding: 3px 5px;
	background: url(../images/titles.gif) no-repeat;
	width: 212px;
	height: 26px;
}

	h5 a, h5 a:link, h5 a:visited {
		color: #67793D;
		text-decoration: none;
	}


#container {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 768px;
	background: url(../images/container.gif) repeat-y;
}

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



	#site {
		margin: 0 0 0 5px;
		background: #fffffe url(../images/ornamental.jpg) no-repeat bottom;
		width: 760px;
		height: 196px;
	}

	html>body #site {
		margin: 10px 0 10px 4px;
	}

		#site h1 {
			margin-top: 6px;
			color: #028de6;
			padding: 40px 10px 0 15px;
			font: 1.7em Verdana, Arial, Helvetica, sans-serif;
			font-weight: lighter;
			width: 193px;
		}


		
	#menu1 {
		float: right;
		font: 0.7em tahoma, Arial, Helvetica, sans-serif;
		clear: both;
		background: #f7f7f7 url(../images/line.gif) no-repeat bottom;
		margin-right: 2px;
		width: 541px;
		padding-bottom: 12px;
		text-align: right;
	}

	html>body #menu1 {
		margin-right: 5px;
		}
	

		#menu1 h1, #menu3 h1 {
			display: none;
		}
		
		#menu1 ul {
			margin: 5px 0 0 0;
			float: right;
		}


		html>body #menu1 ul {
			margin: 0 0 0 -40px;
		}

		#menu1 li {
			display: inline;
			padding: 0 25px;
			font-weight: normal;
			border-left: 2px solid #fff;
		}
		

			#menu1 li a, #menu1 li a:link, #menu1 li a:visited {
				color: #028de6;
				text-decoration: none;
				}
	
	
			#menu1 li a:hover, #menu1 li a:active {
				color: #cbc8c7;
				}



#page-contents {
	float: right;
	width: 541px;
	font-size: 0.7em;
	margin-bottom: 20px;
}

	#page-contents p {
		padding-left: 10px;
		padding-right: 20px;
	}

	.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: left;
	width: 212px;
	margin: -30px 5px 20px 3px;
}

html>body #menu2 {
	margin: -32px 5px 20px 7px;
	}

	#menu2 h1 {
		color: #555555;
		font-size: 0.95em;
		margin: 0;
		padding: 3px 0 3px 5px;
		
		width: 212px;
		height: 26px;
		}

	

#articles {
	/*display: none;*/
	float: left;
	width: 212px;
	clear: left;
	margin: 5px 5px 20px 3px;
}

html>body #articles {
	margin: 5px 5px 20px 7px;
	}

	#articles p {
		margin: 2px 10px;
		font-size: 0.7em;
		text-align: justify;
	}

		#articles .date {
			color: #999;
			text-align: right;
		}
		

	#articles #all-articles {
		margin-top: 15px;
		text-align: right;
	}


	#articles #rss {
		margin-top: 15px;
		font-size: 0.75em;
		padding-bottom: 20px;			
	}
	
		#rss a, #rss a:link, #rss a:visited {
			color: #fe940f;
			padding: 0 1px;
		}

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


#search {
	/*display: none;*/
	float: left;
	width: 212px;
	clear: left;
	margin: 5px 5px 20px 3px;
	}
	
html>body #search {
	margin: 5px 5px 20px 7px;
	}



	#query {
		width: 207px;
		border: 1px solid #98958d;
		font: 0.75em Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
	}
	
	#search-bt {
		background: #f7f7f7;
		width: 210px;
		font: 0.75em Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		border: 0;
		margin-top: 1px;
	}
	
	html>body #search-bt {
		border: 1px solid #cccccc;
		width: 209px;
		}


#menu3 {
	margin: 0 auto;
	padding: 0;
	clear: both;
	height: 54px;
	width: 700px;
	background: #ffffff;
	color: #fff;
	font-size: 0.65em;
}

	#menu3 ul {
		margin: 25px 0 0 0;
		float: right;
		}


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

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

	#copyright {
		padding-right: 10px;
		color: #000000;
		float: right;
		clear: both;
		margin-top: -33px;
	}
	
	

#menu4 {
	display: none;
}



/* dropdowns */

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


#menu1 .sub-first { 
	display: none;
	position: absolute;
	top: 14px;
	left: 0;
	width: 100px;
	margin: 0;
	text-align: left;
}
			
html>body #menu1 .sub-first { 
	left: 0;
	margin-left: -45px;
	} 


	#menu1 .sub-first li { 
		border-left: 0;
	}
	

#nav2 {
	list-style: none;
	margin: 0;
	font-weight: normal;
	font-size: 0.7em;
	}
	
html>body #nav2 {
	margin: 0 0 0 -40px;
	}



	#nav2 ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		width: 16.5em;
		z-index: 99;
		overflow: visible;
		position: absolute; 
	}
	
	
	#nav2 li { 
		position: relative;
		width: 16.5em;
		display: block;
		height: 22px;
		margin: 0;
		background: #f7f7f7 url(../images/bullet.gif) no-repeat left;
		padding-left: 2em;
		border-bottom: #028de6 1px solid;
	}
	#nav2 ul li{
		background: #ffffff;
	}
	
		
		#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: 16em; /*IE hover */
			height: 22px;
			color: #028de6;
			line-height: 20px;		
			}
			
		#nav2 li:hover, #nav2 a:hover {
			color: #cbc8c7;
			}
	
	#nav2 ul, #nav2 ul ul{
		display: none; 
		position: absolute; 
		top: 0; 
		left: 16.5em;
	}

	html>body #nav2 ul, #nav2 ul ul {
		top: -2px;
		}


	#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: 8px;
	left: 0;
	width: 100px;
	margin: 0 0 0 -5px;
}
			
html>body .sub-third { 
	bottom: 8px;
	margin-left: -45px;
	} 


	.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: #000000;
	text-decoration: none;
	padding: 5px;
	background: #98958d;
	width: 90px;
	display: block;
}



#menu1 .sub-first a:hover, #menu1 .sub-first a:active {
	color: #98958d;
	text-decoration: none;
	background: #ccc;
}





.sub-third a, .sub-third a:link, .sub-third a:visited {
	color: #000;
	text-decoration: none;
	padding: 5px;
	background: #DCE3E7;
	width: 90px;
	display: block;
}


.sub-third a:hover, .sub-third a:active {
	color: #000;
	text-decoration: underline;
	background: #DCE3E7;
}


/* 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;
				}