html
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

p
{
	padding-left: 5px;
}

body
{
	line-height: 1.5;
	background: #76977a;
	font-size: 80%;
	color: #222;
	font-family: "Times New Roman",Times,serif;
	margin: 0 0 1.5em 0;
         
}

a img
{
	border: none;
}

#left a, #right a
{
	color: #731d0d;
	text-decoration: none;
}

#left a:visited, #right a:visited
{
	color: #205F0C;
	text-decoration: none;
}

#left a:active, #right a:active
{
	color: #f2e1c2;
	background: #731d0d;
}

.container
{
	margin: 0px auto 0px auto;
	text-align: left;
	width: 760px;
         
	background: url('http://www.mjcpl.org/images/786.png');
         background-width: 100%;
	color: #731d0d;
	padding: 0px;
}

#masthead
{
	margin: 0px auto auto auto;
	padding: 0;
	height: 77px;
	background: url(http://www.mjcpl.org/images/201.gif);
	width: 760px;
         
}

#header
{
	margin: 0px auto auto auto;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 3px solid #dc2;
	width: 760px;
         
}

#accessibility
{
	position: absolute;
	top: -10000px;
}

#masthead p.search, #masthead p.search a
{
	margin: 0 0 10px 0;
	padding: 5px 4px 0px 0px;
	font-size: 10px;
	font-family: "Times New Roman", Times, serif;
	color: #eeeeee;
	text-align: right;
	text-decoration: none;
         
}

#masthead h1 a
{
	float: left;
	margin: -2px 0 1px 5px;
	padding: 0px 0 0px 3px;
	font: normal 25px "Times New Roman", Times, serif;
	color: #fffefe;
	text-align: left;
	text-decoration: none;
}

#header h2 a
{
	font: bold 2.2em Georgia, "Times New Roman", Times, Serif;
	color: #f2e1c2;
	padding: 3px 0;
	margin: -150px 0px 0px 0px;
}

#navigation ul
{
	margin: -2px 0 0 0;
}

#searchbar
{
	margin: 20px 0 0 0px;
	padding: 0px 0 0 20px;
	height: 35px;
         
}

#searchbar span.searchlabel
{
	margin: 0 15px 0 0;
	font: bold 1.2em Georgia,san-serif;
	color: #fffde3;
         
}

#tabs
{
	background: #697b63;
	margin: 0 0 .5em 0;
         
}

#tabs ul
{
	padding: 0 0 0em 0em;
	margin: 0 0 0 0em;
	background: #697b63;
	color: #ddd;
	float: left;
	width: 100%;
}

#tabs ul li
{
	display: inline;
	font-size: 1em;
	font-weight: bold;
}

#tabs ul li a
{
	padding: 0.2em 1.5em 0.4em 1.5em;
	background: #3F543F;
	color: #ddd;
	text-decoration: none;
	float: left;
	border-right: 1px solid #ddd;
}

#tabs ul li a:hover
{
	background-color: #608060;
	color: #eee;
}

#tabs ul li a.selected
{
	background-color: #fff;
	color: #333F33;
	border-right: 2px solid #333;
}

form #quicksearch
{
	border-bottom: 1px solid #146118;
	font-size: 12pt;
	padding: 5px;
	height: 60px;
        
}

#quicksearch label
{
	font-weight: bold;
	color: #a00;
}

#quicksearch input
{
	margin: 5px 0 0 0px;
	padding: 2px 2px 3px 5px;
	height: 16px;
	width: 500px;
	border: 1px solid #a00;
	font-size: 14px;
}

#left
{
	background: none;
}

#left table
{
	margin: 10px 10px 0 0px;
}

#left table tr.alt
{
	background-color: #EFD4A4;
}

#left table tr.over
{
	background-color: #F9EDD6;
}

#left th
{
	border-bottom: 1px solid #DFA137;
	padding: 2px 4px 2px 4px;
}

#left td
{
	padding: 2px 4px 2px 4px;
}

#left form
{
	margin: 10px 0 0 10px;
	padding: 0 0 5px 10px;
}

#left h2
{
	font: bold 2em "Times New Roman", Times, serif;
	padding: 0 0 5px 25px;
	margin: 25px 0 25px 0;
	color: #731d0d;
	border-bottom: 1px solid #731d0d;
}

#left h3
{
	font: bold 2em "Times New Roman", Times, serif;
	padding-left: 20px;
	margin: 15px 0 15px 0;
	color: #731d0d;
	letter-spacing: -0.02em;
}

#left h3.timeline
{
	font-size: 1.8em;
}

#left h4
{
	font: bold 1.2em "Times New Roman", Times, serif;
	padding-left: 15px;
}

#left img.cemeterymap
{
	margin: 0px 20px 10px 40px;
	float: left;
	border: none;
}

#left ul
{
	margin: -10px 0 20px 25px;
	padding: 10px 20px;
}

#left ul li ul
{
	padding: 0px;
}

#left p
{
	padding: 0 25px 5px 25px;
	color: #731d0d;
}

#left p.crumb
{
	margin: 5px 0 0 0;
}

#left img
{
	float: right;
	margin: 0 0 0 0px;
	padding: 3px;
	background: #fff;
	border: 1px solid #ccc;
}

#slider1
{
	margin: 0 0 0 25px;
}

#right
{        
	background: none;
	margin: 0px -25px 0 10px;
}

#right h3
{
	font: bold 1.6em "Times New Roman", Times, serif;
	padding: 0 0 2px 0px;
	margin: 35px 0px 0 35px;
	border-bottom: 1px solid #CFAEA8;
}

#right h4
{
	font: bold 1.2em "Times New Roman", Times, serif;
	padding: 35px 0 0px 35px;
	margin: 15px 0 0 10px;
}

#right p
{
	margin: 10px 0px 0 15px;
         
}

#right ul
{
	margin: 15px 0 25px -15px;
	list-style-type: none;
}

#right li
{
	margin: 15px -10px 25px 25px;
	line-height: 1.2;
	list-style-type: none;
}

#right a
{
	font-weight: bold;
	color: #050;
	text-decoration: none;
}

#right a:hover
{
	font-weight: bold;
	background: #050;
	color: #eee;
	text-decoration: none;
}

#hr-timeline
{
	height: 230px;
	/*width: 760px;*/
         width: 775px;
	border-top: 2px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#footer
{
	background: #2F5F35;
	color: white;
	padding: 5px 0 0 5px;
	width: 760px;
        
}

#footer p
{
	text-align: left;
	margin: 10px 0 15px 10px;
	line-height: 1.3;
}

#footer a
{
	color: #ddcc22;
	text-decoration: none;
}

img.askus
{
	float: left;
	margin: 10px 10px 0 10px;
}

#footer-news
{
	margin: 10px 0px 0 10px;
	padding: 10px;
	width: 185px;
	background: #4F7F55;
}

#footer-news h3
{
	font-size: 1.5em;
	margin: 0px 0 0 0;
}

ul#topnav
{
	height: 22px;
	top: 53px;
	left: auto;
	padding: 0;
	background: none;
	position: absolute;
}

ul#topnav li
{
	float: left;
	list-style-type: none;
	text-align: center;
	margin: 0;
}

ul#topnav li a
{
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

ul#topnav li a:link
{
	text-decoration: none;
}

ul#topnav li a:visited
{
	text-decoration: none;
}

ul#topnav li a:hover
{
	text-decoration: none;
	background: none;
	border-right: 0px solid #040;
	border-left: 0px solid #040;
	margin: 0 0px;
}

* html ul#topnav li a:hover
{
	text-decoration: none;
	background: none;
	border-right: 0px solid #040;
	border-left: 0px solid #040;
	margin: 0 0px;
}

ul#topnav li a:active
{
	text-decoration: none;
}

ul#topnav .menu
{
	top: 24px;
	position: absolute;
	z-index: 200;
	background: #dc2;
	padding: 8px 0 0px 10px;
	border-bottom: 3px solid #040;
}

ul#topnav .menu ul.sub_nav
{
	float: left;
	margin: 0 0px 0 0;
	padding: 0;
	width: 100px;
}

ul#topnav .menu ul.sub_nav li
{
	float: none;
	background-image: none;
}

ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited, ul#topnav .menu ul.sub_nav li a:hover
{
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3em;
	color: #000;
	text-decoration: none;
	padding: 4px 6px;
	height: 100%;
	background-color: transparent;
	text-align: left;
}

ul#topnav .menu ul.sub_nav li a:hover
{
	color: #fff;
	text-decoration: none;
	background-color: #040;
}

ul#topnav .menu ul.sub_nav li a:active
{
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background-color: transparent;
}

ul#topnav li .menu
{
	display: none;
}

ul#topnav li:hover .menu
{
	display: block;
}

ul#topnav li.over .menu
{
	display: block;
	width: 200px;
	height: 1%;
}

li.nav_yourlib
{
	background: none;
}

li.nav_yourlib a.nav_item, li.nav_yourlib_over a.nav_item
{
	width: 125px;
	height: 20px;
	padding: 4px 0 0 0px;
}

li.nav_yourlib .menu
{
	left: 0px;
}

li.nav_yourlib .menu ul.sub_nav
{
	min-width: 140px;
}

li.nav_research
{
	background: none;
}

li.nav_research a.nav_item, li.nav_research_over a.nav_item
{
	width: 110px;
	height: 23px;
	padding: 4px 0 0 0px;
}

li.nav_research div.menu
{
	left: 75px;
	min-width: 120px;
}

li.nav_read
{
	background: none;
	margin: 0px;
}

li.nav_read a.nav_item, li.nav_read_over a.nav_item
{
	width: 130px;
	height: 23px;
	padding: 4px 0 0 0px;
}

li.nav_read div.menu
{
	left: 175px;
}

li.nav_read div.menu ul.sub_nav
{
	min-width: 120px;
}

li.nav_history
{
	background: none;
}

li.nav_history a.nav_item, li.nav_history_over a.nav_item
{
	width: 145px;
	height: 23px;
	padding: 4px 0 0 0px;
}

li.nav_history div.menu
{
	left: 370px;
	min-width: 138px;
}

li.nav_youth
{
	background: none;
}

li.nav_youth a.nav_item, li.nav_youth_over a.nav_item
{
	width: 100px;
	height: 23px;
	padding: 4px 0 0 0px;
}

li.nav_youth div.menu
{
	left: 460px;
	min-width: 120px;
}

li.nav_news
{
	background: none;
}

li.nav_news a.nav_item, li.nav_news_over a.nav_item
{
	width: 120px;
	height: 23px;
	padding: 4px 0 0 0px;
}

li.nav_news div.menu
{
	right: 0px;
	min-width: 105px;
}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24
{
	float: left;
	margin-right: 8px;
}

div.last
{
	margin-right: 0;
}

.span-1
{
	width: 24px;
}

.span-2
{
	width: 56px;
}

.span-3
{
	width: 88px;
}

.span-4
{
	width: 120px;
}

.span-5
{
	width: 155px;
}

.span-6
{
	width: 180px;
}

.span-7
{
	width: 216px;
}

.span-8
{
	width: 248px;
}

.span-9
{
	width: 280px;
}

.span-10
{
	width: 312px;
}

.span-11
{
	width: 344px;
}

.span-12
{
	width: 376px;
}

.span-13
{
	width: 408px;
}

.span-14
{
	width: 440px;
}

.span-15
{
	width: 472px;
}

.span-16
{
	width: 504px;
}

.span-17
{
	width: 536px;
}

.span-18
{
	width: 550px;
}

.span-19
{
	width: 600px;
}

.span-20
{
	width: 632px;
}

.span-21
{
	width: 664px;
}

.span-22
{
	width: 696px;
}

.span-23
{
	width: 728px;
}

.span-24, div.span-24
{
	width: 760px;
	margin: 0;
}

div.border
{
	padding-right: 3px;
	margin-right: 4px;
	border-right: 1px solid #eee;
}

div.colborder
{
	padding-right: 21px;
	margin-right: 20px;
	border-right: 1px solid #eee;
}

.box
{
	padding: 1.5em;
	margin-bottom: 1.5em;
	background: #E5ECF9;
}

hr
{
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	margin: 0 0 1.45em;
	border: none;
}

hr.space
{
	background: #fff;
	color: #fff;
}

.clear
{
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after, .container:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix, .container
{
	display: block;
}

* html .clearfix, * html .container
{
	height: 1%;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
	height: 1%;
}

fieldset
{
	background: #EFE9A4;
	border: 3px solid #dc2;
	margin: 0 0 0 0;
	padding: .5em 1em .4em 1em;
}

legend
{
	background: #dc2;
	font-weight: 700;
	font-size: 1.2em;
	padding: 2px 10px 1px 10px;
	margin: -18px 0 0 0;
}

input.text,input.title
{
	width: 300px;
	border: 1px solid #bbb;
	background: #f6f6f6;
	margin: .5em .5em .5em 0;
	padding: 5px;
}

input.title
{
	font-size: 1.5em;
}

input.text:focus,input.title:focus,textarea:focus,select:focus
{
	background: #fff;
	border: 1px solid #999;
}

select
{
	border: 1px solid #ccc;
	background: #f6f6f6;
	width: 155px;
	margin: 5px 0 0 0;
}

.panel
{
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
	background: #020;
	color: #fff;
	border: 1px solid #111111;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	width: 200px;
	height: auto;
	padding: 110px 30px 30px 30px;
	filter: alpha(opacity=85);
	opacity: .90;
}

.panel h4
{
	font-size: 14px;
	font-weight: bold;
}

.panel li
{
	margin: 0 0 15px 0;
	padding: 0;
	color: #fff;
}

.panel a, .panel a:visited
{
	margin: 0;
	padding: 0;
	color: #9FC54E;
	text-decoration: none;
	border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover
{
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}

a.trigger
{
	position: absolute;
	text-decoration: none;
	top: 70px;
	left: 0;
	font-size: 14px;
	letter-spacing: -1px;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	padding: 20px 40px 20px 15px;
	font-weight: 700;
	background: #333333 url(images/plus.png) 85% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
}

a.trigger:hover
{
	position: absolute;
	text-decoration: none;
	top: 70px;
	left: 0;
	font-size: 14px;
	letter-spacing: -1px;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	padding: 20px 40px 20px 20px;
	font-weight: 700;
	background: #222222 url(images/plus.png) 85% 55% no-repeat;
	border: 1px solid #444444;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	display: block;
}

a.active.trigger
{
	background: #222222 url(images/minus.png) 85% 55% no-repeat;
}