@charset "utf-8"; 


*  {margin:0; padding:0}

body {
	background:#f2efea url(images/bg.gif) repeat-x;
	font-family:Tahoma;
	font-size: 12px;
}

#container {margin:0 auto; width:840px; background:#fff;}

.clear {clear:both; }
.alignl {float:left; margin:8px; border:4px solid #666; }
p {font-size:10pt; line-height:1.5em; padding:5px 10px 10px 10px; color:#000;}

h2 {color:#6d0004; font-size:14pt; padding:10px 0 5px 10px; font-family:Arial, Helvetica, sans-serif}

h4 {color:#6d0004; font-size:10pt; padding:5px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif}

hr {border:1px dotted #eee; margin:10px; }

.notable_results {background:url(images/nr_bg.gif) no-repeat; padding-top:60px;margin-top:4px;}
.notable_results p {font-size:9pt; font-weight:bold; color:#7b6d5a; padding:5px 15px 4px 15px; }
.pendingcases {background:url(images/cases.jpg) no-repeat; padding-top:60px;margin-top:4px;}
.pendingcases p {font-size:9pt; font-weight:bold; color:#7b6d5a; padding:5px 15px 4px 15px; }
.news {background:url(images/news_bg.gif) no-repeat; padding-top:50px;margin-top:4px;}
.news p {padding:5px 10px 0 10px; line-height:10pt; font-size:9pt;}

a {text-decoration:none; color:#0267b7; }

a:hover {color:#d88833; }


#header {height:94px; background:url(images/header_bg.gif) repeat-x; position:relative;}

#header h1 {float:right; font-size:10pt; color:#4b3c30; padding-top:10px; text-align:center;}

#main {background:#fff; position:relative; }

#logo {position:absolute; z-index:600 }

#nav {
	position:absolute;
	z-index:900;
	top:192px;
	left: 198px;
}

#subnav {padding:15px;}
#subnav ul {text-align:center; }
#subnav li {list-style-type:none; display:inline; padding-left:10px;}
#subnav a {font-size:9pt; }

.colbg {background:url(images/col1_bg.gif) repeat-x; height:554px;}

#col1 {float:left; width:190px; background:url(images/col1_bg.gif) repeat-x; height:554px; }
#col2 {float:left; width:420px; padding-bottom:50px;}
#col3 {float:right; width:225px; padding-bottom:50px; }
#col4 {float:left; width:630px; padding-bottom:50px;}

.welcome {padding-top:110px; padding-left:50px;}

#footer {clear:both; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}

#footer p {color:#c2b59b; text-align:center;font-size:8pt; text-align:center; padding:2px;}
#footer a {color:#c2b59b; padding-left:5px; padding-right:5px; }

#footer a:hover {color:#aba48f; }


.mainmenu {margin-top:20px; }
.menu {
height:310px; padding-left:10px;
margin:0 0 50px 0; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
padding:0;
margin:0;
list-style-type:none;
width:180px;
}
/* style the list items */
.menu li {
height:36px;
/* for IE7 */
float:left;
}
.menu li.sub {} 

/* get rid of the table */
.menu table {position:relative; border-collapse:collapse; top:0; left:0; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; font-size:9pt;
text-decoration:none;
height:35px;
line-height:35px;
width:179px; font-weight:bold;
color:#7b6d5a;
text-indent:5px;
border-bottom:1px dashed #dcd4c5;
border-width:0 1px 1px 1px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:180px; w\idth:179px;}
/* style the link hover */
* html .menu a:hover {background:#d2c9b6; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#fff; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {background:#d2c9b6;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {width:200px;
visibility:hidden;
position:absolute;
top:0;
/* set up the overlap (minus the overrun) */
left:170px;
/* set up the overrun area */
padding:0 0 0 0;
/* this is for IE to make it interpret the overrrun padding */
background:#c3b69c;
}
.menu li ul a {width:200px; }
/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}