@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;
}
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
}
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
}

.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;
}

.image-left {
    padding: 0 1.5em 1.5em 0;
    float:left;
    }
    
.image-right {
    padding: 0 0 1.5em 1.5em;
    float: right;
    }
    
.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
***************************************************************************************/

/* 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;
    }
    
dl.portlet dt a:link {display:inline;}

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;
}

/***************************************************************************************
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;
}
.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;
}
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;
}

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%;
}

.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: 40%;
	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;}

.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;}
.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 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{
	width: 23%;
	font-size: .8rem;
	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;
    font-weight:bold;
 }
 
.leftnav li ul {
    margin-top: .5rem;
} 

.leftnav li ul li {
    padding: .5rem 0;
    border: none;
    font-weight:normal;
 } 
#sortable{
    margin-bottom:5em;}
a#version_preview{
    margin-top:-1em;}
/***************************************************************************************
* 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;    
}
/***********************************************************
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;}


@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;*/
}
.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;}

}