body {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: x-small;
}
table {
font-family: inherit;
font-size: x-small;
}
h2, .header {
      font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
text-align: center;
color: #404040;
font-weight: bold;
}
.link {
color: #000000;
}
.breakingnews {
color: #FF0000;
font-weight: bold;
     font-size: 110%;
text-transform: uppercase;
}
p.breakingnews {margin-top: 12px; text-align: center}

td {padding: 0}

div.content_area {
     padding: 0 18px 18px;
}
.footer {
margin: 18px 0;
text-align: center;
}
A.footerlink {
font-size: 90%;
padding: 0 4px;
color: #111;
}
A.footerlink:hover {
color: #000;
}
.navigation {
text-align: left;
font-weight: bold;
}
.navigation a {
display: block;
padding: 1em .5em 0 20px;
color: #000;
text-decoration: none;
}
.navigation a:hover {
background: #670101;
color: #fff;
}
.navigation a.subnav {
padding: 0 0 0 30px;
}

.navigation2 {
width: 161px;
padding: 1em 0;
text-align: left;
font-size: 1.2em}

.navigation2 a {
display: block;
padding: .5em .5em .5em 20px;
color: #000;
text-decoration: none;
margin: .4em 0;
}
.navigation2 a:hover {
background: #670101;
color: #fff;
}

/* nav hover tooltip */
a.info{
    position:relative; /*this is the key*/
    z-index:24;}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:5em; width:15em;
    border:1px solid #ccc;
    padding: 5px;
    background-color:#fff; color:#000;
    text-align: center}
/* end nav hover tooltip */

.navheading {
font-style: italic;
padding: 12px 8px 8px 20px;
}
img {
border: none;
}
.footnotes {
border-top: 1px solid #ccc;
margin: 12px 0; }

div.leadin {border: 1px solid #ccc; border-left: none; border-right: none; margin: 6px 0 0; padding: 6px 6px 12px}
div.leadin p {margin: 0; padding: 6px 0 0 0}

a.bloglink {display: block; background: #333; font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0; color: #fff; text-align: left; padding: .1em .1em .2em .1em; text-align: center; line-height: 1.6em}
a.bloglink:hover {background: #555}

#mainContent {text-align: left; font-size: 12px; line-height: 1.4em; padding: 12px 12px 24px 40px}
#mainContent table {font-size: 100%; line-height: 1.4em}
#mainContent table td {vertical-align: top; padding: 8px 16px 8px 0}
#mainContent table h3, #mainContent h3 {display: inline; font-size: 100%; margin: 0; padding: 0}
#mainContent h2 {color: #660000; font-size: 2em; text-align: left; margin: 0; padding: 12px 0 .2em 0; font-weight: bold}
#mainContent a.more {color: #111; text-decoration: none; font-style: italic}
#mainContent a.more:hover {color: #222; text-decoration: underline}

#mainContent a.more2 {color: #111; text-decoration: none;}
#mainContent a.more2:hover {color: #222; text-decoration: underline}

#mainContent .judicial {width: 180px; padding: 6px 0 8px}
.judicial .inner {padding: 0 12px}
.judicial h3 {color: #660000; font-weight: normal; line-height: 2em; padding: 0 18px 0 0; margin: 0}
div.box2 {color: #fff; background: #660000; float: right; width: 194px; padding: 6px 0 8px; margin: 8px 0 0 0}
div.box2 .inner {padding: 0 12px; line-height: 1.6em}
div.box2 h3 {margin: 0; padding: 0}

td.leftnav2 {vertical-align: top; background: #fff url(/images/button_bg.jpg) repeat-y top left; text-align: center}
.divider {height: 1px; background: #ccc; margin: 1em 0}

.header {
FONT-WEIGHT: bold; FONT-SIZE: 200%; COLOR: #404040;  TEXT-ALIGN: left
}
.subheader {
font-size: 18px;
border-top: 1px solid #990000;
margin: 18px 0px 0px;
padding: 4px 0 0 0px;}
a.No_Underline {text-decoration: none; color: #333}
#issues a {color: #333}
.entry-content {padding: 32px 0 0 0}