/* ============================================================

320 and Up by Andy Clarke
Version: 3.0
URL: http://stuffandnonsense.co.uk/projects/320andup/
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0

============================================================ */
/* Reset =================================================== */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Variables =================================================== */
/* Mixins =================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* Page =================================================== */
html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background:#f5f5f5 url('img/top_shadow.jpg') repeat-x;

}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  color: #000000;

}
/* Typography =================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small {
  font-weight: normal;
  color: #bfbfbf;
}
h1,
.h1 {
  margin-bottom: 0.75em;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.2;
}
h2,
.h2 {
  margin-bottom: 0.75em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
}
h3,
.h3 {
  margin-bottom: 1em;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.3;
}
h4,
.h4 {
  margin-bottom: 1.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
}
h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}
h6,
.h6 {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.header h1,
.header h2,
.header h3 {
  float: left;
  margin-right: 24px;
}
.header h1 a,
.header h2 a,
.header h3 a {
  display: block;
  position: relative;
  top: 6px;
  float: right;
  padding: 4px 12px;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #f3f5f6;
}
.header h1:hover,
.header h2:hover,
.header h3:hover {
  background-color: #f3f5f6;
}
.header .a-rss,
.header .a-rss:hover {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  background: transparent url(../img/a-rss.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
small {
  font-size: 14px;
  font-size: 1.4rem;
}
ul,
ol {
  margin: 0 0 1.5em -16px;
  padding: 0 0 0 24px;
}
li ul,
li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
 /* original file setting... font-size: 1.6rem; */
}
blockquote {
  margin: 0 0 1.5em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-family: Cambria, Georgia, Times, "Times New Roman";
  font-style: normal;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl,
dd {
  margin-bottom: 1.5em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
ins {
  background-color: #f3f5f6;
  color: #000000;
  text-decoration: none;
}
mark {
  background-color: #f3f5f6;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: Monaco, Courier New, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Colour =================================================== */
a {
  text-decoration: none;
/*   color: #013568;*/
   color: #2953A6;
}
a:visited {
/*  color: #000203;*/
    color: #557391;
}
a:hover {
  text-decoration: underline;
  color: #990033;
 
}
a:focus {
  outline: thin dotted;
  color: #000000;
}
a:hover,
a:active {
  outline: 0;
}
::-moz-selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
::selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
.swatch {
  margin: 0 0 1.5em 0;
  padding: 0;
}
.swatch-row {
  display: block;
  margin: 0;
  padding: 0;
  width: 200px;
}
.swatch-row-one {
  background-color: #000000;
}
.swatch-row-two {
  background-color: #ffffff;
}
.swatch-row span {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
}

/* Texture =================================================== */

/* Elements =================================================== */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #c7ced6;
  border-bottom: 1px solid #ffffff;
}
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin-bottom: 1.5em;
}
figure img {
  margin-bottom: 0.375em;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #808080;
}
.list-bordered {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.list-bordered li {
  margin-bottom: 0.375em;
  padding-bottom: 0.375em;
  border-bottom: 1px dashed #c7ced6;
}
.list-bordered li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}
/* Forms =================================================== */
/*  This is commented because DNN wraps everything in a form.
form {
  margin: 0 0 0.5em 0;
}
form fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 3em;
  *margin-left: -7px;
  padding: 0;
  color: #000000;
  border: 0;
  border-bottom: 1px solid #8c9bab;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #bfbfbf;
}
form p {
  margin-bottom: 0.75em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
form br {
  display: none;
}*/
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  display: block;
  margin-bottom: 0.1875em;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
}
label input,
label textarea,
label select {
  display: block;
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 4px;
  margin-bottom: 0.375em;
  background-color: #ffffff;
  border: 1px solid #8c9bab;
  color: #000000;
}
input:hover,
textarea:hover,
select:hover {
  border-color: #586879;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}
select,
input[type="file"] {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px;
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  overflow: auto;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #2d353e, 40%;
  outline: 0;
  outline: thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
.help-block,
.help-inline {
  color: #808080;
}
.help-block {
  display: block;
  margin-bottom: 0.75em;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  margin-bottom: 0;
}
.form-inline label {
  display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
.form-search input,
.form-search textarea,
.form-search select {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search label {
  display: inline-block;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}

/* Tables =================================================== */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
table th,
table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #8c9bab;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
  text-align: left;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #8c9bab;
}
table tbody tr td,
table tbody tr th {
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
table tbody tr:hover td,
table tbody tr:hover th {
  background-color: #a9b4c1;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #8c9bab;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #8c9bab;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #c7ced6;
}
@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  @page  {
    margin: 0.5cm;
  }
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #808080;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
}   

#wrapper-main {
	margin:2%;
}

#banner {
	clear:both;
	display:block;
}                 

/* Header =================================================== */   
         

header h1 a {
	background: transparent url("img/montana_judical_branch_logo_320.png") no-repeat; display:block; text-indent:-9999px; width:300px; height:47px; padding:0; 
} 

header h1 {margin:10px 0;}

/* Search =================================================== */ 
         

#search input[type="text"] {
	width:74%;
}
    
#search input[type="submit"] {
	width:24%;
}


/* Main Navigation =================================================== */

[role='navigation'] {
	margin: 0 auto;
	width: 100%;
	padding:0;		
}
.flexNav-touch [role='navigation'],
.flexNav-no-touch [role='navigation'] {	
	display: none;
}
.menu-button {
	display: block;
	padding: 0.3em;
	background: #e8e8e8;
	text-align:center;
	color: #466496;
	background-repeat: no-repeat;
	background-position: 93% 18px;
	cursor: pointer;
	border-bottom:3px solid #adadad;
	font-family: 'Tienne', serif;
	font-weight: 400;
	text-transform:uppercase;
	font-size:12px;
}
[role='navigation']:after { /* clearfix */
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

[role='navigation'] li {
	position: relative;
	list-style: none;
	display: block;	
	background-color: #363636;	
	width: 100%;		
}

[role='navigation'] li.item-with-ul {	
	background-color: #466ea0;
	border-bottom:#aaa 1px solid;	

}
 

[role='navigation'] li.item-with-ul li {	
	background-color: #ddd!important;	

}

[role='navigation'] li a {
	margin-right: 20%;
	display: block;
	font-family: 'Tienne', serif;
	font-weight: normal;
	color: #fff;
				
}

[role='navigation'] li a.link-with-ul {
}

.top-level {
	border-bottom:#aaa solid 1px;
}

[role='navigation'] .top-level a {
	position: relative;
	display: block;
	background-color: #ccc;
	padding: 0.5em;
	color:#fff;
	z-index: 100;
	background:#363636;
}
[role='navigation'] li ul {
	width: 98%; 
	padding:0 0 0 2%;
	position: relative;

}
[role='navigation'] li ul li {
	float: none;
	width: 100%;			
}

[role='navigation'] li ul li a {
	display: block;
	background-color: #cacaca!important;
	font-size:13px;
	color:#000!important;
}

[role='navigation'] .item-with-ul {
	background-image: url('img/menu.png');
	background-repeat: no-repeat;
	background-position: 93% 10px;
}
.sub-menu {
	display: none;
	padding:0;
	margin:0;
}

.sub-menu li {
	border-top:1px #466ea0 solid;
}

.sub-menu li:first-child {
	border:none;
}

.sub-menu.open {
	display: block;
} 

.quicklinks {
	padding:5px 0; 
	background-image:none!important;
	font-family: 'Tienne', serif;
	color:#fff;
	font-weight:normal;
	font-size:13px;
}

.quicklinks li a, .sub-menu a {
	margin-right:0 !important;
}

.quicklinks span {
	cursor:pointer;
	display:block;
	text-align:center;
}

.quicklinks ul {
	padding:1%!important;
}

#quicklinks {
	display:none;
} 

.list-panel h4 {
	background:#466ea0;
	margin:2% 1% 0 1%;
	padding:2%;
	display:inline-block;
	overflow:hidden;
	width:94%;
	font-size:14px;
}               

/* Hero =================================================== */ 

#pager a {background:#ccc; width:24.47%; display:inline-block; text-align:center; border:1px solid #fff;} 

#pager a.activeSlide {background:#aaa;}

#hero {background:#ccc;}

.intro-container {padding:2%;}

#hero img {display:none;}

#hero {overflow:hidden;}

#hero, #pager {display:none;}

#main-content {margin-top:20px; position:relative;} 

/* six pack =================================================== */

#information_for {
	background:#ffd45f; 
	padding:2%;
	-moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.50);
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.50);
	}

#information_for h3 {
	padding:2%; margin:0; color: #466496; text-shadow: 0px 1px 2px rgba(254, 255, 254, 0.6); font-family: 'Tienne', serif;
	font-weight: 700;
}

#information_for li {
	width:50%;
	float:left;
	list-style:none;
	text-align:center;
}

#information_for li a {
	padding:10% 0; display:block;
	font-family: 'Tienne', serif;
	font-weight: 400;
   	/* Rectangle 19: */
   	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #B6B6B6;
	border: 2px solid #FFFFFF;
	-moz-box-shadow:    inset 0px 2px 6px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0px 2px 6px rgba(0,0,0,0.50);
	box-shadow:         inset 0px 2px 6px rgba(0,0,0,0.50);
}

#information_for li a:hover {
	background: #c6c6c6;
}

#information_for ul {
	overflow:hidden; margin-bottom:0;
}

/* Link Panel =================================================== */


#link-panel {
	background:#b6b6b6;
	border:5px solid #cacaca;
	padding:3%;
	margin-top:20px;
	background-image: -o-linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
	background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
	background-image: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
	background-image: -ms-linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
	background-image: linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
}

#link-panel li {
	list-style:none;
	margin:1% 0;
	background: url('img/list_triangle.png') no-repeat left 3px;
	padding:1% 1% 5% 5%;
}

#link-panel h3 {
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
	color:#fff;
   	padding:1%;
	font-family: 'Tienne', serif;
	font-weight: 700;
}         

/* category page =================================================== */ 

#category-header {background:#466496;}

#category-header p {
	padding:1%;
	color:#cacaca;
}

#category-header p span {
	color:#fff;
}

#category-header h2 {
	font-family: 'Tienne', serif;
	font-weight: 400;
	font-size:18px;
	background:#ddd;
	padding:1%;
	color:#466496;
}  

.panel {
	background:#6c6d6c;
	margin-bottom:10px;
	border:6px solid #cacaca;
	overflow:hidden;
}

.panel:first-child {
	margin-top:20px;
}

.panel h3 {
	font-family: 'Tienne', serif;
	font-weight: 400;
	text-align:center;
	background:#535353;
	font-size:18px;
	margin:0;
	padding:2%;
	color:#fff;
}

.panel p {
	padding:2%;
	color:#fff;
	margin:0;
}

.panel img {
	float:left;
}

/* Added by Kevin =================================================== */


.panel-dctemp2 {
	background:#E7E7E7;
	margin-bottom:10px;
	border:6px solid #B5B5B5;
	overflow:hidden;
}

.panel-dctemp2:first-child {
	margin-top:20px;
}

.panel-dctemp2 h3 {
	font-family: 'Tienne', serif;
	font-weight: 400;
	text-align:center;
	background:#38424E;
	font-size:18px;
	margin:0;
	padding:2%;
	color:#fff;
}

.panel-dctemp2 p {
	padding:2%;
	color:#fff;
	margin:0;
}

.panel-dctemp2 img {
	float:left;
}




/* Added by Kevin =================================================== */


.panel-dctemp3 {
	background:#E7E7E7;
	margin-bottom:10px;
	border:6px solid #B5B5B5;
	overflow:hidden;
}

.panel-dctemp3:first-child {
	margin-top:20px;
}

.panel-dctemp3 h3 {
	font-family: 'Tienne', serif;
	font-weight: 400;
	text-align:center;
	background:#38424E;
	font-size:18px;
	margin:0;
	padding:2%;
	color:#fff;
}

.panel-dctemp3 p {
	padding:2%;
	color:#fff;
	margin:0;
}

.panel-dctemp3 img {
	float:left;
}






/* article page =================================================== */

#banner-article {
	background:#e8e8e8;
	display:block;
	padding:2%;
	font-size:14px;
	color: #466496;
	text-shadow: 0px 1px 2px rgba(254, 255, 254, 0.6);
}      

#main-content h1 {
	padding:0;
	margin:20px 0;
	line-height:1;
	color: #336097;
	font-family: 'Tienne', serif;
	font-weight: 400;
	font-size:21px;
}

/* sidebar =================================================== */ 
       
.side-panel {
	background:#535353;
	border:6px #cacaca solid;
	margin-bottom:20px;
}

.side-panel h3 {
	font-family: 'Tienne', serif;
	background:#466496 url('img/bg_header_sidebar.png') repeat-x;
	padding:2% 5%;
	color:#fff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
	font-weight:normal;
}

.side-panel ul {
	margin-left:10px;
	padding: 0 10px;
}

.side-panel ul li {
	background: url('img/list_triangle.png') no-repeat;
	list-style:none;
	padding:0 0 5px 15px;
}

.side-panel ul a {
	color:#fff;
		font-weight: 300;
}

/* Footer =================================================== */ 

#footer-nav {
	overflow:hidden;
	background:#336097;
	padding:0;
	margin:0;
	clear:both;
}

#footer-nav li {
	float:left;
	width:20%;
	list-style:none;
}

#footer-nav li a {
	display:block;
	text-align:center;
	color:#ccc;
	padding:3px;
	text-align:center;
}  

#breadcrumbs {
	display:none;
}

#sec-footer {
	margin-bottom:20px;
	overflow:hidden;
}

#sec-footer ul {
	float:left;
	padding:0 0 0 20px;
	margin:0 0 0 20px;
	list-style:none;
	border-left: 1px solid #336097;
}                    

#sec-footer ul:first-child {
	border:none;
	padding:0;
	margin:0;
}

#social a {width:32px; height:32px; margin:10px 10px 0 0; display:block; text-indent:-9999px;}

#social #twitter a {background: url('img/twitter.png') no-repeat;}

#social #facebook a {background: url('img/facebook.png') no-repeat;}


@media only screen and (min-width: 480px) {
  /* 480 =================================================== */ 

/* category page =================================================== */ 

	.panel img {
		margin-right:2%;
	}
	
	.panel-dctemp2 img {
		margin-right:2%;
	}
	
	.panel-dctemp3 img {
		margin-right:2%;
	}


}
@media only screen and (min-width: 600px) {
  /* 600 =================================================== */
}
@media only screen and (min-width: 768px) {
  /* 768 =================================================== */ 
    
	header h1 a {
		background: transparent url('img/montana_judical_branch_logo.png') no-repeat; width:300px; height:100px; padding:0; 
	}

	/* Search =================================================== */ 
    
	#search {
		width:50%;
		float:right;
	}
	
	/* Hero =================================================== */ 

	#pager a {
		background:#363636; width:100px; color:#fff; font-size:12px; display:inline; float:left; text-align:center; border:none; margin-bottom:3px;	
	}
	
	#pager {display:inline-block; width:100px; position:absolute; left:84%; margin-top:18px; z-index:100;}

	#pager a.activeSlide {background:#ffd25b;}

	.intro-container {padding:2%;}

	#hero img {
		display:inline;
	}
    
	#hero {height:450px; background:#336097; margin-bottom:20px;}

	#hero {display:block;}
    
	.intro-content {
		padding:10px;
		margin-top:10px;
		background:#2d507c;
		color:#B2B2B2;
	}

	.intro-content h2 {
		/* From the Courts: : */

		color: #B2B2B2;
        font-family: 'Tienne', serif;
		font-weight: 400;
		text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
	}
	
	#information_for ul {
		overflow:hidden; 
		margin-bottom:0; 
		float:right;
		width:70%;
	}
	
	#information_for {
		overflow:hidden;
	} 
	
	#information_for li {
		width:30%;
		margin:1%;
	}
	
	#information_for h3 {
		float:left;
	}
    
	#link-panel {
		background:none;
		border:none;
		padding:0;
	}

    #link-panel div {
	   	background:#b6b6b6;
		border:5px solid #cacaca;
		padding:2%;
		margin-top:0px;
		width:50%;
		float:left;
		background-image: -o-linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
		background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
		background-image: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
		background-image: -ms-linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
		background-image: linear-gradient(-90deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0.50) 34%);
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;
	}

	#link-panel li {
		list-style:none;
		margin:1% 0;
		background: url('img/list_triangle.png') no-repeat left 3px;
		padding:1% 1% 5% 5%;
	} 
	
	#link-panel ul {
		padding-top:0px;
	}

	#link-panel ul:first-child {
		padding-top:65px;
	}

	#link-panel h3 {
		text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
		color:#fff;
	   	padding:1%;
		font-family: 'Tienne', serif;
		font-weight: 700;
	} 
	
	/* category page =================================================== */    
    
	.panel {
		background:#6c6d6c;
		margin:10px;
		border:6px solid #cacaca;
		overflow:hidden; 
		width:40%;
		float:left;
	}

	.panel:first-child {
		margin-top:10px;
	}
	
	/* added by Kevin =================================================== */    
	
	
		.panel-dctemp2 {
		background:#E7E7E7;;
		margin:10px;
		border:6px solid #B5B5B5;
		overflow:hidden; 
		width:40%;
		float:left;
	}

	.panel-dctemp2:first-child {
		margin-top:10px;
	}
	
	
	
		/* added by Kevin =================================================== */    
	
	
		.panel-dctemp3 {
		background:#E7E7E7;
		margin:10px;
		border:6px solid #B5B5B5;
		overflow:hidden; 
		width:40%;
		float:left;
	}

	.panel-dctemp3:first-child {
		margin-top:10px;
	}
	
	
	
    
	#footer-nav a {color:#CACACA; font-size:12px; text-transform:uppercase; margin:4px; display:inline-block;} 

}
@media only screen and (min-width: 992px) {
  /* 992 =================================================== */  
   

   /* NAVIGATION =================================================== */
	.flexNav-touch [role='navigation'],
	.flexNav-no-touch [role='navigation'] {
		display: block;	
	}
	.menu-button {
		display: none;
	}
	[role="navigation"] .top-level > a    {
	margin:0;
	}                   
	
	[role='navigation'] li ul {
		padding:0;
	}

	[role='navigation'] li {
		position: relative;
		list-style: none;
		float: left;
		display: block;	
		background-color: #ccc;	
		width: 20%;		
	}
	
	.flexNav-no-touch .item-with-ul:hover > ul { 
		opacity: 1;
		top: 30px;	
		position: absolute;
		z-index:999;	
	}	
	[role='navigation'] li a {
		border-left: 1px solid #cacaca;
		border-bottom: none;		
	}
	
	.flexNav-no-touch [role='navigation'] li > ul {
		position: absolute; 
		top: auto;
		left: 0;
		opacity: 0;
		visibility: hidden;
		height: 1px;
		z-index: 999;
	}         
  
	.flexNav-touch [role='navigation'] li ul.sub-menu {
		position: absolute; 
		top: auto;
		left: 0;  
		display: none;
		z-index: 999;
	}	

	.flexNav-no-touch .item-with-ul:hover > ul	 { 
		visibility: visible;
		opacity: 1;
		height: auto;
		display: block;	
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;		
	} 
	
 	[role="navigation"] li.item-with-ul {
	background-color:transparent;
	}
 
	[role='navigation'] li ul li a {
		display: block;
		text-align:left;
		background-color: #363b40!important;
		font-size:12px;
		width:100%; 
		color:#fff!important;
	} 
	
	/* make the super menu pretty =================================================== */    
	
	.quicklinks {
		background-color:#5176aa!important;
	}
	
    .flexNav-no-touch [role='navigation'] .quicklinks li ul {
		opacity: 1;
		z-index: 999;
	} 
                   
	[role="navigation"] li.item-with-ul li {
		background:none!important;
	}

	.quicklinks .sub-menu {
        margin:0 0 0 -860px;
		width:996px;
	}

	.quicklinks .sub-menu > li {
		float:right;
		width:25%;
	}
   
	.quicklinks .sub-menu li li a {
		padding: 5px 0 5px 2%;
		width:98%;
		border: none;
		margin: 0; 
		text-transform:none;
		color:#EFA636!important;
	}

	aside {width: 350px; float:right; margin-top:-43px;}

	aside div:first-child {margin-bottom:10px;}


	/*  #article-sidebar article {float:left; width:550px;} original changed by Kevin */

	#article-sidebar article {float:left; width:63%;}
	
	#main-content h1 {font-size:24px;}
	
	/*  #main-content article {padding:0px 20px;}  */
	
	.header-image {margin-top:-15px;}
     
	#banner-article {
		background: rgba(232, 232, 232,0.8);
		display:block;
		padding:1% 2%;
		font-size:14px;
		color: #466496;
		position:relative;
		top:-70px;
		font-family: 'Tienne', serif;
		font-weight: 700;
		font-size:24px;
		text-shadow: 0px 1px 2px rgba(254, 255, 254, 0.6);
	}
	
	#category-header h2 {
		font-family: 'Tienne', serif;
		font-weight: 400;
		font-size:24px;
		}
		
	#category-header p {background:#336097; padding:10px 25px; color:#cacaca; font-size:14px; margin:-3px 0 0px 0; margin-bottom:30px;}

	#category-header p span {font-weight:bold; color:#fff;}
	
	.panel {width:306px; overflow:hidden; float:left; margin:0 0 20px 20px;}

	.panel.first {margin:0;}
	
	/* Panel-dctemp added by Kevin =================================================== */
	.panel-dctemp2 {width:48%; overflow:hidden; float:left; margin:0 0 20px 15px;}
	.panel-dctemp2.first {margin:0;}
	
		/* Panel-dctemp3 added by Kevin =================================================== */
	.panel-dctemp3 {width:31%; overflow:hidden; float:left; margin:0 0 20px 15px;}
	.panel-dctemp3.first {margin:0;}

	
	#category-panels {padding-top:10px;}

    /* END NAVIGATION =================================================== */
    

	/* SEARCH =================================================== */ 

    #search input {background:none; border:none; float:left;}          
   
	#search {width:25%; float:right; padding:1px 0 0 1px; margin-top:10px; /* Rectangle 19 copy: */
    
	border-radius: 8px;

	background: rgba(183,183,181,0.10);

	-moz-box-shadow:    0px 0px 4px rgba(0,0,0,0.33);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.33);
	box-shadow:         0px 0px 4px rgba(0,0,0,0.33);

	-moz-box-shadow:    inset 0px 2px 6px rgba(0,0,0,0.26);
	-webkit-box-shadow: inset 0px 2px 6px rgba(0,0,0,0.26);
	box-shadow:         inset 0px 2px 6px rgba(0,0,0,0.26);
	}
	
   #search input[type="submit"] {background: url('img/search_button.png') no-repeat left 5px; width:15%; height:20px; text-indent:-9999px;} 
        
   header {margin-top:20px;}

   #wrapper-main {width:1000px; margin:0 auto;}
	
   #wrapper-nav {   
	margin-top:-30px;
	height:30px;
	border-bottom:3px solid #cacaca;
	}
	
	[role='navigation'] {
		width:70%;
		float:right;
		position:relative;
		z-index:999!important;
	}
	
	.top-level{
		text-align:center;
	}
	                   
	[role='navigation'] li {
		background:transparent;
	}
	
	[role='navigation'] .top-level a {
		background:transparent;
		color:#466ea0;
		padding:5px;
	} 
	
	[role='navigation'] li a {
		font-weight:bold;
		text-transform:uppercase;
	}   
	
	[role='navigation'] li:first-child a {
		border-left:none;
	}
	
	[role='navigation'] li ul li {
		border:none;
	}
	
	[role='navigation'] li ul li a{
		border-left:none;
	}
	
	[role='navigation'] .item-with-ul {
		background-image: url('img/menu_desk.png');
	}  
	
	.sub-menu {
		background: rgba(56, 56, 56, 0.90)!important;
	}
	/* Hero =================================================== */ 

	#hero {height:300px; background:#336097;width:1000px; margin-top:-70px; z-index:1; position:relative;}
	
	#pager {width:200px; position:relative; top:220px; left:700px;}

	#pager a {text-indent:-9999px; float:right; position:relative; display:block; margin:10px 10px 10px 2px; width:18px; height:11px; background: #736E68; -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.50); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.50); box-shadow: 0px 1px 3px rgba(0,0,0,0.50);}

	#pager .activeSlide {background:#C5BBB0;}
		
    .intro-content {position:relative; top:-250px; left:690px; background:none; width:250px;}
	
	.intro-container {padding:0;}
	
	/* Six Pack =================================================== */ 
	
	#information_for {
		background: #FEE999 url('img/banner.jpg') repeat-x bottom left;
		margin:0;
	} 
	
	#information_for h3 { font-size:28px;}
	
	#information_for li a {
		padding:5% 10% 0; display:block;
	   	
	}
    #link-panel {
	margin-top:10px;
	}

	#link-panel li {
		list-style:none;
		margin:1% 0;
		background: url('img/list_triangle.png') no-repeat left 3px;
		padding:1% 1% 2% 5%;
	}

	#link-panel h3 {
		font-size:24px;
	}
	 
	/* Breadcrumbs =================================================== */ 
	
	#breadcrumbs {display:inline-block; overflow:hidden; padding:0px 20px; position:absolute; margin-top:-20px; left:0;}

	#breadcrumbs li {float:left; font-size:11px;  color:#898989; text-transform:uppercase; list-style:none;}

	#breadcrumbs li a {color:#898989; padding-right:5px;}

	#breadcrumbs li a:after {content:" > ";}
	
	/* footer =================================================== */ 
	
	footer div:first-child {overflow:hidden; background:#336097; color:#CACACA; font-size:12px; clear:both;}                           

	#footer-nav {float:left;}                                                                                        

	#footer-nav a {color:#CACACA; font-size:11px; width:70px;  text-transform:uppercase;}

	#copyright {float:right;}

	#copyright p {padding:10px; margin:0px;}

	#sec-footer {position:relative; background: url('img/footer_background.png') repeat-x top; overflow:hidden; padding-top:7px;}
    
	#sec-footer ul {border:none;}

	#sec-footer li {float:left;}

	#sec-footer a {text-transform:uppercase; color:#336097; font-size:11px;}

	#internal-links {position:absolute; right:0; margin:10px 20px 10px 10px;}

	#internal-links a {margin:0 0 0 30px;}
	
}
@media only screen and (min-width: 1100px) {
  /* 1382 =================================================== */  

    	#banner {
		background: url('img/3D.png') no-repeat;
		width: 1027px;
		padding-top: 13px;
		position: relative;
		left: -12px;
		top: -53px;
		z-index: 10;
		margin-top: 40px;
	}
	
	#banner-article {font-size: 26px; width:1042px; display:block; background: url('img/category_banner.png') no-repeat; height:48px; position:relative; left:-22px; margin: -20px 0 0 0; padding:25px 0 0 40px; color:#466496; text-shadow:0px 1px 2px rgba(254,255,254,0.6); font-family: 'Tienne', serif !important; font-weight:700;}
	
	#banner-category {width:1042px; background-color:transparent!important; background-repeat:no-repeat!important; background-image:url('img/category_banner.png')!important; height:48px; position:relative; left:-22px; margin:-52px 0 0 0; padding:25px 0 0 45px; color:#466496; text-shadow:0px 1px 2px rgba(254,255,254,0.6);}
	
	#category-header p {padding:20px 30px;} 
	
	#category-header h2 {padding:25px 40px 0 40px;}
	
	aside {margin-top:2em;}  /* margin-top:-53px; */
	
	#link-panel {margin-top:-43px;}


}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  	header h1 a {
		background: transparent url('img/montana_judical_branch_logo_320_@2X.png') no-repeat; background-size: 300px 46px; display:block; text-indent:-9999px; width:300px; height:47px; padding:0; 
	} 


} 

/*===================================================================================
================ ie7 - 8 fixes ===========+++++++++++++========= @christiangeyer=====
=====================================================================================*/

.lt-ie9 #search {background: url('img/search_box.png') no-repeat; height:28px;}

.lt-ie9 .quicklinks .sub-menu {background:#34393e;}

.lt-ie9 #link-panel div {background:#B6B6B6 url('img/background_panel_home.png') repeat-x;}	

.lt-ie8 #search input[type="submit"] {line-height:1;}

.lt-ie8 #link-panel div {width:450px;}

.lt-ie8 #link-panel {overflow:hidden;}



.chameleon_slider.NewsOne .scrollable_box .viewport h2 {font-style:italic;font-size:1.8em;}

#article-sidebar {padding:0;margin:0;}

#dnn28655root {margin-right:-5.8em;}
#dnn_ctr28655_ModuleContent {margin-bottom:-5em;margin-top:2em;}
#dnn28655Submit {position:relative;top:0.2em;left:-2em;}
#dnn28655root .label-right {margin-top:-0.1em;}

footer h2 {display:none;}