@charset "UTF-8";
/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html, body, section, aside, article, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
body {
    line-height:1;
    color:#333333;
}


#content {font-size: 1em;}

#edit-bar, .formTabs{
    border-top-right-radius: 0em;
    border-top-left-radius: 0em;
    -webkit-border-top-right-radius: 0em;
    -webkit-border-top-left-radius: 0em;
    -moz-border-radius-topleft: 0em;
    -moz-border-radius-topright: 0em;
    }

#content .formid-variance-permit fieldset, #content .formid-exemption-permit fieldset, #content .formid-examination-application fieldset{
    border-radius: 5px;
    border: .1em solid !important;
    padding: 5px;
}

#content .formid-variance-permit legend, #content .formid-exemption-permit legend, #content .formid-examination-application legend{
    padding: 0.5em;
    font-size: 120%;
    font-weight:bold;
    width: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block
}
nav ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}


/*.photoAlbumEntry{display:inline-block; width: 33%;}
.photoAlbumEntryTitle {display: block; margin-top: 5px; } */

.callout{
    background: #eee;
    padding: 1em;
    border-left: 1em solid #ccc;
    clear: both;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold
}
del {
	text-decoration:line-through
    
}
abbr[title], dfn[title] {
/*	border-bottom:1px dotted; */
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.portlet-action{
    display:inline;
    }


    
.ploneSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden;height: 350px;}

hr {
	margin:1em 0;
	padding:0;
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
    clear:both;
}

input, select {
	vertical-align:middle
}

.criteria input {display:inline-block;}


.triangle {
    width: 0; 
	height: 0; 
	border-top: .4rem solid transparent;
	border-bottom: .4rem solid transparent;
	border-left: .7rem solid green;
    display:inline-block;
    margin-left: .2rem;
    margin-right: .4rem;
}

.instruction {
    font-size:.625rem;
    font-family: verdana,arial,sans-serif;
    display:inline-block;
    margin-left: .5rem;
    color:#007700;
    }

#portal-personaltools {
    padding: 1em .85em;
    background: #f5f6f1;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 5px #888888;
    position:fixed;
    z-index: 1000;
    top: 7em;
    right:0;
    }
    
#footer{
    bottom: -2em;}

.abstract {background:none; 
clear:both;
cursor:pointer;
}
.detail {
    display:none;
    background:none;
    line-height: 1rem;
    margin-bottom: 1em;
}

.ploneCalendar {
    text-align:center;
    width: 100%;
    max-width: 100%;
}

/********************************************************************************************
DATE SELECTION CALENDAR
********************************************************************************************/

div.calendar {
    position: relative;
    background: #ffffff;
}
.calendar, .calendar table {
    cursor: default;
    font-family: Arial,verdana,sans-serif;
    font-size: 1em;
}
.calendar .button {
    background: none repeat scroll 0 0 #346712;
    color: #ffffff;
    font-size: 90%;
    padding: 2px;
    text-align: center;
}
.calendar .nav {
    background: url("menuarrow.gif") no-repeat scroll 100% 100% #346712;
}
.calendar thead .title {
    background: none repeat scroll 0 0 #346712;
    color: #ffffff;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}
.calendar thead .headrow {
}
.calendar thead .name {
    border-bottom: 1px solid #556655;
    color: #000000;
    padding: 2px;
    text-align: center;
}
.calendar thead .weekend {
    color: #aa6666;
}
.calendar thead .hilite {
    background-color: #f5f6f1;
    color: #000000;
    padding: 1px;
}
.calendar thead .active {
    background-color: #f5f6f1;
    padding: 2px 0 0 2px;
}
.calendar thead .daynames {
    background: none repeat scroll 0 0 #f5f6f1;
}
.calendar tbody .day {
    color: #346712;
    padding: 2px 4px 2px 2px;
    text-align: right;
    width: 2em;
}
.calendar tbody .day.othermonth {
    color: #bbbbbb;
    font-size: 80%;
}
.calendar tbody .day.othermonth.oweekend {
    color: #ffbbbb;
}
.calendar table .wn {
    background: none repeat scroll 0 0 #f5f6f1;
    border-right: 1px solid #347612;
    padding: 2px 3px 2px 2px;
}
.calendar tbody .rowhilite td {
    background: none repeat scroll 0 0 #f5f6f1;
}
.calendar tbody .rowhilite td.wn {
    background: none repeat scroll 0 0 #f5f6f1;
}
.calendar tbody td.hilite {
    background: none repeat scroll 0 0 #f5f6f1;
    border: 1px solid #bbbbbb;
    padding: 1px 3px 1px 1px;
}
.calendar tbody td.active {
    background: none repeat scroll 0 0 #f5f6f1;
    padding: 2px 2px 0;
}
.calendar tbody td.selected {
    background: none repeat scroll 0 0 #347612;
    color: #ffffff;
    font-weight: bold;
    padding: 1px 3px 1px 1px;
}
.calendar tbody td.weekend {
    color: #000000;
}
.calendar tbody td.today {
    color: #00aa00;
    font-weight: bold;
}
.calendar tbody .disabled {
    color: #999999;
}
.calendar tbody .emptycell {
    visibility: hidden;
}
.calendar tbody .emptyrow {
    display: none;
}
.calendar tfoot .footrow {
    background: none repeat scroll 0 0 #556655;
    color: #ffffff;
    text-align: center;
}
.calendar tfoot .ttip {
    background: none repeat scroll 0 0 #346712;
    color: #ffffff;
    padding: 2px;
}
.calendar tfoot .hilite {
    color: #000000;
    padding: 1px;
}
.calendar tfoot .active {
    padding: 2px 0 0 2px;
}
/********************************************************************************************
*END RESET
********************************************************************************************/

/********************************************************************************************
*BODY ELEMENTS
********************************************************************************************/
html {
	font: 16px Arial, Helvetica, sans-serif;
}

header {
	margin-bottom:.75rem;
}

a {
	color:#007700;
	text-decoration:none !important;
}

hr {
	margin: .3125rem 0 .625rem 0;
	border: 0;
	height: 1px;
	width: 100%;
	background-color: #aeba95;
}
.clear {
	clear:both;
}
p {
	font-size: .75rem;
	line-height: 1rem;
	margin-bottom:1rem;
    color: #333333;
}

.singleSpace{margin-bottom: 0;}


.twitter-timeline {width:100% !important;}

.image-left {
    padding: 0 1.5em 1.5em 0;
    float:left;
    border: none !important;
    }
    
.image-right {
    padding: 0 0 1.5em 1.5em;
    float: right;
    border: none !important;
    }
    
.image-caption{
    font-size: .9em;
    font-weight:bold;
    }
    
.return {display:block;
    position:fixed;
    right:0;
    bottom: 5em;
    z-index: 1000;
    background: #f5f6f1;
    padding: 1em .5em;
    border-radius: 10px 0 0 10px;
    vertical-align:middle;
    box-shadow: 0 0 5px #888888;
    }    
    
/***************************************************************************************
* AGENCY BANNER - REQUIRED BY MT.GOV
***************************************************************************************/
#agencybanner {
	background-color: transparent;
}
#agencybanner h2 {
	margin-bottom:10px;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	text-decoration:none;
	vertical-align:text-top;
}
#agencybanner a {
	margin-bottom:10px;
	margin-left:-100px;
	color:#fff;
	font-size:0.875rem;
	text-decoration:none;
	vertical-align:text-top;
}
#agencybanner img {
	border:none;
}

/***************************************************************************************
* HEADINGS
***************************************************************************************/
/*clear or adjust all header nav so dnrcnav styles work */
#portal-globalnav {
	background: none;
	font-size:.8rem;
	}

#portal-globalnav li a {
	background: none;
	border-right: none;
    padding: .6em .825em;
    border-top: none;
}

#portal-globalnav .selected a, #portal-globalnav a:hover {
	background: #f5f6f1;
	color: #347612;
}

#portal-globalnav ul.submenu li a, #portal-globalnav .selected ul.submenu li a {
	color:#347612;
}

#portal-globalnav ul.submenu li a:hover{
	background: #347612;
	color:#ffffff;
}

ul.submenu a.state-published:hover {color: #ffffff !important;}
.selected ul.submenu .state-published {color: #347612 !important;}

/* All Headings */
h1, h2, h3, h4, h5, h6, .portletHeader {
	font-family: 'Noticia Text', serif;
	color: #007700;
}

.portletHeader {
    margin: .3125em 0;
    font-size:1.25rem;
    font-weight:normal;
    line-height: 1.3125rem !important;
    background: transparent !important;
    }


    
dl.portlet dt {padding: 0;}
.secondary dl.portlet dt a:link {color: #954300;}
dl.portlet dt a:link {display:inline;}
dl.portlet a:link, dl.portlet a:visited{color: #954300;}
.leftnav dl.portlet a:link, .leftnav dl.portlet a:visited {color: #007700;}

h1 {
	margin: .2rem 0px .75rem 0px;
	font-size:1.6rem;
	font-weight:normal;
}
h2 {
	margin: .3125em 0;
	font-size:1.25rem;
	font-weight:normal;
	line-height: 1.3125rem;
    clear:both;
}
h3 {
	margin: .3125rem 0;
	font-size:1rem;
	font-weight:normal;
	line-height: 1.125rem;
    clear:both;
}

h4 {
    margin: .3125rem 0;
	font-size:1rem;
	font-weight:normal;
	line-height: 1.125rem;
}

.sub {
	padding-top:2.5rem;
}

/**************************************************************************************
ANNOUNCEMENTS
**************************************************************************************/
.green, .olive, .blue {color:#ffffff;}
.tan {color:#346712;}

.announcement_green{background:#346712; 
  outline:1px solid #ffffff;
  outline-offset: -1em; 
  padding: 1em;
  text-align:center;
  color: #ffffff;
}
.announcement_olive{background:#aeba95; 
  outline:1px solid #ffffff;
  outline-offset: -1em; 
  padding: 1em;
  text-align:center;
  color: #ffffff;
}
.announcement_tan{background:#f5f6f1; 
  outline:1px solid #aeba95;
  outline-offset: -1em; 
  padding: 1em;
  text-align:center;
  color: #347612;
}
.announcement_blue{background:#0D2063; 
  outline:1px solid #ffffff;
  outline-offset: -1em; 
  padding: 1em;
  text-align:center;
  color: #ffffff;
}

.green a, .blue a, .olive a  {color:#ffffff !important;}
#content .green a:hover, #content .blue a:hover, #content .olive a:hover {color:#e1e1e1 !important;}
.green a:visited, .blue a:visited, .olive a:visited {color:#ffffff !important;}

/***************************************************************************************
PUBLIC INQUIRY
***************************************************************************************/

.flyout {
    position:fixed;
    right: -18.75em;
    top: 20em;
    height: 22em;
    width:18.75em;
    background: #f5f6f1;
    box-shadow: 0 0 5px #888888;
}
.form {
    padding:25px;
}
#inquiry {
    position:absolute;
    top: 60%;
    left: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: bottom left;
    color: #f5f6f1;
    width: 10em;
    height: 2.8em;
    background: #347612;
    text-align:center;
    border-radius: 10px 10px 0 0;
    font-size: 1.2em;
    padding-top: .65em;
}

/***************************************************************************************
* BREADCRUMBS
***************************************************************************************/
.breadcrumb {
	text-align: right;
}
.breadcrumb a {
	padding-right:.625rem;
	font-size:.625rem;
	color:#c7841e;
	padding-left:.625rem;
	text-decoration:none;
	list-style:none;
}
.breadcrumb a:hover {
	text-decoration: underline;
	color:#c7841e;
}
#page {
	max-width: 80rem;
	margin: 7rem auto 2rem auto;
	background: #ffffff;
	border-radius: 10px 10px 0 0;
}
#dnrcheader {
	width: 100%;
	height: 6.875rem;
	font-size: .8rem;
	color: #346712;
	position: relative;
}

#portal-logo{
    margin: 0;
    }
.logo {
	font-size: 1.6rem;
	width: 30%;
	float: left;
	margin: .5rem .75rem;
}
.mission {
	width:24%;
	float: left;
	padding: 0 1rem 0 1.5rem;
	margin: 1.5rem 1rem 0 1.5rem;
	font-size: .7rem;
	line-height: .75rem;
}
.contact {
	width: 35%;
	float: right;
	margin: 1.5rem 1rem 0 1rem;
	font-size: .7rem;
	line-height:.75rem;
	text-align: right;
}
#portal-personaltools dd {
    background-color: #2C2C2C;
    margin-left: -.8em;
    position: absolute;
    top: 2.1em;
    z-index: 10;
}

.content #portal-searchbox {
    display:none;
    }
    
.sidebar #portal-searchbox {
    display:block;
    }

#portal-searchbox {
	float:none;
	margin: 5px;
}
dl.actionMenu.activated dd {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    min-width: 100%;
    position: absolute;
    z-index:1001;
    width: auto;
}

.historyByLine {
    background: none repeat scroll 0 0 #ddd;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    padding: 0.5em;
}

.pb-ajax, .pb-image {
    white-space: normal;
}

div.historyLinks {
    clear: right;
    float: right;
    margin: 0.5em 1em 0 0;
}

a.historyComparePrevious {
    border-top: 1px dotted #ccc;
    display: block;
    margin-bottom: -0.5em;
    margin-top: 1.5em;
    text-align: center;
}

.managedPortlet {
    margin:1em;
}

.catalog img {
    float:left;
    padding: 0 .625em .625em .625em;
}

.catalog p {
    margin: .875em .5em 2.5em .5em
}

/***************************************************************************************
* TABLE 
***************************************************************************************/
table.plain{
    table-layout:fixed;
	width:98%;
}

table.plain th, table.plain td{
	padding:1em;
    border: none;
}

table.gridtablewide tr:nth-child(odd) {
    background: #f5f6f1;}

table.gridtablewide {
	font-family: verdana,arial,sans-serif;
	font-size:.625rem;
	color:#333333;
	border-width: 1px;
	border-color: #AEBA95;
	border-collapse: collapse;
	margin:.5rem;
	width: 98%;
	table-layout:auto; 
}
table.gridtablewide p {
    margin-bottom:0;
    font-family: verdana,arial,sans-serif;
    color: #333333;
    font-size: 1em;}

table.gridtablewide th {
	border-width: 1px;
	padding: .5rem;
	border-style: solid;
	border-color: #AEBA95;
	background-color: #e1e5db;
} 

table.gridtablewide td {
	border-width: 1px;
	padding: .5rem;
	border-style: solid;
	border-color: #AEBA95;
/*    background-color: #ffffff; */
	vertical-align:top;
	line-height: 1rem;
}

table.gridtablewide ul {
	margin-left:-.5rem;
}
table.gridtablewide li {
	margin-left:1.25rem;
}

table.gridtablewide a:hover {
	color:#c7841e; text-decoration:none;
}

table.gridtablewide a:link {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:.75rem;  
	color:#c7841e;
	font-weight: bold;
	text-decoration:none;
}

table.noborder tr:nth-child(odd) {
    background: #f5f6f1;}

table.noborder {
    font-family: verdana,arial,sans-serif;
	font-size:.625rem;
	color:#333333;
    border:none;
	margin:.5rem;
	width: 98%;
	table-layout:auto; 
}
table.noborder p {
    margin-bottom:0;
    font-family: verdana,arial,sans-serif;
    color: #333333;
    font-size: 1em;}

table.noborder th {
	border:none;
	padding: .5rem;
	background-color: #e1e5db;
} 

table.noborder td {
	border: none;
	padding: .5rem;
/*    background-color: #ffffff; */
	vertical-align:top;
	line-height: 1rem;
}

table.noborder ul {
	margin-left:-.5rem;
}
table.noborder li {
	margin-left:1.25rem;
}

table.noborder a:hover {
	color:#c7841e; text-decoration:none;
}

table.noborder a:link {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:.75rem;  
	color:#c7841e;
	font-weight: bold;
	text-decoration:none;
}
table.equal-column {
    table-layout:fixed;
    border:none;
}



/***************************************************************************************
* MAIN NAVIGATION
***************************************************************************************/

.dnrcnav {
	font-size: 1em;
	color: #fff;
	background: #346712;
}

.dnrcnav ul ul {
	display: none;
}
.dnrcnav  ul li:hover > ul, .dnrcnav ul li:focus > ul, .dnrcnav ul li:active > ul {
	display: block;
}

.dnrcnav ul {
	position:relative;
	list-style:none;
	transition: max-height 0.25s linear;
}
.dnrcnav  ul:after {
	content:"";
	clear: both;
	display:block;
}
.dnrcnav ul li {
	transition: visibility .25s linear;
	display: inline-block;
	padding: 0;
	margin: 0;
}

.dnrcnav  ul li:hover, .dnrcnav ul li:focus, .dnrcnav ul li:active {
	background: #F5F6F1;
}
.dnrcnav  ul li:hover a, .dnrcnav ul li:focus a, .dnrcnav ul li:active a {
	color: #346712;
	background: #F5F6F1;
}
.dnrcnav  ul li a {
	display: block; 
	padding: .6em .825em;
	color: #F5F6F1; 
	text-decoration: none;
}
.dnrcnav  ul ul {
	background: #F5F6F1; 
	padding: 0px;
	position: absolute; 
	top: 100%;
	z-index:1; 
}
.dnrcnav  ul ul li {
	float: none; 
	border-bottom: .5px solid #AEBA95;
	position: relative;
	display: block;
}
.dnrcnav  ul ul li a {
	padding: .6em .825em;
	color: #007700;
}
.dnrcnav  ul ul li a:hover, .dnrcnav ul ul li a:focus, .dnrcnav ul ul li a:active {
	background: #346712;
	color: #ffffff;
}
.dnrcnav  ul ul ul {
	position: absolute; 
	left: 100%; 
}

.log-in {
    position:absolute;
    right:1em;
    bottom:-.3em;
    color:#ffffff;
    background:#f5f6f1;
    padding:.2em;
    box-shadow: 0 0 2px #000000;
    
    }

#navbar-checkbox {
	display: none;
}
.navbar-handle-menu {
  display:none;
}

.content {
	display:table;
    width:100%;
}

#content a:link, #content a:visited {
	color: #954300;
	border-bottom: 1px #954300 dotted;
}

.fullpageinfo a, .pageinfo a{
    border-bottom: 1px #954300 dotted;
    color: #954300;
    font-weight:bold;
    line-height:1.5em;
}

.contentcontroller {
    display:table-row;
}
.content img, embed, object, video {
	max-width: 100%;
}
.main, .leftnav, .sidebar {
	display:table-cell;
	vertical-align:top;
}


/***************************************************************************************
* MAIN PAGE CONTENT AREA
***************************************************************************************/
.main {
	width: auto;
	padding: 0 .625em .625em .625em;
}

#feature {
	float:left;
	width: 100%;
	margin:.5rem .5rem .5rem 0;
	display:block;}
#feature img{
	width:100%;
	max-width:100%;
}

.dnrccarousel {
    margin: .5em;
    width: 98%;
    position:relative;
}

.carousel-text {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    display: block;
    padding: 2%;
    position: absolute;
    left: 3.5em;
    bottom: 2.5em;
    text-shadow: 0.1em 0.1em 0.3em #FFFFFF;
    border-radius:1em 0; 
}

.carousel-text .carousel-title {
    font-family: 'Noticia Text', serif;
    font-size: 1.5em;
    line-height:1.6em;
    font-weight: 700;
    color:#007700;
}
    
.carousel-text .body-text {
    font-family: sans-serif, Arial;
    font-size: .75em;
}

.carousel-pager{
    position:absolute;
    height: 1em;
    width: 100%;
    bottom: 0;
    }

a.carousel-pager-button-prev {
    position: absolute;
    left: 1.5em;
    bottom: 1em;
    }
    
a.carousel-pager-button-next{
    position: absolute;
    right: 1.5em;
    bottom: 1em;
    }

/*Image Slider*/
.flexslider img{max-width:100%;  height:auto;}
    
.slidecontainer {
    width:97%;
    margin:0 auto;
    margin-top: 1em;
    overflow: hidden;
}

.slides li {position:relative;}

.figcaption h2 a {
    color: #346713;
}

.figcaption a {color: #000000;}

.figcaption {
	position: absolute;
	bottom: 10%;
	left: 5%;
	height: 5em;
	border-radius: 10px 0;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 0 5px #888888;
	color: #000000;
	width: 50%;
	font-size: .825rem;
	padding: .5em;
	text-shadow: 0.1em 0.1em 0.3em #FFFFFF;

}

@keyframes slider {
	0% {
		left:0%;
	}
	20% {
		left: 0%;
	}
	25% {
		left: -100%;
	}
	45% {
		left: -100%;
	}
	50% {
		left: -200%;
	}
	70% {
		left: -200%;
	}
	75% {
		left: -300%;
	}
	95% {
		left: -300%;
	}
	100% {
		left: -400%;
	}
}
div#captioned-gallery {
	width: 97%;
	margin: 1em auto;
	overflow: hidden;
}
figure.slider {
	position: relative;
	width: 500%;
	font-size: 0;
	animation: 30s slider infinite;
}
figure.slider:hover {
	animation-play-state: paused;
}
figure.slider figure {
	width: 20%;
	height: auto;
	display: inline-block;
	position: inherit;
}
figure.slider img {
	width: 100%;
	height: auto;
}
figure.slider figure figcaption h1 {
	magrin:0;
	padding:0;
	font-weight:bold;
}
figure.slider figure figcaption {
	position: absolute;
	bottom: 10%;
	left: 5%;
	height: 5em;
	border-radius: 10px 0;
	background: rgba(255,255,255,0.7);
	box-shadow: 0 0 5px #888888;
	color: #000000;
	width: 40%;
	font-size: .825rem;
	padding: .5em;
	text-shadow: 0.1em 0.1em 0.3em #FFFFFF;
}

.item {display:block;
    clear:both;}
    
/*TOP STORIES*/
.topstories {
	width: 95%;
	/* float: left; */
	margin: 0 .5rem;
	padding-top:1.5em;
}

.topstories .portletItemDetails{
    font-size: .75em;}

.topstoriespost {
	margin:.875em .5em;
}

.topstories img {
	float:left;
	padding: 0 .625em .625em; 
}

/*EVENTS & MEETINGS*/		
.event {
	width:95%;
	/* float: left; */
	margin: 0 .5rem 0 .75rem;
	padding-top:1.5em;
}
.event h3 {
	margin-left: 0;
}

td.event {
    margin:0;
    padding-top: 0;
    float: none;
    width: inherit;}

.event a {
    color: #007700;
}

.topeventspost {
    margin:.875em .5em .25em .75em;
}

.pageinfo {
	display:table-row;
	width: 100%;
	font-size:.75rem;
    float:right;
}
.pageinfo ul{
	padding-left: 1.5rem;
	line-height: 1.5rem;
	}
    
.pageinfo ol{
    padding-left: 1.5rem;
	line-height: 1.5rem;
	}
    
.pageinfo table.gridtablewide ul{
    padding-left: 0rem;
	line-height: 0rem;
	}
    
.pageinfo table.gridtablewide ol{
    padding-left: 0rem;
	line-height: 0rem;
	}    

.primary {
	float:left;
	width: 67%;
	padding: .5rem 0;
}


ul.list{
	position:relative;
	float:left;
	list-style:none;
	margin:.75rem 1rem;
	width:40%;
}
ul.list li{
	font-size:.75rem;
	line-height:1rem;
	padding-bottom:.5rem;
}
ul.widelist{
	position:relative;
	float:left;
	list-style:none;
	margin:.75rem .5rem;
	width:90%;
}
ul.widelist li{
	font-size:.75rem;
	line-height:1rem;
	padding:.5rem 0;
}

.secondary {
	float:right;
	width:27%;
	margin:.5rem;
	padding: .5rem;
	border-left: 1px #aeba95 solid;
}

/*.news {display:block;}*/
.secondary .portletItem {display:block;}

/*DIVISIONS TILES*/
.division {
	width: 100%;
	background: url('../img/div_bg.gif') no-repeat #e8eadd;
	border-top: 1px solid #aeba95;
	border-bottom: 1px solid #aeba95;
	padding: .625em 0 .5em 0;
    margin-top:1em;
}
.block {
	float: left;
	width: 18%;
	margin: 0 1%;
    text-align:center;
    line-height: 1em;
}

.block img {
    box-shadow:0 0 5px #888;}
    
.cap {
	display: block;
    color: #346712;
	font-family: 'Noticia Text', serif;
	font-size:.825em;
	font-weight: bold;
}
/***************************************************************************************
* MAIN PAGE SIDEBAR
***************************************************************************************/
.sidebar {
	width: 32%;
	margin: 0 0 .625em .3125em;
	background: url('../img/right_bg.png') no-repeat #e8eadd;
	border-left: 1px solid #aeba95;
	box-shadow: 0 0 5px #888888;
}

.topic {
	background: none repeat scroll 0 0 #F5F6F1;
	border: 1px solid #AEBA95;
	border-radius: 10px 0;
	box-shadow: 0 0 5px #888888;
	margin: 1em auto;
	padding: 1em;
	width: 80%;
}
.focus {
    background: none repeat scroll 0 0 #F5F6F1;
	border: 1px solid #AEBA95;
	border-radius: 10px 0;
	box-shadow: 0 0 5px #888888;
	margin: 1em auto;
	padding: 1em;
	width: 80%;
}
.topic input, label{
	display: none;}
    
#GD-snippet-form input {
    display: inline;}
    
.secondary input, label{display:none;}
.secondary input, label > .searchField {display:inline-block;}
#portletmanager-plone-rightcolumn input {display:block;}
form label {
    display:inline;
    }
.welcome {
	background: none repeat scroll 0 0 #F5F6F1;
	border: 1px solid #AEBA95;
	border-radius: 10px 0;
	box-shadow: 0 0 5px #888888;
	margin: 1em auto;
	padding: 1em;
	width: 80%;
} 
.welcome img {
border:none;

}
.topic a {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:.625em;
	padding-right:1em;
	font-weight:normal;
	color:#444444;
	text-decoration:none;
	background: transparent url('../img/orangearrow.gif') center right no-repeat;
	display:inline-block;
	line-height:1.125em;
    border-bottom:none;
}

.topic img a{
    background:none;
    }

.topic p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	color: #363636;
	font-weight:normal;
	margin: 5px 0px 5px 0px;
	line-height:.9em;
}

.topic h3 a {
	font-family: 'Noticia Text', serif;
	font-size:1em;
	color: #346713;
	font-weight:normal;
	margin:.75em 0;
	display:block;
	padding-left: 0px;
	padding-bottom: 0px;
	background: none;
	text-decoration:none;
	line-height:1.25em;
}
.topic li {
	list-style-type:none;
}
.topic li a {
	font-family: 'Noticia Text', serif;
	font-size:.75rem;
	padding:5px 3px 0px 3px;
	text-decoration:none;
}
.topic ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	background:url('../img/bulletlist_icon.gif') left center no-repeat;
	padding-left: .625em;
	padding-right:.3125rem;
	color:#363636;
	text-decoration:none;
}
.topic p {
	list-style:none;
	margin:0px 0px 10px;
	padding:0px;
    line-height:1.2em;
}
.topic ul a {
	display:block;
	padding:.3125em;
}
.topic a:hover {
	text-decoration:none;
	color:#c7841e;
}

/*Search*/
#searchGadget {display:inline;}

.topic .searchButton {display:inline;}
.searchSection {display:block;
                margin-bottom: 1rem;}
#searchbox_currentfolder_only {display:inline;}
.searchSection label {display:inline;
                      font-size:.75rem;} 

.main .LSBox {
    margin: 1em auto;}
    
.main #searchGadget {
 background: none repeat scroll 0 0 #e8eadd;
    border: 0 none;
    font: 1em Arial;
    height: 2.5em;
    margin: 0;
    width: 79%;}
    
.main #serchGadget placeholder {margin-left:1em;}
.main .searchButton {
    background: none repeat scroll 0 0 #346712;
    border: 0 none;
    color: #ffffff;
    font: 1em Arial,sans-serif;
    height: 2.5em;
    margin: 0;
    padding: 0;
    width: 19%;} 
    
.main .LSResult {
    margin-left:1em;}


.leftnav form select,
.leftnav form a {
    display:none;
}

.leftnav{
	width: 23%;
	font-size: 1 rem;
	padding-right:1rem;
	

}
.leftnav ul{
	list-style: none;
	margin: 1.5rem 0 0 .75rem;
	width:auto;

}
.leftnav li {
	padding: .75rem 0;
	border-bottom: 1px #aeba95 solid !important;
	font-weight:bold;
	}
 
.leftnav li ul {
    margin-top: .5rem;
} 

.leftnav li ul li {
    padding: .5rem 0;
    border: none !important;
    font-weight:normal;
 } 

.leftnav a {color: #347612;}
#sortable{
    margin-bottom:5em;}
a#version_preview{
    margin-top:-1em;}
    
.pfg-form .formQuestion {display:block;}
.formHelp {color:#000000;}
#archetypes-fieldname-audio-video-requirements .ArchetypesMultiSelectionValue{display:inline-block; margin-right: 2em;}
/***************************************************************************************
* FOOTER
***************************************************************************************/
.dnrcfooter {
	position: relative;
	width:100%;
	padding: .75rem 0;
	background:#f5f6f1;
	border-top: 1px solid #aeba95;
	font-size:.7rem;
	line-height: .75rem;
}

.dnrcfooter a {color:#666666;}

.dnrcfooter .smlogo { /*15%*/
	width:8%;
	margin:1% 5% 0 5%;
	float: left;
}
.dnrcfooter .about { /*20%*/
	width:10%;
	margin:0 5%;
	float: left;
}
.dnrcfooter .divisions { /*25%*/
	width:25%;
	margin: 0 5%;
	float: left;
}
.dnrcfooter .social {
	width: 20%;
	margin:0 1.5% 0 0;
	float: right;
	vertical-align: middle;
}
.social img {
	padding: .4rem .25rem;
	vertical-align: middle;
}

#ContentPlaceHolder1_Search1_wrapper2 {
    position:relative;    
}

/**********************************************************
Format well-driller form
**********************************************************/
.formid-renewal-notice .formQuestion{display:block;}
#content .formid-renewal-notice-form fieldset, #content .formid-renewal-notice fieldset {border: none; border-style: none; padding:.5em;}
#pfg-fieldsetname-license {border: .1em solid #000 !important; margin-bottom: 1em; width:98.5%; padding: 1em;}
#pfg-fieldsetname-driller-info {clear:both; border: .1em solid #000 !important;}
#pfg-fieldsetname-demographic {width:55%; float:left; clear:none;} 
#pfg-fieldsetname-driller-info #archetypes-fieldname-city,
#pfg-fieldsetname-driller-info #archetypes-fieldname-state,
#pfg-fieldsetname-driller-info #archetypes-fieldname-zipcode,
#pfg-fieldsetname-driller-info #archetypes-fieldname-shop_city,
#pfg-fieldsetname-driller-info #archetypes-fieldname-shop_state,
#pfg-fieldsetname-driller-info #archetypes-fieldname-shop_zipcode,
#pfg-fieldsetname-driller-info #archetypes-fieldname-phone_input,
#pfg-fieldsetname-driller-info #archetypes-fieldname-cell_input{display: inline-block;}
#archetypes-fieldname-date_submitted{display: none;}
#pfg-fieldsetname-specifics {width:40%; float:left; clear:none; border-left: .1em solid #000 !important;} 
#pfg-fieldsetname-specifics #archetypes-fieldname-phone_number, #pfg-fieldsetname-specifics #archetypes-fieldname-cell_number{display:none;}
#archetypes-fieldname-proper_fee, #archetypes-fieldname-apprentices, #archetypes-fieldname-second_license_number {clear:both;}
#content #pfg-fieldsetname-geninfo,#content #pfg-fieldsetname-geninfo1,#content #pfg-fieldsetname-geninfo2,#content #pfg-fieldsetname-geninfo3 {float:left; width: 55%; border-radius: 0 !important; border-left: none !important;border-bottom: none !important;border-top: none !important;}
#content #pfg-fieldsetname-specinfo,#content #pfg-fieldsetname-specinfo1,#content #pfg-fieldsetname-specinfo2,#content #pfg-fieldsetname-specinfo3 {float:right; width: 40%; border: none !important;}

/**********************************************************
Variance and Exemption Permit forms
**********************************************************/
.formid-variance-permit .field, .formid-exemption-permit .field{display: inline-block;}
.formid-variance-permit .ArchetypesTextAreaWidget, 
.formid-exemption-permit .ArchetypesTextAreaWidget {display:block;}
#content .formid-variance-permit fieldset #pfg-fieldsetname-general-information,
#content .formid-exemption-permit fieldset #pfg-fieldsetname-general-information,
#content .formid-examination-application fieldset #pfg-fieldsetname-general-information {float:left; width: 55%; border-radius: 0 !important; border-left: none !important;border-bottom: none !important;border-top: none !important;}
#content .formid-variance-permit fieldset #pfg-fieldsetname-specifics,
#content .formid-exemption-permit fieldset #pfg-fieldsetname-specifics,
#content .formid-examination-application fieldset #pfg-fieldsetname-specifics,
#content .formid-examination-application fieldset #pfg-fieldsetname-specifics,
#content .formid-examination-application fieldset #pfg-fieldsetname-specifics {float:right; width: 40%; border: none !important;}
#pfg-fieldsetname-well-information #archetypes-fieldname-county,
#pfg-fieldsetname-well-information #archetypes-fieldname-county{display:block;}
#pfg-fieldsetname-driller-information #archetypes-fieldname-driller_number{clear:both;}

#pfg-fieldsetname-reference1, #pfg-fieldsetname-reference2,#pfg-fieldsetname-reference3, #pfg-fieldsetname-reference4 {float:left; width: 45%; margin:0 10px; background: #fff;}
#pfg-fieldsetname-applicant-information #archetypes-fieldname-app_city, #pfg-fieldsetname-applicant-information #archetypes-fieldname-app_state, #pfg-fieldsetname-applicant-information #archetypes-fieldname-app_zipcode {display:inline-block;}
#pfg-fieldsetname-reference1 #archetypes-fieldname-ref_name_1, #pfg-fieldsetname-reference1 #archetypes-fieldname-ref_phone_input_1, #pfg-fieldsetname-reference1 #archetypes-fieldname-ref_city_1, #pfg-fieldsetname-reference1 #archetypes-fieldname-ref_state_1, #pfg-fieldsetname-reference1 #archetypes-fieldname-ref_zipcode_1,
#pfg-fieldsetname-reference2 #archetypes-fieldname-ref_name_2, #pfg-fieldsetname-reference2 #archetypes-fieldname-ref_phone_input_2, #pfg-fieldsetname-reference2 #archetypes-fieldname-ref_city_2, #pfg-fieldsetname-reference2 #archetypes-fieldname-ref_state_2, #pfg-fieldsetname-reference2 #archetypes-fieldname-ref_zipcode_2,
#pfg-fieldsetname-reference3 #archetypes-fieldname-ref_name_3, #pfg-fieldsetname-reference3 #archetypes-fieldname-ref_phone_input_3, #pfg-fieldsetname-reference3 #archetypes-fieldname-ref_city_3, #pfg-fieldsetname-reference3 #archetypes-fieldname-ref_state_3, #pfg-fieldsetname-reference3 #archetypes-fieldname-ref_zipcode_3,
#pfg-fieldsetname-reference4 #archetypes-fieldname-ref_name_4, #pfg-fieldsetname-reference4 #archetypes-fieldname-ref_phone_input_4, #pfg-fieldsetname-reference4 #archetypes-fieldname-ref_city_4, #pfg-fieldsetname-reference4 #archetypes-fieldname-ref_state_4, #pfg-fieldsetname-reference4 #archetypes-fieldname-ref_zipcode_4 {display:inline-block;}
#pfg-fieldsetname-employer1 #archetypes-fieldname-emp_name_1, #pfg-fieldsetname-employer1 #archetypes-fieldname-emp_phone_input_1, #pfg-fieldsetname-employer1 #archetypes-fieldname-emp_city_1, #pfg-fieldsetname-employer1 #archetypes-fieldname-emp_state_1, #pfg-fieldsetname-employer1 #archetypes-fieldname-emp_zipcode_1,
#pfg-fieldsetname-employer2 #archetypes-fieldname-emp_name_2, #pfg-fieldsetname-employer2 #archetypes-fieldname-emp_phone_input_2, #pfg-fieldsetname-employer2 #archetypes-fieldname-emp_city_2, #pfg-fieldsetname-employer2 #archetypes-fieldname-emp_state_2, #pfg-fieldsetname-employer2 #archetypes-fieldname-emp_zipcode_2,
#pfg-fieldsetname-employer3 #archetypes-fieldname-emp_name_3, #pfg-fieldsetname-employer3 #archetypes-fieldname-emp_phone_input_3, #pfg-fieldsetname-employer3 #archetypes-fieldname-emp_city_3, #pfg-fieldsetname-employer3 #archetypes-fieldname-emp_state_3, #pfg-fieldsetname-employer3 #archetypes-fieldname-emp_zipcode_3 {display:inline-block;}


/***********************************************************
Clear unwanted link formats
************************************************************/
.content h1 a,.content h2 a,.content h3 a,.content h4 a,.content h5 a,.content h6 a:link {border-bottom:none;}
.announceButton {
    background-color: #007700; 
    border: none;
    color: #ffffff !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
.announceButton2 {
    background-color: #347612;
    border: none;
    color: #ffffff !important;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.announceButtonRight{
    background-color: #347612; 
    border: none;
    color: #ffffff !important;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    float:right;
    margin-left: 5px;
}


.announceButtonRight a, .announceButtonRight, .announceButtonRight a:visited, .announceButtonRight a.external-link:hover {
    color: #ffffff !important;
    text-decoration:none;
    border-bottom: none !important;
    }

    .sage{
    width: 100%;
    color: #ffffff;
    padding: 10px;
    background:#333;
    margin-bottom: 10px;
    }

    .sage img {
        height: 50px;}
    
    .sage h4 
    {color:#fff;
    display:inline;
    font-size: 20px
    }

    #content .sage a{border:none;}
    
    #kevinFooter {
  height: 150px;
  padding: 15px 0;
  background: #333333;
  color: #ffffff;
}
#kevinFooter .organizationIcons {
  border-right: 1px solid #767676;
}
#kevinFooter .organizationIcons {
  display: inline-block;
  text-align: right;
  width: 33%;
}

#kevinFooter .contactSection{
    display: inline-block;
    width: 66%;
    padding-left: 10px;
    }
#kevinFooter .logo {
  height: 75px;
  margin-left: 30px;
  float:right;
  width:140px;
}
#kevinFooter .heading {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  color: #ffffff;
  margin: 0;
}
#kevinFooter .legal {
  font-size: 10px;
  color: #ffffff;
  margin: 10px 0 0 0;
}
#kevinFooter a {
    color: #9abbd0;
}

@media screen and (max-width: 768px) {
html {
    font: 18px Arial, Helvetica, sans-serif;
}
.flex-direction-nav{display:none;}
#portal-personaltools-wrapper {display:none;}
#template-search-item{width:90%;}

#feature {margin:0;}

.log-in {display:none;}

#page {
border-radius:0;
margin:0;
}
#dnrcheader {
height: 10em;
z-index: 1;
}
.sub{padding-top:.5rem;}
.topstories, .event {
float: none;
width: auto;
}
.content {
/*display: block;*/
}

.content #portal-searchbox {
    display:block;
    width: 100%;
    }
    
.searchSection{
    display:none !important;
    }
    
#LSResult{
    z-index:1000;
    text-align: left;
    }
    
.main, .sidebar, .leftnav {
display: block;
position: relative;
width: auto;
}
.sidebar {
clear:both;
margin:0;
}
.dnrcnav ul {
width:auto;
padding-top: 2.5em;  
max-height: 0;
overflow: hidden;
text-align:center;
}
.dnrcnav ul li {
visibility: hidden;
display: block;
padding: 0.5em 0.6em;
border: none;
}

.dnrcnav  ul li a {
    display: block; 
	padding: .6em 1;
	color: #F5F6F1; 
	text-decoration: none;
    text-align:left;
}

.dnrcnav  ul li:hover, .dnrcnav ul li:focus, .dnrcnav ul li:active {
background: #F5F6F1;
}
.dnrcnav  ul li:hover a, .dnrcnav ul li:focus a, .dnrcnav ul li:active a {
color: #346712;
background: #F5F6F1;
}

.dnrcnav .navbar-handle {
display: block;
}
#navbar-checkbox:checked + .dnrcnav ul {
max-height: 500px;
}
#navbar-checkbox:checked + .dnrcnav li {
visibility: visible;
}
.navbar-handle:before {
border-color: #000000;
}
.navbar-handle:after {
border-color: #000000;
}
.navbar-checkbox {
display: none;
}
.navbar-handle {
background:#346712;
color: #ffffff;
height: 2.5em;
display: block;
cursor: pointer;
position: relative;
width: 100%;
text-align:center;

}
.navbar-handle-menu {
  display:block;
  font-size: 1.5em;
  margin-top: .2em;
  font-weight:bold;
 }
.navbar-handle-menu img{
vertical-align:text-bottom;
}
.navbar-handle:before,
:after {

left: 0;
right: 0;
content: ' ';

}
.navbar-handle:before {
top: 0.37777778em;
}
.navbar-handle:after {
top: 0.88888889em;
}
.dnrcnav {
position: absolute;
left: 0;
right: 0;
}
.dnrcnav .navbar-handle {
position: absolute;
font-size: 1em;
top: 0;
z-index: 10; 
}
.dnrcnav ul ul {
display: none;
}
.leftnav ul li{
 display:block;
 border-bottom: 0;
 padding:.125rem .5rem; 
 line-height:2rem;
 margin-top:.25rem;
 background: #f6f5f1;
  text-align:center;
}
.welcome{
  display: none;}
/*.topic { 
width: auto;
text-align: center;
margin: 0 auto; 
border-radius:0;
border-left:0;
border-right:0;
}*/
.topic {
    background: none repeat scroll 0 0 #f5f6f1;
    box-shadow: 0 0 5px #888888;
    display: block;
    padding: 1em 0;
    width: 100%;
    border-radius:0;
    margin:0;
    text-align:center;
    }
.infobox {display:none;}
.topic a{
line-height:3em;}
.how h2{display:none;}
.popular h2{display:none;}
.topic label { 
display: block;
transition: .25s all linear;

}
.topic label:hover { 
cursor: pointer;  
}

.focus{display:none;}
.followus{display:none;} 

.secondary { 
display:block;
width: 100%;
text-align: center;
margin: 0;
padding: 0; 
/* border: 1px solid #aeba95;
border-right:0;
border-left:0;
background:#f5f6f1;
box-shadow: 0 0 5px #888888; */
}
.secondary a{
line-height:3em;}

.news-portlet-container{
    display:block;
    background: none repeat scroll 0 0 #f5f6f1;
    border: 1px 0px solid #aeba95;
    box-shadow: 0 0 5px #888888;
    padding: 1em 0;
    width: 100%;
    }
    
/*.news {display:none;}*/
.secondary .portletItem {display:none; }
.secondary .portletWrapper{
    display:block;
    background: none repeat scroll 0 0 #f5f6f1;
    border: 1px 0px solid #aeba95;
    box-shadow: 0 0 5px #888888;
    padding: 1em 0;
    width: 100%;
    }

/*.secondary label { 
display: block;
transition: .25s all linear;}
.secondary label:hover { 
cursor: pointer;  
}
.news h2{display:none;}
input.toggle ~ div { 
height: 0px; margin: .2rem;
overflow: hidden;
transition: .25s all linear;
}
input.toggle:checked ~ div { height: 100%; }
input.toggle { display: none; }
*/
.main{padding:0;}

.dnrcfooter{padding: 1rem 0;}
.primary{
	width:auto;
	display:block;
	margin:0 .75rem;
}
}

@media screen and (max-width: 480px) {
#page, .logo, .dnrcheader, .div#captioned-gallery, .content, .main, .topstories p {
margin:0;
padding:0;
}

#page {
    margin:-1em 0;
    }

.contact {
display:none;
}
#dnrcheader {
height: auto;
}
.logo {
width:97%;
margin:1rem auto;
float:none;
}
.logo img {
    
max-width:100%;
max-height:100%;

}
.division {
display:none;
}
.topstories {
width: auto;
padding-bottom: 1rem;
}
.topstories img {
display:none;
}
.topstoriespost {
line-height:.75rem;
}
.event {
display:none;
}
div#captioned-gallery {
width:100%;
margin: 0;
}
figure.slider figure figcaption {
width: 55%;
}
.smlogo {
display:none;
}
.dnrcfooter .divisions{
width: 95%;
margin: 0 .5rem;
padding: 0;
}
.dnrcfooter .about{
width: 95%;
margin: 0 .5rem;
padding: 0;} 

.dnrcfooter .social{
width: 95%;
float:left;
margin: 0 .5rem;
padding: 0;
}
}

@media print {
#template-header, #portal-personaltools-wrapper, #edit-bar, .return, .dnrcnav, .leftnav, .dnrcfooter {display:none;}
#page {margin: 0;}

}