/*  
Theme Name: Judicial Services
Theme URI: http://www.thinkcreativeedge.com
Description: A Custom Theme developed for Judicial Services
Author: Liz - http://www.thinkcreativeedge.com
Author URI: http://www.thinkcreativeedge.com
*/



* {
    padding: 0;
    margin: 0;
} 

body
{ 
background: #e4e2e2 url(images/bodyBG.jpg) top center repeat-x;

font-family : Tahoma, Arial,"Gill Sans MT","Gill Sans","Trebuchet MS",Helvetica, sans-serif ;
			
}

body.Home
{ 
background: #e4e2e2 url(images/bodyBGHome.jpg) top center repeat-x;}

.innerWrapper {
	background: transparent url(images/mainBG.jpg) top center no-repeat;
	float: left;
	width: 100%;
	}
	
.innerWrapperHome {
	background: transparent url(images/mainBGHome.jpg) top center no-repeat;
	float: left;
	width: 100%;
	}



.innerInnerWrapper {
	float: none;
	width: 1000px;
	margin: 0 auto;
	}

/* ************HEADER STUFF**************** */
.header {
			width: 1000px;
			height:162px;
			margin:0px auto;
			padding:0px 0px 0px 0px;
			color:#333333;
			font-weight:bold;
			float:left;
			background-color:transparent;}
			

.headerLogo{
		float:left;
		width:340px;
		height:120px;
		}
		


#headerTagDiv{
		float:left;
		width: 262px;
		text-align: right;
		margin:34px 0px 0px 100px;
		border-right:2px solid #a0afc1;
		font-family:Georgia,"Times New Roman";
		padding-right:30px;
		margin-right:15px;}
		
#headerTagDiv h1{
		color:#a0afc1;
		font-size:15pt;
		font-style:italic;}

.probationerButtonSmall {height:39px;
			width:230px;
			float:left;}
.probationerButtonSmall a {background: transparent url(images/probationer-button-small.png) top left no-repeat;
			display:block;
			height:23px;
			width:215px;
			text-decoration:none;
			color:#e6ce8e;
			padding-top:14px;
			padding-left:15px;
			font-family:Arial;
			font-size:9pt;
			margin-top:40px;}
.probationerButtonSmall a:hover {background-position: 0 -39px; color:#f4e8c7;}

.probationerButtonMedium {height:39px;
			width:270px;
			margin:0px auto;}
.probationerButtonMedium a {background: transparent url(images/probationer-button-medium.png) top left no-repeat;
			display:block;
			height:23px;
			width:245px;
			text-decoration:none;
			color:#e6ce8e;
			padding-top:14px;
			padding-left:25px;
			font-family:Arial;
			font-size:9pt;}
.probationerButtonMedium a:hover {background-position: 0 -39px; color:#f4e8c7;}


.searchsubmit {background-color:#735874; padding:3px 1px;  color:#fff; font-size:.8em;  margin-left:5px; }



/* ************MAIN MENU - Horizontal**************** */
.navContainer {
			background-color:transparent; 
			vertical-align: top;
			margin:0px;
			padding:0px  0px 0px 0px;
			border-spacing: 0px;			
			width:988px;
			height:38px;
			font-size:10pt;
			font-weight:bold;
			float:left;
			font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
			z-index: 99;
			}
			
.sf-menu{
			z-index: 99;
			}


/* ************MAIN WRAPPER / STRUCTURE**************** */

.wrapper{
			float: none;
			width: 1000px;
			padding:0px;
			background: transparent;
			vertical-align: top;
			background-color:transparent;
			font-weight : normal ;
			font-size:9pt;
			margin: 0 auto;
			color:#000;
			min-height:500px;
			}


.contentContainer {
			width : 988px;		
			vertical-align: top;
			margin:0px 6px;
			float:left;
			background:#fff url(images/contentContainerBG.jpg) top left repeat-x;}

.contentContainerHome {
			width : 988px;		
			vertical-align: top;
			margin:0px 6px;
			float:left;
			background-color:#fff;
			background:#fff url(images/contentContainerHomeBG.jpg) top left repeat-x;}


#content	{  
			float:left;
			margin:0px;
			padding:0px;
			width:970px;}
#narrowcontent {float:left;
			width:730px;
			margin:0px;
			padding:0px 0px 0px 25px;}

#widecontent	{padding:0px 30px 20px 30px;
			float:left;
			width:928px;
			margin:0px;
			clear:left;
			background-color:transparent;
			min-height:300px;}
#widecontentBlog {padding:45px 20px 20px 30px;
			float:left;
			width:938px;
			margin:0px;
			clear:left;
			background-color:transparent;
			min-height:300px;}
#homecontent	{
			float:left;
			width:988px;
			margin:0px;
			clear:left;}
#skinnycontent{background-color: transparent;
			float:left;
			margin:0px 9px 0px 0px;
			padding:0px;	
			width:697px;
			}
.leftColumn {background-color: transparent;
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px;	
			width:700px;
			}
#homepageSlideshow{
			float: left;
			position: relative;
			width: 700px;
			height: 246px;
			}
			
#slider{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 700px;
			height: 246px;
			overflow: hidden;
			z-index: 96;
			}
			

#slider .slideDiv{
			width: 700px;
			height: 246px;
			}



#slider .slideDiv p{
			margin: 0;
			padding: 0;
			color:#fff;}
			
#slider .slideDiv h1, #slider .slideDiv h2, #slider .slideDiv h3, #slider .slideDiv h4{
			color: #FFFFFF;
			font-family : "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif ;
			}
			
#slider .slideDiv h1{
			font-size: 48px;
			}
			
#slider .slideDiv h2{
			font-size: 30px;
			}
			
#slider .slideDiv h2 {
			font-size: 24px;
			color: #ffffff;
			}
			
#messageArea {background-color:#be1919;
		height:86px;
		width:517px;
		opacity: .94;
		filter: alpha(opacity=94);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
		position: absolute;
			top: 190px;
			left: 21px;
			z-index: 98;}

.sliderContentDiv {width: 443px;
			height: 80px;
			margin:145px 212px 21px 45px;
			z-index: 99;}


.sliderContentDiv a {color:#ffffff;}

#sliderControls{
			position: absolute;
			top: 200px;
			left: 558px;
			width: 135px;
			height: 20px;
			z-index: 68;
			display:none;}
			
#sliderControls .prev_btn,
#sliderControls .next_btn {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color:#ffffff;    
    background-color:#005288;
    float: left;
}

#sliderControls .next_btn {  }
 
#sliderControls .play_btn {
    float: left;
	width:60px;
    height: 20px;
    margin: 0 2px 0px 0px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color:#fff;
    background-color:#005288;
	}
#sliderControls .num_nav  { text-align: center;  float:left; margin:0px;}
#sliderControls .num_nav ul { text-align: center; list-style:none; float:left; margin:0px; padding:0px;}
#sliderControls .num_nav ul li { float:left; margin: 0px 2px; height:20px;
	width:20px; list-style:none; }
#sliderControls .num_nav ul li a {
    height:20px;
	width:20px;
    color:#ffffff;
    display:block;
    background-color:#005288;
	font-size:12px;
	line-height:20px;
	text-decoration:none;}

#sliderControls .num_nav ul li a.active,
#sliderControls .num_nav ul li a:hover { border-color: #fff;
background-color:#a11a13; }
 
 
#sliderControls .btn_over {
    color:#fff;
    border: 1px solid #fff;
    background-color: #a11a13;
	}


/* ************H1 AREA**************** */
.h1Area {
			vertical-align: top;
			margin:0px 20px 20px 20px ;
			padding:0px 10px 0px 25px;
			border-spacing: 0px;
			float:left;
			width:903px;
			/* background:#21568a url(images/titleBG.jpg) top left repeat-x; */
			height:48px;
			border-bottom:1px dotted #b5a976;}

.h1Area h1 {color:#910a00;
			font-size:25px;
			float:left;
			padding-top:0px;
			line-height:48px;
			margin-bottom:0px;}




/* ************SIDEBAR STUFF**************** */
.sidebar{width:250px; 
		float:left; 
		padding-left:0px;
		padding:0px 0px 11px 27px;
		background:transparent url(images/sidebarBG.jpg) top left no-repeat;
		min-height:250px;
		margin-top:20px;}

#homesidebar{background:#fff url(images/homesidebarBG.jpg) top left no-repeat;
		width:261px;
		padding:0px 10px 11px 17px;}

.sidebar > ul{ padding-left:8px; list-style: none; }
.sidebar ul li, #sidebarLinks ul li {
				margin:0px 0px 5px 5px;}
.sidebar ul   {margin-left:12px;}
.sidebar h2{font-size:15pt;
			margin-top:25px;}

.widget { width:280px;
		float:left;}
#right_bar .search { width:280px;}


/* ************FORM STUFF**************** */
 .searchform  {
	padding: 0px 0px 0px 0px;
	width:280px;
	}
.inputWrap{background: transparent url(images/searchInput.png) top left no-repeat ;
				border:0px;
				height:25px;
				padding:0px 0px 6px 3px;
				text-align:left;
				line-height:25px;
				}

				

.searchform input[type="text"]{
				vertical-align: top;
				font-size:8pt;
				height:19px;
				margin-right:10px;
				border:0px; 
				background-color:transparent;
				width:179px;
				line-height:19px;
				}
				
.searchform input[type="submit"] {margin:0px;								
								font-size:8pt;}

 input[type="text"]{
				border:1px solid #ededed;
				padding:2px 3px;
				background-color:#fff;
				
				}
input[type="submit"], input[type="button"], input[type="reset"]{ background-color:#960800;
    border: 1px outset #CCCCCC;
    color: #e6ce8e;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 3px;}
input[type="image"]{background-color:transparent;
				border:0px solid #b9026e;				
				padding:0px;
				margin:0px;}

textarea {font-family : "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif ;
			font-weight : normal ;
			font-size:10pt;}

#humFormfiller, #account_name{
visibility:hidden;
display:none;
}
input#saveForm.btTxt {font-size:9pt; padding:3px 8px; }



/* ************IMAGE / LINKS / CAPTIONS - CONTENT STYLES**************** */
.entry{padding:0px 20px;}


.archivesPage {padding-top:20px;}
.archivesPage .entry {padding:0px 20px 0px 20px; margin-bottom:0px;}
.archivesPage .entry img, .archivesPage .entry img.alignleft, .archivesPage .entry img.alignright {background-color:#fff; border:1px dotted #dedede; background-image:none; padding:15px;}


a img {border:none;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.wp-caption {background-color:transparent;	
	text-align:center;
	padding:0px;
	}
.wp-caption.alignleft {margin:10px 35px 20px 0px;}
.wp-caption.alignright {margin:10px 0px 20px 35px;}

.wp-caption img {margin:0px; padding:0px;}
.archivesPage .entry .wp-caption img{margin:0px; padding:0px;}
.archivesPage .entry  .wp-caption img {margin:0px; padding:0px;}

p.wp-caption-text{margin-left:0px; margin-bottom:5px; font-size:9pt;}

.alignright {clear:right;}

img.aligncenter{display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {background-color:#efefef;
	margin: 0px 0px 30px 30px;
	float:right;
	padding:10px;
	border:1px solid #cfcfcf;
	}

img.alignleft {
	background-color:#efefef;	
	margin: 0px 30px 30px 0px;
	float:left;
	padding:10px;
	border:1px solid #cfcfcf;}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.right{float:right;
		margin-left:25px;
		margin-bottom:15px;}

.captionRight{float:right;
			margin-left:25px;
			margin-bottom:15px; 
			text-align:center;}

.left{float:left;
		margin-right:10px;
		margin-bottom:10px;}

.captionLeft{float:left;
			margin-right:15px;
			margin-bottom:15px; 
			text-align:center;}

strong {font-weight:bold;}
small {font-size:.9em; }

.postmetadata{clear:both; font-size:.8em; }

.padded{padding:5px;}
.clear{clear:both;}
h1	{  font-size : 18pt;
line-height: 1.2em;
			color : #6d6d6d;
			vertical-align: top;
			margin-bottom:8px;
			font-weight:normal;}
			
h1.db-error {font-size : 22pt;
			color : #fff;
			background-color:#005288;
			padding:10px;
			border:2px dashed #0f7a0c;}

			
h2	{  font-size : 15pt;
			color : #bf8e19;
			vertical-align: top;
			margin-bottom:10px;
			margin-top:5px;
			
			font-weight:normal;}
h2 a {color: #005288;}


h3	{  font-size : 12pt;
			color : #000000;
			margin-bottom:10px;
			margin-top:8px;
			
			font-weight:bold;}

h4	{  font-size : 10pt;
			color : #6d6d6d ;
			
			font-weight:bold;}



p{margin-top:12px;
margin-bottom:12px;
}

em {font-style:italic;
	}




.entry ul{padding-left:40px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
	display:block;}

.entry ul li {list-style-image: url(images/listRaquo.gif);
				list-style-position:outside;
				margin-top:4px;
				margin-bottom:4px;}

.entry ul.outside li {list-style-position:outside;}

.entry ol, .feature ol {padding-left:40px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:0px;
	display:block
	}
.entry ol li {list-style-position:outside;}


a {font-weight:bold;
	text-decoration:underline;
	color: #022e59;
	
	}
				
a:hover{
	text-decoration: none;
	color: #a11a13;
	
	}
	
a:visited{
	
	}

.hide{visibility:hidden;
		line-height:0px;}

blockquote {padding:10px 10px 10px 0px;
		margin:5px 0px 15px 0px;
		border-left:0px solid #f7be20;
}

blockquote.pullquote {width: 205px; float: right; background-color: #fef7c7; border: 8px solid #660000; padding: 15px; margin: 0px 0px 20px 20px;}
blockquote.pullquote small {font-size:7pt; }
blockquote.pullquote h3 {font-size:13pt; color:#bf8e19; font-weight:normal; }
blockquote.singleBlock {margin-top:10px;
		padding-top:10px;
		border-top:1px dotted #cfcfcf;}

img.plain {background-color:transparent;
		border:none;
		background-image:none;}

img.unpadded {padding:0px;}
img.unmargin {margin:0px;}

.clearboth, .clearBoth{clear:both;}
.clearleft, .clearLeft{clear:left;}
.clearright, .clearRight{clear:right;}
.divider{clear:both;
		margin-top:10px;
		padding-top:10px;
		border-top:1px dashed #cfcfcf;
		margin-left:10px;
		margin-right:10px;}
h2.plain-divider {clear:both;
		margin-top:15px;
		padding-top:15px;
		border-top:1px dotted #cfcfcf;}
h2.divider {margin-left:0px;
		margin-top:0px;
		padding-top:0px;
		background:transparent url(images/h2dividerBG.png) top left repeat-x;}
h2.divider a {display:block;
			text-decoration:none;
			font-weight:normal;
			padding:10px 8px;
			color:#a11a13;}
h2.divider a:hover {background-color:#a11a13;
			color:#fff;}
h2.dividerNoA {margin-left:0px;
		margin-top:10px;
		padding:10px 8px;
		background:transparent url(images/h2dividerBG.png) top left repeat-x;}
.newsDate {color:#000000;
		}
a:hover .newsDate {color:#ffffff;
		}

/* ************FOOTER**************** */
.footer {   background-color:transparent;
			width:100%;
			min-width:1000px;
			float:left;
			color:#7a7a7a;
			margin:0px 0px 0px 0px;
			font-size:8pt;}
.footer img {background-color:transparent;
		border:none;}

.footerTop {background:transparent url(images/footerTopBG.png) top left no-repeat;
			width:988px;
			float:left;
			color:#999999;
			padding: 0px;
			height:23px;
			margin:0px 6px;}



.footerBG {background:transparent url(images/footerBottomBG.jpg) top left no-repeat; 
			vertical-align: middle;
			width:1000px;
			float:right;
			color:#cee5ed;
			padding: 0px;
			margin:0px;
			height:14px;
			}



.footerRight {float:left;
			width:317px;
			color:#7a7a7a;
			text-align:left;
			padding-left:30px;}

.creditFooter {
			min-width:1000px;
			width:100%;
			color:#7a7a7a;
			padding: 15px 0px 0px 0px;
			margin:0px auto 0px auto;
			
			text-align:center;
			clear:both;}

.footer a {color:#7a7a7a; font-weight:bold;  }
.footer a:hover {color:#284265; }


.sfw a {color:#949494; font-size:6pt;}





.innerFooter {background-color:transparent; 
			width:1000px;
			margin:0px auto;
			min-height:136px;}

ul.commentlist {list-style:none;}
ul.commentlist li {padding:10px; margin:0px; border-bottom:2px dotted #8e8e8e;}
ul.commentlist li.alt {background-color:#f1f1f1;
		 }
h3#comments {margin-bottom:10px;
		margin-left:0px;}
h2.comments {margin-left:0px; border-top:4px dotted #8e8e8e; padding-top:10px;}
.entry .sociable {margin-bottom:0px;}



.boxArea {
		float:left;
		width:685px;
		margin-left:15px;
		margin-top:20px;
		margin-bottom:20px;}
		
.boxArea img.alignleft {border:0px; padding:0px; margin:0px 8px 10px 0px;}
.boxArea h2 a {text-decoration:none;
		color:#000;}
.boxArea h2 a:hover {		color:#a11a13;}
.boxArea h2  {color:#7c0f00; font-size:14pt;}

.box1 {float:left;
		width:196px;
		padding:7px;
		height: 88px;
		margin:0px 20px 0px 0px;
		background:transparent url(images/boxBG.jpg) top left no-repeat;}

.box2 {float:left;
		width:196px;
		padding:7px;
		height: 88px;
		margin:0px 20px 0px 0px;
		background:transparent url(images/boxBG.jpg) top left no-repeat;}
.box3 {float:left;
		width:196px;
		padding:7px;
		height: 88px;
		margin:0px 15px 0px 0px;
		background:transparent url(images/boxBG.jpg) top left no-repeat;}

.officeLocation {width:220px;
		font-size:10pt;
		float:left;
		margin:12px;
		height:175px;
		padding-top:15px;
		padding-left:30px;
		padding-right:20px;
		background:transparent url(images/officeLocationBG.jpg) top left repeat;
		border:0px solid #cccccc;}
.floatleft {float:left;}
.rightside {margin:41px 0px 0px 50px;}

.bigButton {width:249px;
		height:315px;
		margin:0px auto;}
.bigButton a {background:transparent url(images/probationer-button-big.png) top left no-repeat;
		display:block;
		width:249px;
		height:315px;
		text-decoration:none;}

.bigButton a:hover {background-position: 0px -315px;
#dvLocations table.content {margin: 10px auto;}
.FairProbation {width:249px;
		height:315px;
		margin:0px auto;}
.FairProbation a {background:transparent url(FairProbation.jpg) top left no-repeat;
		display:block;
		width:249px;
		height:315px;
		text-decoration:none;}
