BODY
{
	text-align: center;
	margin: 0px;
	background: url(images/background.jpg) repeat-y center #000000;
	font-size:16px;
}
.Normal{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
.ContentPane a, .ContentPane a:link, .ContentPane a:active, .ContentPane a:visited {
	color: #00F;
	text-decoration: none;}
	
.ContentPane a:hover{
	text-decoration: underline;}
	
.title {
	font-weight: bold;
	font-size: 14pt;}
	
h1, h2, .Normal h1, .Normal h2 {
	font-size: 11pt;
	font-weight: bold;
	color:#333;  }
	
P {
	margin-top:0;
}
.BackgroundWrapper
{
	width: 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align: center;
	padding-bottom: 50px;
}
.PageWrapper
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.PageHeader
{
	height: 408px;
	background: url(images/header.jpg) no-repeat;
}
.FormWrapper
{
	height: 220px;
	width: 206px;
	position: relative;
	left: 670px;
	top: 170px;
}
.MenuWrapper .Left
{
	background: url(images/menu-left.jpg) no-repeat left;
}
.MenuWrapper .Center
{
	height:70px;
	width: 840px;
	margin-left:30px;
}
.MenuWrapper .Right
{
	background: url(images/menu-right.jpg) no-repeat right;
}
.MenuWrapper .Top
{
	height: 14px;
	background: url(images/menu-top.jpg) no-repeat;
}
.MenuWrapper .Middle
{
	height:50px;
	background:url(images/menu-bg.jpg) left top repeat-x;
}
.MenuWrapper .Bottom
{
	height: 6px;
	background: url(images/menu-low.jpg) no-repeat;
}
.Content .Top
{
	height: 18px;
	background: url(images/mid-panel-high.jpg) no-repeat;
}
.Content .Middle
{
	height: 37px;
	background: url(images/mid-panel-low.jpg) no-repeat;
}
.Content .Left, .Footer .Left
{
	background: url(images/border-leftedge.jpg) repeat-y left;
}
.Content .Center
{
	width: 840px;
	margin-left:30px;
}
.Content .Panes .Right
{
	background: url(images/border-sideedge.jpg) repeat-y right;
}
.ContentPane
{
	width:611px;
	background:#FFF;
}
.SidePane
{
	padding-left:30px;
}
.Content .Bottom
{
	height: 30px;
	background: url(images/border-lowedge.jpg) no-repeat;
}
.Footer .Center
{
	width: 840px;
	margin-left:30px;
	background:#FFF
}
.Footer .Right
{
	background: url(images/border-rightedge.jpg) repeat-y right;
}
.LoginPane
{
	text-align:center;
}
.SkinObject,a.SkinObject,a.SkinObject:link, a.SkinObject:active, a.SkinObject:visited
{
	color:#ffffff;
	font-weight: normal;
}
	
a.SkinObject:hover
{
	color:#ffffff;
	text-decoration:underline;
	font-weight: normal;
}
	
/* ----------------------------------- SEOMenu -----------------------------------*/
/* Up State */
.SEOMenu {
	width:840px; 
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt; }
	
.SEOMenu ul.SEOMenu0 {margin-left:0;}

.SEOMenu ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; 
	text-align:left;
	display:inline; } 
	
.SEOMenu li {
	margin:0; 
	padding:0; 
	list-style:none; }
	
.SEOMenu a {
	display:block; 
	color:#fff; 
	line-height:50px; 
	text-decoration:none;
	font-weight:bold; }
	
* html .SEOMenu ul.SEOMenu0 {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

.SEOMenu a em.left {
	display:block;
	float:left;
	width:16px;
	height:50px;  }
	
.SEOMenu a b {
	display:block;
	padding:0;
	margin:0;
	height:50px;
	line-height:50px;
	float:left;
	cursor:hand; }
	
.SEOMenu a em.right {
	display:block;
	width:16px;
	height:50px;
	float:left;  }
	
.SEOMenu li:hover > ul {visibility:visible;}
.SEOMenu a:hover ul,
.SEOMenu a:hover a:hover ul, 
.SEOMenu a:hover a:hover a:hover ul {visibility:visible;}
.SEOMenu a:hover ul ul, 
.SEOMenu a:hover a:hover ul ul {visibility:hidden;}

.SEOMenu a:hover{color:#000;}

.SEOMenu ul.SEOMenu0 {display:table; margin:0 auto;} 
.SEOMenu li {float:left; position:relative; margin-right:1px;}
.SEOMenu li ul li { float:none; position:static; margin-right:0;}

/********************** Flyout Portion of Menu *******************/

.SEOMenu ul :hover ul,
.SEOMenu ul li a:hover ul{
	display:block;
	position:absolute;
	top:49px; 
	left:5px;
	width:240px;}
	
.SEOMenu ul :hover ul li ul {
	display: none;
	position:relative;}

.SEOMenu ul :hover ul li a,
.SEOMenu ul li a:hover ul li a {
	display:block;
	background:#330000;
	color:#fff;
	height:auto;
	line-height:15px;
	padding:4px 8px; 
	width:220px; 
	border:1px solid #000; 
	font-size:11pt;
	text-decoration:none;}
	
.SEOMenu ul :hover ul li a:hover,
.SEOMenu ul li a:hover ul li a:hover {
	color:#000;
	background: #dfccf8; }
	
.SEOMenu ul :hover ul :hover ul,
.SEOMenu ul li a:hover ul :hover ul {
	display:block; 
	position:absolute; 
	top: -5px;
	left:244px;}

.SEOMenu ul li a:hover ul li a ul{
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;  }
	
.SEOMenu ul li a:hover ul li a:hover ul{
	visibility:visible; 
	position:absolute; 
	top:-5px; 
	left:244px;}

.SEOMenu li ul {display:block; position:absolute; visibility:hidden;}

.SEOMenu li li a {background:#fff;line-height:22px; color:#000;} 

.SEOMenu li li ul {left:100%; margin-top:-23px; margin-left:-5px; top:23px;}

.SEOMenu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
.SEOMenu table ul li a {padding-left:0; padd\ing-left:20px;}
.SEOMenu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
.SEOMenu table table ul {margin-top:-4px; marg\in-top:-7px;}

/************ Over state *****************/
.SEOMenu a:hover b {
	color:#000;
	background: url(images/menu-over.jpg) repeat-x;
	text-decoration:none;  }
	
.SEOMenu a:hover em.left {
	background: url(images/menu-overleft.jpg) left bottom no-repeat;  }
	
.SEOMenu a:hover em.right {
	background: url(images/menu-overright.jpg) right bottom no-repeat;  }
	
.SEOMenu :hover > a b  {
	color:#000;
	background: url(images/menu-over.jpg) bottom repeat-x;
	text-decoration:none;  }
	
.SEOMenu :hover > a em.left {
	background: url(images/menu-overleft.jpg) bottom left no-repeat;  }
	
.SEOMenu :hover > a em.right {
	background: url(images/menu-overright.jpg) bottom right no-repeat;  }
	
/************* Current Item *************/

.SEOMenu .CurrentItem a em.left, .SEOMenu .CurrentItem :visited em.left, .SEOMenu .ParentItem a em.left, .SEOMenu .ParentItem :visited em.left{
	background:url(images/menu-downleft.jpg) left bottom no-repeat; }
	
.SEOMenu .CurrentItem a b, .SEOMenu .CurrentItem :visited b, .SEOMenu .ParentItem a b, .SEOMenu .ParentItem :visited b {
	background:url(images/menu-down.jpg) repeat-x;
	color:#fff;  }
	
.SEOMenu .CurrentItem a em.right, .SEOMenu .CurrentItem :visited em.right, .SEOMenu .ParentItem a em.right, .SEOMenu .ParentItem :visited em.right {
	background:url(images/menu-downright.jpg) right bottom no-repeat;  }

/****************** Current Item Over ****************/

.SEOMenu .CurrentItem a:hover b, .SEOMenu .ParentItem a:hover b {
	color:#000;
	background: url(images/menu-over.jpg) bottom repeat-x;  }
	
.SEOMenu .CurrentItem a:hover em.left, .SEOMenu .ParentItem a:hover em.left {
	background: url(images/menu-overleft.jpg) bottom left no-repeat;  }
	
.SEOMenu .CurrentItem a:hover em.right, .SEOMenu .ParentItem a:hover em.right {
	background: url(images/menu-overright.jpg) bottom right no-repeat;  }
	
.SEOMenu .CurrentItem :hover > a b, .SEOMenu .ParentItem :hover > a b {
	color:#000;
	background: url(images/menu_over.jpg) bottom repeat-x; }
	
.SEOMenu .CurrentItem :hover > a em.left, .SEOMenu .ParentItem :hover > a em.left {
	background: url(images/menu_overleft.jpg) bottom left no-repeat; }
	
.SEOMenu .CurrentItem :hover > a em.right, .SEOMenu .ParentItem :hover > a em.right {
	background: url(images/menu_overright.jpg) bottom right no-repeat;  }
	
.SEOMenu ul ul .CurrentItem a:hover b {
	color:#000;
	background: transparent;  }
	
.SEOMenu ul ul .CurrentItem a:hover em.left {
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem a:hover em.right {
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem :hover > a b {
	color:#000;
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem :hover > a em.left {
	background: transparent; }
	
.SEOMenu ul ul .CurrentItem :hover > a em.right {
	background: transparent; }

/* ------------------------------------- Side Navigation (Graphical Menu) -------------------------------------- */
#sideNav a.dui,#sideNav a.dui:visited{
	background-image: url(/Portals/0/Skins/Boertje/images/dui_btn.png);}
	
#sideNav a.drugO{
	background-image: url(/Portals/0/Skins/Boertje/images/drugO_btn.png);}
	
#sideNav a.dv{
	background-image: url(/Portals/0/Skins/Boertje/images/dv_btn.png);}
	
#sideNav a.vc{
	background-image: url(/Portals/0/Skins/Boertje/images/vc_btn.png);}
	
#sideNav a.theftC{
	background-image: url(/Portals/0/Skins/Boertje/images/theftC_btn.png);}
	
#sideNav a.recordE{
	background-image: url(/Portals/0/Skins/Boertje/images/recordE_btn.png);}
	
#sideNav a.murder{
	background-image: url(/Portals/0/Skins/Boertje/images/murder_btn.png);}
	
#sideNav a.strikes{
	background-image: url(/Portals/0/Skins/Boertje/images/3strikeC_btn.png);}
	
#sideNav a.probationV{
	background-image: url(/Portals/0/Skins/Boertje/images/probationV_btn.png);}
	
#sideNav a{
	text-decoration: none;
	display: block;
	width: 199px;
	height: 60px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 14px;}
	
#sideNav a:hover{
	background-position: right top;}
	
#sideNav span, #sideNav span:visited{
	position: relative;
	left: 80px;
	top: 14px;
	display: block;
	width: 100px;
	color: #000;
	text-decoration: none;
	text-align: center;}
	
#sideNav span:hover{
	text-decoration: underline;}