/*** FAMILY JUSTICE COUNCIL CSS ***/
body {
font-family: verdana, lucida, arial, sans-serif;
background-color: #fff;
margin: 0;
padding: 0;
font-size: 95%;
text-align: left;
 } 
/*** STANDARD ***/
a {
color: #a56bb6;
text-decoration: none;
 }
a:hover {
color: #7b3990;
text-decoration: underline;
 }
address, blockquote {
font-size: 0.75em;
font-style: normal;
line-height: 1.3em;
color: #333;
margin: 0 0 1em 0;
padding: 0;
 }
blockquote {
font-family: verdana, lucida, arial, sans-serif;
padding: 0 15px;
 }
h1 {
font-family: arial, lucida, verdana, sans-serif;
font-size: 1.25em; color: #7b3990;
margin: 0 0 20px 0;
padding: 0;
 }
h2 {
font-family: arial, lucida, verdana, sans-serif;
font-size: 1em;
color: #7b3990;
margin: 0 0 3px 0;
padding: 0;
 }
h3, h4, h5, h6 {
font-size: 0.75em;
color: #7b3990;
margin: 0;
padding: 0;
 }
hr {
height: 1px;
color: #d9c2e0;
 }
img {
border: 0;
display: block;
 }
p { font-family: verdana, lucida, arial, sans-serif;
font-size: 0.75em;
line-height: 1.3em;
color: #333;
margin: 0 0 1em 0;
padding: 0;
 }
p.backtop {
padding: 0 0 1.5em 0;
text-align: left;
 }
table {
margin: 0 0 1em 0;
padding: 0;
 }
td, th {
font-size: 0.75em;
voice-family: "\"}\"";
/* box model hack required for IE5 as table cells don't pick up body's size reduction to 90% */
voice-family: inherit; font-size: 100%;
font-family: verdana, lucida, arial, sans-serif;
 }
td {
/* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */
 }
ul, ol {
font-family: verdana, lucida, arial, sans-serif;
font-size: 0.75em;
color: #333;
margin: 0 0 1em 2em;
padding: 0;
 }
li {
line-height: 1.3em;
padding: 0 0 0.75em 0;
 }
li p {
font-size: 100%;
 }
li ul {
font-size: 100%;
margin-top: 10px;
 }
li ol {
font-size: 100%;
margin-top: 10px;
 }
/*** HEADER ***/
#header {
margin: 0;
padding: 0;
height: 100px;
width: 100%;
background: url(images/bglogo.gif) right bottom no-repeat #d9c2e0;
border-bottom: 1px solid #7b3990;
 }
/*** CONTENT ***/
#content {
font-family: verdana, lucida, arial, sans-serif;
font-size: 95%;
margin: 50px 0 0 190px;
padding: 0;
width: 430px;
 }
#content img {
background: #f3ebf5;
 }
/*** SIDEBAR ***/
div#sidebar {
position: absolute;
width: 140px;
top: 195px;
left: 630px;
 }
div.sidebox {
width: 140px;
border: 1px solid #d9c2e0;
padding: 0;
margin: 0 0 20px 0;
 }
div.sidebox h2 {
background-color: #d9c2e0;
font-size: 0.75em;
margin: 0;
padding: 5px;
 }
div.sidebox p {
font-size: 75%;
color: #333;
margin: 0;
padding: 5px;
 }
div.sidebox ul {
padding-left: 5px;
padding-right: 5px;
 }
/*** BREADCRUMB ***/
div#breadnav {
position: absolute;
width: 590px;
top: 120px;
left: 180px;
margin: 0;
padding: 0;
 }
ul#breadcrumb {
font-family: verdana, lucida, arial, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
text-align: left;
 }
ul#breadcrumb li {
color: #666;
margin: 0;
padding: 0;
display: inline;
 }
ul#breadcrumb li a {
display: inline;
font-weight: normal;
color: #a56bb6;
text-decoration: none;
 }
ul#breadcrumb li a:hover {
color: #7b3990;
text-decoration: none;
 }
/*** NAVIGATION ***/
#nav {
position: absolute;
top: 195px;
left: 0;
margin: 0;
padding: 0;
width: 160px;
 }
ul#mainnav {
margin: 0;
padding: 0 0 0 20px;
text-align: left;
border-right: 1px solid #7b3990;
list-style: none;
 }
ul#mainnav li {
margin: 0;
padding: 1em 0 1em 0;
width: 140px;
display: block;
 }
ul#mainnav li a {
/* width: 160px; */
width: 140px;
display: block;
margin: 0.1em 0 0.1em 0; 
font-weight: bold; color: #a56bb6;
text-decoration: none;
font-family: verdana, lucida, arial, sans-serif;
 }
ul#mainnav li a:hover {
color: #7b3990;
text-decoration: none;
 }
ul#mainnav li.current a {
color: #7b3990;
text-decoration: none;
 }
ul#mainnav li.copy a {
font-size: 90%;
color: #999;
font-weight: normal;
line-height: normal;
text-decoration: none;
margin: 30px 0;
 }
ul#mainnav li.copy a:hover {
color: #666;
font-weight: normal;
text-decoration: none;
 }
/*** FOOTER ***/
p#footer {
font-size: 0.7em;
margin: 30px 0;
 }
p#footer a {
color: #999;
font-weight:normal;
text-decoration: none;
 }
p#footer a:hover {
color: #666;
text-decoration: underline;
 }
/*** LIMK LIST ***/
ul.linklist {
font-family: verdana, lucida, arial, sans-serif;
font-size: 0.7em;
margin: 0 0 2em 0;
padding: 0;
text-align: left;
 }
ul.linklist li {
margin: 0;
padding: 0;
display: inline;
 }
.reddot {
font-size: 0.75em;
color: #F00;
 }
.reddotli {
font-size: 1em;
color: #F00;
 }
.reddotlim {
 }
/*** SEARCH-BOX ***/
form#search-box {
float:right;
margin: 5px;
padding: 0;
 } 
label#searchlabel {
position: relative;
float:left;
display: inline;
margin: 0.1em 0 0.1em 0;
font-weight: bold;
color: #a56bb6;
text-decoration: none;
font-family: verdana, lucida, arial, sans-serif;
 }
input#search {
	float:left;
	display:inline;
	/*  background-image: url(images/search.jpg); */
    /*	background-repeat: no-repeat; */
	width: 150px;
	/* padding-top: 0px; */
	/* height: 20px;     */
	/* margin: 0px; */
	font-family: verdana, lucida, arial, sans-serif;
	margin-left:4px;
	/* padding-left: 5px; */
	text-align: left;
	border: 1px solid #76278a; 
	background-color: #f0e4f4; 
	}
input#submit {
float:left;
display:inline;
background-image: url(images/button-go.jpg) ;
background-repeat: no-repeat;
border: none;
width:23px;
/* height:20px; */
 }




 
