body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.8em;
	margin-top:15;
	background-color: gray;
	color: black;
}
#container {
	overflow: hidden;
	background-color:black;
	width: 899px;
	margin-left: auto;
	margin-right: auto;
	border: 4px solid black;
}
#content-inner {
	overflow: hidden;
	background-color:silver;
	width: 704px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}
#header {
	width: 899px;
	height: 223px;
}
#header img {
	display:block;
	margin:auto;
	height: 219px;
	width: 899px;
}
#nav-container {
}
#content-container {
	display: inline;
	background-color: silver;
}
#content-home {
	background-color: silver;
	padding-left: 6px;
	display: block;
	float: left;
	width: 350px;
	margin-top: 0px;
	margin-right: -8px;
}
#content-pages {
	background-color: silver;
	display: block;
	float: left;
	width: 704px;
	margin-top: 0px;
}
#content-pages p {
	margin-left: 50px;
	margin-right: 50px;
	font-size: 1.2em;
	line-height: 150%;
}
#content-pages h2 {
	margin-left: 25px;
}
#content-pages-col {
	position:relative;
	background-color: silver;
	padding-left: 6px;
	display: block;
	float: left;
	width: 350px;
	margin-top: 5px;
	margin-right: -25px;
	font-size: 0.9em;
	}
#content-pages-col p{
	margin-left:25px;
	}
#content-pages a , a:visited {
	font-size: 1.0em;
	text-decoration: none;
	color: blue;
}
#content-pages a:hover {
    color: white;
}
#content-pages ul {
	margin-left: 50px;
}
#content-pages li {
	padding: 3px 0;
	font-size: 1.2em;
	margin-left: -20px;
	margin-right: 50px;
	line-height: 150%;
}
#assign p {
	font-size:1.1em;
	margin-left: 50px;
	margin-right: 50px;
}	
#assign ul {
	margin-top:-15px;
}
#assign li {
	padding: 0 0;
	font-size: 1em;
}
.page-title  {
	color: cornflowerblue;
	background-color: black;
	margin-left: 25px;
	margin-right: 25px;
	padding: 5px 0;
}
#mediation-box {
}

#mediation-box a {
	color: navy;
}

.mediation-box {
	color: black;
	background-color: cornflowerblue;
	border: 2px solid black;
	margin-left: 160px;
	margin-right: 160px;
	padding: 5px 0;
}

#disclosure {
	display: block;
	font-size: 0.7em;
	width: 708px;
	float: right;
}
#disclosure p {
	width: 614px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
}
#obituarytitle {
	display: block;
	font-size: 2.0em;
	width: 708px;
	float: center;
	font-weight: bold;
	font-weight: bold;
	line-height: 1.2cm;
}
#obituary {
	display: block;
	font-size: 1.0em;
	width: 708px;
	float: right;
}
#obituary p {
	width: 614px;
	margin: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: 1.5em;
	line-height: 0.7cm;
}


#link a {
    background-color: #000000;
}

/* Tables */
td{
	text-align:center;
	vertical-align:middle;
}
#contacttable {
	margin: 25px 50px 50px;
}
#contacttable td{
	text-align:left;
	font-size: 1.1em;
	line-height: 180%;
	vertical-align:top;
}

#hourstable {
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 5px;
}
#hourstable td{
	text-align:left;
	vertical-align:top;
}

/* Exhibit */

#exhibit {
	display:inline;
	width:704px;
	margin-left:50px;
	padding-left:25px;
	text-align:left;
	display:table;
}
#exhibit a {
	display:table-cell;
	width: 33%;
}

/* Circuit Order Dates */

#adminorder {
	display:inline;
	width:704px;
	margin-left:20px;
	padding-left:5px;
	text-align:left;
	display:table;
}
#adminorder a {
	display:table-cell;
	width: 47%;
}

/* Front Page Image CSS */
.county {
	margin-top: 20px;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 0px;
	border: 4px solid black;
	height: 280px;
	width: 317px;
}

.judge {
	margin-top: 20px;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 0px;
	border: 4px solid black;
	height: 325px;
	width: 250px;
}


/* Local Rules Main Page INDEX CSS */

#rulesindex {
    margin: 20px 40px 6px 6px;
    padding: 5px;
	font-weight: bold;
    width: 75%;
    float: center;
	background-color: black;
}
#rulesindex ul {
	list-style-type:none;
	margin: 2px;
}
#rulesindex li {
    margin: 0px;
    padding: 0;
	border-top: 2px solid silver;
	border-left: 2px solid silver;
	border-right: 2px solid silver;
	border-bottom: none;
	list-style-type:none;
}
#rulesindex li.last {
    margin: 0px;
    padding: 0;
	border-top: 2px solid silver;
	border-left: 2px solid silver;
	border-right: 2px solid silver;
	border-bottom: 2px solid silver;
}
#rulesindex li a {
    color: cornflowerblue;
    text-decoration : none;
    display: block;
    padding: 10px;
}
#rulesindex li a:hover {
    color: #ffffff;
    background-color: navy;
}

/* Local Rules EVERYTHING CSS */

#rules {
    margin: 10px 50px 6px 6px;
    padding: 5px;
	font-weight: bold;
    width: 75%;
    float: center;
	background-color: black;
}
#rules ul {
	list-style-type:none;
	margin: 2px;
}
#rules li {
    margin: 0px;
    padding: 0;
	border-top: 2px solid silver;
	border-left: 2px solid silver;
	border-right: 2px solid silver;
	border-bottom: 1px solid silver;
	list-style-type:none;
}
#rules li.last {
    margin: 0px;
    padding: 0;
	border-top: 2px solid silver;
	border-left: 2px solid silver;
	border-right: 2px solid silver;
	border-bottom: 2px solid silver;
}
#rules li h2 {
    color: cornflowerblue;
    text-decoration : none;
    display: block;
    padding: 1px;
	font-size: 0.8em;
}
#link  p {
	color: cornflowerblue;
    background-color: #000000;
	font-size: 0.9em;
}
#rules li p:hover {
    color: #ffffff;
    background-color: navy;
}
#rules a {
color: cornflowerblue;
font-size: 1.2em;
}
#rules li a:hover {
    color: #ffffff;
}

/*This is the main container or division for the site. */
#menuContainer {margin-left:auto;
	margin-right:auto;
	width:899px;
	background-color:black;
	overflow:hidden;
	z-index:-100;
}
#translateContainer {margin-left:auto;
	margin-right:auto;
	width:185px;
	background-color:black;
	overflow:hidden;
	z-index:-100;
}
/*Multi-level menu CSS begins here*/
#navContainer {
	position:relative;float:left; 
	top:0px;
	margin-left:3px;
	width:181px;
	background-color:cornflowerblue;
	z-index:10;
}
#verticalNav {
	margin:3px 3px; 
	list-style:none; 
	position:relative; 
	font-family: arial, verdana, sans-serif;
	font-size:1.0em;
	float:left; 
	padding:0px 0 0 0;
}
#verticalNav ul.toplevel {
	padding:0; 
	margin:0; 
	list-style:none;
}
#verticalNav ul.sub {
	padding:0; 
	margin:0; 
	list-style:none;
}
#verticalNav ul.sub1 {
	padding:0; 
	margin:0; 
	list-style:none;
}
#verticalNav ul.toplevel ul.sub {
	position:absolute; 
	left:-9999px; 
	width:169px;
}
#verticalNav ul.toplevel ul.sub ul.sub1{
	position:absolute; 
	left:-9999px; 
	width:169px;
}
#verticalNav ul.toplevel {
	width:175px; 
	border-top:5px solid silver;
}
#verticalNav ul.toplevel li {
	float:left; 
	width:169px;
}
#verticalNav ul.toplevel li a {
	display:block; 
	width:163px; 
	padding-left:10px; 
	height:39px; 
	line-height:39px; 
	text-decoration:none; 
	color:cornflowerblue; 
	font-weight:bold; 
	background:#000 url("vertical-list/border.png") center; 
	border:1px solid silver; 
	border-width:0 1px 1px 1px;
}
#verticalNav ul.toplevel li.fly a {
	display:block; 
	width:163px; 
	padding-left:10px; 
	height:39px; line-height:39px; 
	text-decoration:none; 
	color:cornflowerblue; 
	font-weight:bold; 
	background:#000 url("vertical-list/borderArrow.png") center; 
	border:1px solid silver; 
	border-width:0 1px 1px 1px;
}
#verticalNav :hover ul.sub li a {
	display:block; 
	width:163px; 
	padding-left:10px; 
	height:39px; 
	line-height:39px; 
	text-decoration:none; 
	color:cornflowerblue; 
	font-weight:bold;  
	border:1px solid silver; 
	border-width:0 1px 1px 1px;
}
#verticalNav :hover ul.sub ul.sub1 li a {
	display:block; 
	width:163px; 
	padding-left:10px; 
	height:39px; 
	line-height:39px; 
	text-decoration:none; 
	color:cornflowerblue; 
	font-weight:bold;  
	border:1px solid silver; 
	border-width:0 1px 1px 1px;
}
/*This puts a bottom border on the last link if it is NOT a fly link*/
#verticalNav ul.toplevel li.last a {
	display:block; 
	width:163px; 
	padding-left:10px; 
	height:39px; 
	line-height:39px; 
	text-decoration:none; 
	color:cornflowerblue; 
	font-weight:bold; 
	background:#000 url("vertical-list/borderLast.png") center;
	border:1px solid silver; 
	border-width:0 1px 1px 1px;
}

/*This puts a bottom border on the last link if it is a fly link*/

#verticalNav ul.toplevel li.lastFly a {
	display:block; 
	width:175px; 
	padding-left:10px; 
	height:39px; 
	line-height:39px; 
	text-decoration:none; 
	color:cornflowerblue; 
	font-weight:bold; 
	background:#000 url("vertical-list/borderArrowLast.png") center; 
	border:1px solid silver; 
	border-width:0 1px 1px 1px;
}
#verticalNav a:hover {
	white-space:nowrap;
}
#verticalNav :hover ul.toplevel li a {
	background-color:#000; 
	color:#cornflowerblue; 
	filter:alpha(opacity=100); 
	opacity:1.0;
}
#verticalNav ul.toplevel li a:hover {
	color:#000; 
	background:#fff filter:alpha(opacity=100); 
	opacity:1.0;
}
#verticalNav ul.toplevel li:hover  a {
	color:#fff; 
	background-color:navy; 
	filter:alpha(opacity=100); 
	opacity:1.0;
}
#verticalNav :hover ul.toplevel :hover ul.sub {
	left:174px; 
	width:186px; 
	top:0; 
	border-top:1px solid silver;
}

/*This is for the third level menu*/

#verticalNav :hover ul.toplevel :hover ul.sub :hover ul.sub1 {
	left:186px; 
	width:175px; 
	top:0; 
	border-top:1px solid silver;
}
#verticalNav :hover ul.toplevel :hover ul.pos1 {top:0px;}
#verticalNav :hover ul.toplevel :hover ul.pos2 {top:42px;}
#verticalNav :hover ul.toplevel :hover ul.pos3 {top:82px;}
#verticalNav :hover ul.toplevel :hover ul.pos4 {top:122px;}
#verticalNav :hover ul.toplevel :hover ul.pos5 {top:162px;}


/*This entry is to position the only third level menu we have so far*/

#verticalNav :hover ul.toplevel :hover ul.sub :hover ul.pos5 {top:159px;}
#verticalNav :hover ul.toplevel :hover ul.pos6 {top:202px;}
#verticalNav :hover ul.toplevel :hover ul.pos7 {top:242px;}
#verticalNav :hover ul.toplevel :hover ul.pos8 {top:282px;}
#verticalNav :hover ul.toplevel :hover ul.pos9 {top:322px;}
#verticalNav :hover ul.toplevel :hover ul.pos10 {top:362px;}
#verticalNav :hover ul.toplevel :hover ul.pos11 {top:402px;}
#verticalNav :hover ul.toplevel :hover ul.sub li a {
	width:175px;
	background:#000 url("vertical-list/clear.png") no-repeat right center; 
	border:1px solid silver; 
	border-width:0 1px 1px 1px; 
	color:cornflowerblue; 
	filter:alpha(opacity=100); 
	opacity:1.0;
}




/*Third level menu entry*/

#verticalNav :hover ul.toplevel :hover ul.sub :hover ul.sub1 li a {
	width:175px;
	background:#000 url("vertical-list/clear.png") no-repeat right center; 
	border:1px solid silver; 
	border-width:0 1px 1px 1px; 
	color:cornflowerblue; 
	filter:alpha(opacity=100); 
	opacity:1.0;
}

/*For a second level menu item that flies to third level*/

#verticalNav :hover ul.toplevel :hover ul.sub li.fly a {
	width:175px;
	background:#000 url("vertical-list/arrow-black.png") no-repeat right center; 
	border:1px solid silver; 
	border-width:0 1px 1px 1px; 
	color:cornflowerblue; 
	filter:alpha(opacity=100); 
	opacity:1.0;
}
#verticalNav :hover ul.toplevel :hover ul.sub li a:hover {
	background-color:navy; 
	color:#fff;
}

#verticalNav :hover ul.toplevel :hover ul.sub :hover u.sub1 li.fly a {
	width:175px;
	background:#000 url("vertical-list/arrow-black.png") no-repeat right center; 
	border:1px solid silver; 
	border-width:0 1px 1px 1px; 
	color:cornflowerblue; 
	filter:alpha(opacity=100); 
	opacity:1.0;
}
#verticalNav :hover ul.toplevel :hover ul.sub :hover ul.sub1  li a:hover {
	background-color:navy; 
	color:#fff;
}
/*Multi-level menu CSS ends*/
