/**
  * Responsive Elements
  */
body {
  -webkit-text-size-adjust: 100%; /* Fix Mobile Safari Font Scale */
  overflow-x: hidden;
  padding: 0;
}

textarea { height: 100px; }

/**
  * Responsive Layout
  */
.wrapper .container {
  padding: 0 20px;
}

#change_skin_menu_wrapper .container {
	padding: 0;	
}

#main-wrapper .container {
	padding-bottom: 0;	
}

/* Main Container ---*/
.grid-inner,
.container,
#main-wrapper .container,
#main-wrapper #sidebar-first-wrapper,
#main-wrapper #sidebar-second-wrapper {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.node-title {
  font-family: "Times New Roman", Times, serif;
  font-size: 1em;
  font-weight: bold;
}

#page-title {
  font-size: 1em;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

/**
  * Header
  */
.region-header {
    padding-top: 17px;
}

#main-menu-wrapper #search-block-form {
	right: 110px;	
}

/**/
#main-content {
	background-color:141b2d;
	margin-bottom: 20px;
	padding-bottom: 10px;	
}

/* Responsive menu  */
#main-menu-wrapper {
	position: relative;
	z-index: 6;	
}

.sf-menu.sf-style-default,
#main-menu-wrapper ul.menu {
	background: url(../../images/bg-submenu.gif) repeat-x 0 0 #816f45 !important;	
	float: none;
	width: 21em;
}

.sf-menu.sf-style-default li, 
.sf-menu.sf-style-default.sf-navbar,
#main-menu-wrapper ul.menu li {
	background: none;
	border-bottom: 1px solid #625129;
	display: block;
	float: none; 
	padding-left: 0;
}

.sf-menu.sf-style-default li:hover,
.sf-menu.sf-style-default li.sfHover,
#main-menu-wrapper ul.menu li:hover {
  background: none;
}

.sf-menu.sf-style-default a, 
.sf-menu.sf-style-default a:visited,
#main-menu-wrapper ul.menu li a,
#main-menu-wrapper ul.menu li a:visited {
  color: #e7d094;
}

.sf-menu.sf-style-default a:focus, 
.sf-menu.sf-style-default a:hover, 
.sf-menu.sf-style-default a:active,
#main-menu-wrapper ul.menu li a:focus,
#main-menu-wrapper ul.menu li a:hover,
#main-menu-wrapper ul.menu li a:active {
  color: #bb5d27;
}

.sf-menu.sf-style-default a.active,
.sf-menu.sf-style-default li.active-trail > a.menuparent,
#main-menu-wrapper ul.menu li a.active {
	background: #e7d094;
	color: #bb5d27;
}

.sf-menu.sf-style-default li.menuparent.sfHover > a,
#main-menu-wrapper ul.menu li.expanded:hover > a.active,
#main-menu-wrapper ul.menu li.expanded:hover > a {
  background: url(../../images/bg-submenu-arrow-m.png) no-repeat 35px 100% #625129;
}

.sf-menu.sf-style-default a {
	background: none;
}

#main-menu-wrapper ul.menu li ul.menu, .sf-menu.sf-style-default ul {
	background: url(../../images/bg-submenu.gif) repeat-x 0 0 #816f45 !important;
	position: static;
	top: 0;
	width: 100% !important;
	box-shadow: none;
	border: none;
	border-top: 1px solid #816f45 !important;
	margin: 0;
}

.sf-menu.sf-style-default ul ul {
	width: 100% !important;
}

.sf-menu.sf-style-default li li,
#main-menu-wrapper ul.menu li ul.menu li {
	border-top: none;
}

.sf-menu.sf-style-default li.first a {
}

.sf-menu.sf-style-default ul li a,
#main-menu-wrapper ul.menu li ul.menu li a {
	text-indent: 10px;
	background: url(../../images/arrow.png) no-repeat 20px 15px;
}

.sf-menu.sf-style-default li li a:hover,
.sf-menu.sf-style-default li li a:active,
.sf-menu.sf-style-default li li a:focus,
#main-menu-wrapper ul.menu li ul.menu li a:hover,
#main-menu-wrapper ul.menu li ul.menu li a:active,
#main-menu-wrapper ul.menu li ul.menu li a:focus {
	background: url(../../images/arrow.png) no-repeat 20px 15px;
	color: #e0c06f;
}

.sf-menu.sf-style-default li li a.active {
	color: #e0c06f;
}

/*Styling for text on slideshow pictures*/
.slideshow-group-fields-wrapper .views-field-title a {
	color: #f5f5f5;
	font-size:14px;
	line-height: 1.2;
	text-transform: uppercase;
    float: right;
}

/*Phone directory */
.phone-directory {
	background-color:#f5f5f5;
	border-radius:8px;
	padding-bottom:20px;
}

.table-data{
	text-align:center;
	margin: 0 0 0 17px;
	font-size:12px;
	color:#141b2d;
	font-family: "Verdana", "Times New Roman", serif;
	width:40%;
}


.phone-directory th {
	font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #0f1626;
}



/*grou headers on events, announcements, and news pages */
.group-header .field-name-field-image {
	width:400px;
	margin:10px auto;
}

.group-header .field-name-field-image img {
	width:400px;
	height:auto;
	border-radius:8px;
	box-shadow: -3px -3px 10px #46647A;
}


/*Careers view page */


.block-menu-icon { display: block; }

.home-button,
.responsive-menu-button {
	color: #625129;	
	display: inline-block;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.home-button {
	background: url(../../images/ico-home.png) no-repeat 0 41%;
	padding: 11px 15px 11px 25px;
}

.responsive-menu-button {
	background: url(../../images/ico-menu.png) no-repeat 100% 49%;
	font-style: italic;
	padding: 11px 22px 11px 15px;
}

.block-superfish, .block-menu {
	display: none;
}

.sf-menu.sf-style-default, #main-menu-wrapper ul.menu {
	left: 20px;
	position: absolute;
	top: 0;	
}

/*user menu*/
.region-sidebar-first > .block-menu {
	margin-bottom: 20px;	
}

/* Pager */
.item-list .pager,
.item-list ul.pager li {
  float: none;
}

.item-list ul.pager li.pager-current {
  display: inline-block;  
}

ul.pager li a, 
ul.pager li span { 
  display: inline-block;  
  float: none;  
}

/**
  * Form
  */
#contact-site-form {
	margin-bottom: 20px;	
}

.form-item .description {
  width: 100%;
}

.page-user .form-item label, .page-user .form-item input, .comment-form label, .comment-form .form-item input,
#contact-site-form .form-type-textfield label {
	float: none;	
}

.page-user .form-item label, .comment-form label,
#contact-site-form .form-type-textfield label {
	margin-right: 0;
	width: auto;	
}

#user-register-form .form-item .description,
#user-login .form-item .description,
#user-register-form .form-actions,
#user-login .form-actions,
#user-pass .form-actions {
	padding-left: 0;
}

#newsletter-manage-subscriptions-form .form-submit {
	margin-left: 0;
}

/* Comment ---*/
#comment-form input.form-text {
	width: 96%;
}

#contact-site-form input.form-text,
#contact-personal-form input.form-text,
#user-register-form input.form-text,
#user-pass input.form-text {
		width: 96%;
}

#search-form input.form-text {
	width: 55% ;
}

/* Navgiations ---*/
ul.primary {
	white-space:normal;
}

ul.primary li a {
	margin-right: 0;
	padding: 0.5em;	
}

/*frontpage*/
.view-frontpage .views-field-field-image img {
	width: 100%;	
}

/*panel-first-wrapper*/
.panel-column {
	border-top: 1px solid #eee9da;
	margin-top: 20px;
}

.panel-column:first-child {
	border-top: none;
	margin-top: 0;
}

.view-gallery .views-view-grid.cols-3 .views-col {
	width: auto;	
}

.view-gallery .views-field-field-images img {
	width: 100%;	
}

.block-newsletter {
	margin-bottom: 20px;
	margin-left: 0;	
}

/*gallery*/
.view-gallery-page .view-content {
	margin-left: 0;	
}

.view-gallery-page .views-row {
    margin: 0 10px 20px;
}

.galleryformatter .gallery-slides {
  width: auto !important;
}

.galleryformatter .gallery-thumbs {  
  width: auto !important;
}

.galleryformatter .view-full {  
  left: 40%;
  top: 32%
}

.galleryformatter .prev-slide,
.galleryformatter .next-slide {
  top: 40%; 
}

/*blog 3*/
.views-field-sharethis {
	width: 110px;	
}

.page-blog-3 .view-Blogs .views-field-title,
.page-blog-3 .view-Blogs .views-field-body,
.page-blog-3 .view-Blogs .views-field-view-node {
	padding-left: 370px;
}

/**/
/* Responsive Red menu  */
.skin-red .sf-menu.sf-style-default,
.skin-red #main-menu-wrapper ul.menu {
	background: #171717 !important;	
}

.skin-red .sf-menu.sf-style-default li, 
.skin-red .sf-menu.sf-style-default.sf-navbar,
.skin-red #main-menu-wrapper ul.menu li {
	background: none;
	border-bottom: 1px solid #0c0c0c;
	padding-left: 0;
}

.skin-red .sf-menu.sf-style-default li:hover,
.skin-red .sf-menu.sf-style-default li.sfHover,
.skin-red #main-menu-wrapper ul.menu li:hover {
  background: none;
}

.skin-red .sf-menu.sf-style-default a, 
.skin-red .sf-menu.sf-style-default a:visited,
.skin-red #main-menu-wrapper ul.menu li a,
.skin-red #main-menu-wrapper ul.menu li a:visited {
  color: #696969;
}

.skin-red .sf-menu.sf-style-default a:focus, 
.skin-red .sf-menu.sf-style-default a:hover, 
.skin-red .sf-menu.sf-style-default a:active,
.skin-red #main-menu-wrapper ul.menu li a:focus,
.skin-red #main-menu-wrapper ul.menu li a:hover,
.skin-red #main-menu-wrapper ul.menu li a:active {
  background: url(../../images/bg-menu-active-r.gif) repeat-x 0 100% #2d2d2d;
  color: #fff;
}

.skin-red .sf-menu.sf-style-default a.active,
.skin-red .sf-menu.sf-style-default li.active-trail > a.menuparent,
.skin-red #main-menu-wrapper ul.menu li a.active {
	background: #2d2d2d;
	color: #696969;
}

.skin-red .sf-menu.sf-style-default li.menuparent.sfHover > a,
.skin-red #main-menu-wrapper ul.menu li.expanded:hover > a.active,
.skin-red #main-menu-wrapper ul.menu li.expanded:hover > a {
  background: url(../../images/bg-submenu-arrow-r.png) no-repeat 35px 100% #0c0c0c;
}

.skin-red .sf-menu.sf-style-default a {
	background: none;
}

.skin-red #main-menu-wrapper ul.menu li ul.menu, .skin-red .sf-menu.sf-style-default ul {
	background: url(../../images/bg-submenu-r.gif) repeat-x 0 100% #585757 !important;
	border-top: 1px solid #595757 !important;
}

.skin-red .sf-menu.sf-style-default li li,
.skin-red #main-menu-wrapper ul.menu li ul.menu li {
	border-top: none;
	border-bottom-color: #202020;
}

.skin-red .sf-menu.sf-style-default ul li a,
.skin-red #main-menu-wrapper ul.menu li ul.menu li a {
	background: url(../../images/arrow-r.png) no-repeat 20px 15px;
}

.skin-red .sf-menu.sf-style-default li li a:hover,
.skin-red .sf-menu.sf-style-default li li a:active,
.skin-red .sf-menu.sf-style-default li li a:focus,
.skin-red #main-menu-wrapper ul.menu li ul.menu li a:hover,
.skin-red #main-menu-wrapper ul.menu li ul.menu li a:active,
.skin-red #main-menu-wrapper ul.menu li ul.menu li a:focus {
	background: url(../../images/arrow-r.png) no-repeat 20px 15px;
	color: #fff;
}

.skin-red .sf-menu.sf-style-default li li a.active {
	color: #696969;
}

.skin-red .home-button,
.skin-red .responsive-menu-button {
	color: #fff;	
}

.skin-red .home-button {
	background: url(../../images/ico-home-r.png) no-repeat 0 41%;
}

.skin-red .responsive-menu-button {
	background: url(../../images/ico-menu-r.png) no-repeat 100% 49%;
}

/* Responsive Grey menu  */
.skin-grey .sf-menu.sf-style-default,
.skin-grey #main-menu-wrapper ul.menu {
	background: #4e8e04 !important;	
}

.skin-grey .sf-menu.sf-style-default li, 
.skin-grey .sf-menu.sf-style-default.sf-navbar,
.skin-grey #main-menu-wrapper ul.menu li {
	background: none;
	border-bottom: 1px solid #69a920;
	padding-left: 0;	
}

.skin-grey .sf-menu.sf-style-default li:hover,
.skin-grey .sf-menu.sf-style-default li.sfHover,
.skin-grey #main-menu-wrapper ul.menu li:hover {
  background: none;
}

.skin-grey .sf-menu.sf-style-default a, 
.skin-grey .sf-menu.sf-style-default a:visited,
.skin-grey #main-menu-wrapper ul.menu li a,
.skin-grey #main-menu-wrapper ul.menu li a:visited {
  color: #fff;
}

.skin-grey .sf-menu.sf-style-default a:focus, 
.skin-grey .sf-menu.sf-style-default a:hover, 
.skin-grey .sf-menu.sf-style-default a:active,
.skin-grey #main-menu-wrapper ul.menu li a:focus,
.skin-grey #main-menu-wrapper ul.menu li a:hover,
.skin-grey #main-menu-wrapper ul.menu li a:active {
  background: url(../../images/bg-menu-active-g.gif) repeat-x 0 100% #a02b08;
  color: #fff;
}

.skin-grey .sf-menu.sf-style-default a.active,
.skin-grey .sf-menu.sf-style-default li.active-trail > a.menuparent,
.skin-grey #main-menu-wrapper ul.menu li a.active {
	background: #346001;
	color: #fff;
}

.skin-grey .sf-menu.sf-style-default li.menuparent.sfHover > a,
.skin-grey #main-menu-wrapper ul.menu li.expanded:hover > a.active,
.skin-grey #main-menu-wrapper ul.menu li.expanded:hover > a {
  background: url(../../images/bg-submenu-arrow-g.png) no-repeat 35px 100% #0c0c0c;
}

.skin-grey .sf-menu.sf-style-default a {
	background: none;
}

.skin-grey #main-menu-wrapper ul.menu li ul.menu, .skin-grey .sf-menu.sf-style-default ul {
	background: url(../../images/bg-submenu-g.gif) repeat-x 0 100% #4e8e04 !important;
	border-top: 1px solid #4e8e04 !important;
}

.skin-grey .sf-menu.sf-style-default li li,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li {
	border-top: none;
	border-bottom-color: #478202;
}

.skin-grey .sf-menu.sf-style-default ul li a,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li a {
	background: url(../../images/arrow-r.png) no-repeat 20px 15px;
	color: #b1d784;
}

.skin-grey .sf-menu.sf-style-default li li a:hover,
.skin-grey .sf-menu.sf-style-default li li a:active,
.skin-grey .sf-menu.sf-style-default li li a:focus,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li a:hover,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li a:active,
.skin-grey #main-menu-wrapper ul.menu li ul.menu li a:focus {
	background: url(../../images/arrow-r.png) no-repeat 20px 15px;
	color: #fff;
}

.skin-grey .sf-menu.sf-style-default li li a.active {
	color: #fff;
}

.skin-grey .home-button,
.skin-grey .responsive-menu-button {
	color: #fff;	
}

.skin-grey .home-button {
	background: url(../../images/ico-home-r.png) no-repeat 0 41%;
}

.skin-grey .responsive-menu-button {
	background: url(../../images/ico-menu-r.png) no-repeat 100% 49%;
}

.pageContentWrapper {
    background-color:#f5f5f5;
    background-size: 100% 100%;
    height:auto;   
    border-radius: 8px;
    padding:20px;
    margin-bottom:10px;
}

.pageContentWrapper h2{
	color:#141b2d;
}

.pageContentWrapper ul li a {
    font-size: 14px;
    font-family: "Verdana", "Times New Roman", serif;
    text-decoration: underline;
}

.pageContent a {
    font-family: "Verdana", "Times New Roman", serif;
    text-decoration: underline;
    font-size: 14px;
    margin-left:5px;
    text-align:left;
}

.pageContentWrapper ul li {
    font-size: 12px;
    font-family: "Verdana", "Times New Roman", serif;
    list-style: square;
    padding: 5px;
    margin-left: 0px;
}

.depts-services-wrapper {
	float:left;
	width:30%;
}


.page-title-services {
	margin-top:30px;
	float:left;
	margin-left:50px;
	font-weight:bold;
	font-size:22px;
	color:#141b2d;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:20px;
}

.page-title-depts {
	margin-top:30px;
	float:left;
	margin-left:50px;
	font-weight:bold;
	font-size:22px;
	color:#141b2d;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:20px;
}

.services {
	margin-left:3px;
	clear:both;
}

.departments {
	margin-left:50px;
	clear:both;
}

.general-info {
	float:left;
	width:35%;
}

#general-info-firstChild
{
	margin-left:0px;
}

.map-container {
	float:left;
	position:relative;
	display: inline-block;
    	width:350px;
    	height:200px;
	margin: 0px 70px 220px 20px;
    	color:#f5f5f5;
	text-align:center;
	font-size:18px;
}

.map-img1 {
	margin-bottom:40px;
	float:left;
	width:320px;
	height:200px;
	z-index: 99;
}

.map-img2 {
	width:90px;
	height:105px;
	z-index: 100;
	position: absolute;
	bottom: 0px;
    	right: 80px;
}

.map-info {
	float:left;
     	width:300px;
     	height:200px;
     	margin-left: 10px;
     	color:#f5f5f5;
	text-align:center;
	font-size:20px;
}

.map-text-overlay {
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #46647A;
}

.career-description {
	width: 115px;
	overflow-wrap: break-word;

}

.view-careers .views-view-grid .views-row .grid {	
	height:170px;
	width:145px;
	text-align: center;
    	color: #141b2d;
	background-color:#f5f5f5;
	border-radius:8px;
	margin-left:24px;
	margin-bottom:20px;
	padding:20px;
	font-family: "Verdana", "Times New Roman", times, serif;
}

.view-careers .views-view-grid .views-row .grid .views-field-field-job-description- .field-content .file{
	width:20px;

}

.view--news-events .views-col, .view-view-latest-news .views-col, .view-court-announcements .views-col {
	background-color:#f5f5f5;
	border-radius:8px;
	margin:0px 15px 25px 0px;
	height:290px;
	width:190px;
}

.view--news-events .views-field-title, .view-view-latest-news .views-field-title, .view-court-announcements .views-field-title{
	text-align:center;
}

.view--news-events .views-field-title a, .view-view-latest-news .views-field-title a, .view-court-announcements .views-field-title a{
	color:#46647A;
	font-size:14px;
	text-decoration:underline;
	margin-bottom:15px;
	padding-left:5px;
}

.view-view-latest-news .view-page-latest-news .views-row {
	float: left;
	margin: 0 0 50px 10px;	
	width: 270px;
	height: 305px;
	background-color:#f5f5f5;
	background: -webkit-linear-gradient(#f5f5f5, #efefef);
	background: -moz-linear-gradient(#f5f5f5, #efefef);
	background: linear-gradient(to bottom, #f5f5f5, #efefef);
    	color: #141b2d;
	border-radius:8px;
	box-shadow: -3px -3px 10px #46647A;
}

.view-court-announcements .view-page-court-announcements .views-row {
	float: left;
	margin: 0 0 50px 10px;	
	width: 270px;
	height: 305px;
	background-color:#f5f5f5;
	background: -webkit-linear-gradient(#f5f5f5, #efefef);
	background: -moz-linear-gradient(#f5f5f5, #efefef);
	background: linear-gradient(to bottom, #f5f5f5, #efefef);
    	color: #141b2d;
	border-radius:8px;
	box-shadow: -3px -3px 10px #46647A;
}

.proSeDocs
{
	width:40%;
	float:left;
	margin:20px 0 0 10px;
}

.court_hours {
	width:300px;
	float:left;
}

.divider {
	padding-top:20px;
	margin:0 auto;
	border-top: 1px solid #ccc;
	width:250px;
}

.professionalism_panel {
	float:left;
	width:100px;
}

.professionalism_panel_info {
	float:left;
	width:240px;
}

.legal_resources {
	clear:both;
	float:left;
	width:200px;
}

.legal_resources_counties {
	width:250px;
	margin:0 auto;
}

.table_data {
	text-align:center;
	font-size:12px;
	color:#141b2d;
	padding:10px;
}

.left-column-ul {
margin: 0px 0px 10px 0px;
}

.page_title{
	font-weight:bold;
	font-size:18px;
	color:#141b2d;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:20px;
}

.page_title_right_column {
	font-weight:bold;
	font-size:18px;
	color:#141b2d;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:20px;
	margin-left:10px;
}

.content_panel_left{
	width:45%;
	float:left;
	margin:0 0 0 0px;
}

.content_panel{
	width:55%;
	float:left;
	margin:0 0 0 5px;
}

.descrip_ecr {
    width: 600px;
    padding: 0px 0px 15px 15px;
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    font-family: "Verdana", "Times New Roman", serif;
}

.mediation_buttons1 {
	float:left;
	width:250px;
	height:50px;
	background-color:#46647A;
	border-radius:10px;
	padding: 20px 10px 10px 10px;
	text-align:center;
	margin:50px 0 30px 20px;
}

.mediation_buttons2 {
	float:left;
	width:250px;
	height:50px;
	background-color:#46647A;
	border-radius:10px;
	padding: 20px 10px 10px 10px;
	text-align:center;
	margin:50px 0 30px 20px;
}

.mediation_right_column {
	width:40%;
	float:left;
}

.mediation_right_column p {
	overflow-wrap: break-word;
}

.mediation_right_column ul {
	margin: 0px 0px 10px 60px;
}

.left_column {
	width:80%;
	float:left;
}

.view-careers .views-view-grid .views-row .grid h2 {
    text-align: center;
    color: #141b2d;
    font-weight: bold;
    font-size: 14px;
    font-family: "Verdana", "Times New Roman", times, serif;
    overflow-wrap: break-word;
}

.psc_broucher_left_column {
	float:left;
	width:100%;
	margin-bottom:20px;
}

.case_management_right_column {
	width:80%;
	float:left;
	margin: 30px 0 0 10px;
}

.psc_broucher_right_column {
	float:left;
	width:100%;
	margin-bottom:20px;
}

.psc_broucher_left_column ul, .psc_broucher_right_column ul {
	margin-left:5px;
}

.proSeDocs
{
	width:40%;
	float:left;
	margin:20px 0 0 10%;
}

.proSeDocs_left_column
{
	width:40%;
	float:left;
	margin:20px 0 0 5px;
}

.proSeDocs ul, .proSeDocs_left_column ul {
	margin-left:5px;
}

.court_interpreters_right_column {
	width:50%;
	float:left;
	margin-left:0px;
}

.court_interpreter_languages {
	width:400px;
	float:left;
	margin-left:0px;
}

.court_interpreter_languages h3 {
	width:300px;
	text-align:center;
}

.court_interpreter_languages_list {
	float:left;
	width:150px;
}

.court_interpreter_languages_list ul {
	margin-left:0px;
}

.court_interpreter_other_links {
	width:300px;
	float:left;
}

.administrative_divisions {
    vertical-align: top;
    width: 280px;
    height: 180px;
    display: inline-block;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(#f5f5f5, #efefef);
    background: -moz-linear-gradient(#f5f5f5, #efefef);
    background: linear-gradient(to bottom, #f5f5f5, #efefef);
    border-radius: 8px;
    margin-bottom: 20px;
    font-family: "Verdana", "Times New Roman", times, serif;
    text-decoration: underline;
    margin-left:0px;
}

.ds-2col {
	display: block;	
}

.ds-2col > .group-left {
  width: 100%;
  height: auto;
  padding:10px 10px 20px 0;
  background-color:#f5f5f5;
  border-radius: 8px 8px 0px 0px;
}

.ds-2col > .group-right {
  width: 100%;
  height: auto;
  padding:0 10px 20px 0px;
  background-color:#f5f5f5;
  border-radius: 0px 0px 8px 8px;
}

.ds-2col img {
	clear:both;
	margin: 10px 20px 20px 10px;
	float:left;
	width:214px;
	height:290px;
}

.ds-2col .group-left .field-name-field-assignment,
.ds-2col .group-left .field-name-field-judge-ja, 
.ds-2col .group-left .field-name-field-judge-phone, 
.ds-2col .group-left .field-name-field-fax, 
.ds-2col .group-left .field-name-field-address,
.ds-2col .group-left .field-name-field-notes,
.ds-2col .group-left .field-name-field-magistrate-or-hearing-offi,
.ds-2col .group-left .field-name-field-assistant,
.ds-2col .group-left .field-name-field-phone,
.ds-2col .group-left .field-name-field-magistrate-ho-fax,
.ds-2col .group-left .field-name-field-magistrate-ho-assignment,
.ds-2col .group-left .field-name-field-magistrate-ho-address {
	margin-top:20px;
	float:left;
	font-size:12px;
	font-family: 'Verdana', 'Times New Roman', serif;
	padding: 3px 0 0 40px;
	color: #141b2d;
	text-align:left;
	width:290px;
}

.ds-2col .group-left .field-name-field-type {
	margin-top:10px;
	font-size:18px;
	float:left;
	font-weight:bold;
	font-family: "Times New Roman", serif;
	padding: 3px 0 0 40px;
	color: #141b2d;
	background-size: 30px 30px;
}


.ds-2col .group-left .field-name-field-job-type {
	margin-top:10px;
	font-size:12px;
	float:left;
	font-weight:bold;
	font-family: 'Verdana', 'Times New Roman', serif;
	padding: 3px 0 0 40px;
	color: #141b2d;
	background: url(../images/gavel.png) no-repeat 0 0;
	background-size: 30px 30px;
}

.ds-2col .group-left .field-name-field-assignment,
.ds-2col .group-left .field-name-field-magistrate-ho-assignment {
	background-size: 30px 30px;
}

.ds-2col .group-left .field-name-field-judge-ja,
.ds-2col .group-left .field-name-field-assistant {
	background-size: 30px 30px;
}

.ds-2col .group-left .field-name-field-ja-email {
	float:left;
	font-size:12px;
	font-family: 'Verdana', 'Times New Roman', serif;
	padding: 3px 0 0 40px;
	color: #141b2d;
	text-align:left;
	width:290px;
}

.ds-2col .group-left .field-name-field-judge-phone,
.ds-2col .group-left .field-name-field-phone {
	background-size: 30px 30px;
}

.ds-2col .group-left .field-name-field-fax,
.ds-2col .group-left .field-name-field-magistrate-ho-fax {
	background-size: 30px 30px;
}

.ds-2col .group-left .field-name-field-address,
.ds-2col .group-left .field-name-field-magistrate-ho-address {
	background-size: 30px 30px;
}

.ds-2col .group-left .field-name-field-address-city-and-state {
	float:left;
	font-size:12px;
	font-family: 'Verdana', 'Times New Roman', serif;
	color: #141b2d;
	margin-left:93px;
	padding-left: 20px;
}

.ds-2col .group-left .field-name-field-judge-documents {
	border-top: 1px solid #46647A;	
	margin-left:50px;
	margin-top:20px;
	float:left;
	font-size:12px;
	font-family: 'Verdana', 'Times New Roman', serif;
	padding: 3px 0 0 40px;
	color: #e7ddc6;
	text-align:left;
	width:450px;
}

.ds-2col .group-left .field-name-field-judge-documents .field-label {
	color: #141b2d;
	width:200px;
}

.ds-2col .group-left .field-name-field-judge-documents .file-icon{
	width:5px;
	height:5px;
}

.ds-2col .group-left .field-name-field-judge-documents .field-item {
	padding-top: 10px;
	float:left;
}

.ds-2col .group-left .field-name-field-judge-documents .field-item a {
	color:#141b2d;
	background-color:transparent;
    text-decoration:underline;	
	width:390px;
	float:left;
}

.ds-2col .group-left .field-name-field-calendar {
	margin-left:50px;
	margin-top:20px;
	float:left;
	font-size:12px;
	font-family: 'Verdana', 'Times New Roman', serif;
	padding: 3px 0 0 40px;
	color: #141b2d;
	text-align:left;
}

.ds-2col .group-left .field-name-field-calendar .field-label {
	color:#141b2d;
}

.ds-2col .group-left .field-name-field-calendar .field-item a {
	color:#46647A;
	background-color:transparent;	
}

.ds-2col .group-left .field-name-field-calendar .field-item a:hover {
	color:#46647A;
	font-size: 18px;
	text-decoration:underline;
	background-color:transparent;	
}

.ds-2col .group-left .field-name-field-notes {
	text-align:justify;
	margin-top:20px;
}

.ds-2col .group-left .field-name-title {
	float:left;
	width:260px;
	font-size:18px;
    color:#141b2d;
	text-align:center;
	margin: 14px 0px 25px 0px;
    font-weight:bold;
    line-height:35px;
}


.judgeBioTitles {
    font-size: 14px;
    color: #141b2d;
    text-align: left;
    margin: 10px 20px 0px 40px;
    font-weight: bold;
    line-height: 35px;
}

.judgeBio {
    float: left;
    width: 300px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    margin: 0 0 20px 10px;
    font-family: "Verdana", 'Times New Roman', serif;
}

.site_map_column_one_div {
	float:left;
	width:100%;	
}

.site_map_column_two_div {
	float:left;
	width:100%;
	margin-left:10px;	
}

.site_map_column_three_div {
	float:left;
	width:100%;	
}

.site_map_column_one {
	float:left;
	margin-bottom:20px;
	margin-left:10px;
}

.site_map_column_two {
	float:left;
	margin-bottom:20px;	
}

.site_map_column_three {
	float:left;
	margin-bottom:20px;	
}