/* DNR Topic Style */
/* Version 5.5 */
/* October 30, 2013 [corrected featurespotmix header] */
/* Last updated January 30, 2014 [added ESRI map layout] */

/* Color Quick Key

	# DNR green #063 header, content side, footer text
	# Brown #963 hnav, local nav content side
	# Light grey #ccc border lines
	# Whitesmoke #f5f5f5 backgrounds
	# Mediuam grey #999 footer text, last date
	# Medium grey #808080 footer text
	# Medium grey #666 feature spot text, blurbie, blockquote, captions
	# Dark grey #444 connect text
	# Dark grey #333 body text
	# Medium blue #336 blurbie hover
	# Light Olive #cc9 background
	# Medium Olive #663 local nav border
	# Dark olive #330 grouper text, contact info text
	# Gold #fc0 content side hover
	# Medium blue #36f link 
	# Light blue #69f visited
	# Medium blue #336 hover, active
	# red #f00 error, attention
*/ 

@import url(/css/reset.css);
@import url(/css/activetabs.css);
@import url(/css/tables.css);
@import url(/css/icons.css);
@import url(/css/forms.css);

body {
	margin:0;
	padding: 0;
	color: #333; 
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
}

#landing h1,
#landing h2 {
	text-align: left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.4em;
	padding: 0 0 10px;
	margin: 10px 0 0;
}

h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:20px 0 2px;
	margin: 0;
}

h1 span {
	font-style: normal;
	font-weight: normal;
	font-size: small;
	display: block;
	padding-right: 10px;
}

h2 {
	font-size: 1.2em;
	letter-spacing: 1px;
	padding:20px 0 0;
}
/* *** Original header sizes
 *     saved by byulga 20160919

h3 {
	font-size: 1.1em;
	letter-spacing: 1px;
}

h4 {
	font-size: 1em;
	letter-spacing: 1px;
}

h5 {
	font-size: 0.875em;
}
*/

/* Proposed classes for size reductions
 * for headers -BYu 20160919
 * */

h3, h2.smaller-1 {
	font-size: 1.1em;
	letter-spacing: 1px;
}

h4, h3.smaller-1, h2.smaller-2  {
	font-size: 1em;
	letter-spacing: 1px;
}

h5, h4.smaller-1, h3.smaller-2, h2.smaller-3 {
	font-size: 0.875em;
}

h6 {
	font-size: 0.8em;
}

h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	font-style: normal;
	font-weight: normal;
	font-size: small;
	display: block;
	padding-right: 10px;
}

p {
	font-size: 0.875em;
	line-height: 1.5em;
	padding:4px 0 16px;
}

.hangingindent {
	text-indent: -40px;
	padding-left: 40px;
}

li {
	font-size: 100%;
	line-height: 1.5em;
}

ul, ol,
dl.thumbnails,
dl.icons40 {
	font-size: 0.875em;
	line-height: 1.5em;
}

ol ul,
ol ol,
ul ul,
ul ol {
	margin: 0;
	font-size: 100%;
	line-height: 1.5em;
}

/* selectively adjust 'regular' nested lists in the main content area.
 * no side effects intended.
 * - byulga, 2015-06-10
 */
#maincontent ul > li > ul {
	padding-bottom: 0;
}


ol.upperalpha {
	list-style-type: upper-alpha; }
ol.loweralpha {
	list-style-type: lower-alpha; }
ol.upperroman{
	list-style-type: upper-roman; }
ol.lowerroman{
	list-style-type: lower-roman; }

li img.plusleftspace  {
	margin-right: 30px;
}

#sidebar .extraspacetop,
#contentside .extraspacetop,
.extraspacetop {
	margin-top: 10px;
}

/* traditional definition list style */

#maincontent dl.traditional {
	margin: 20px 0 40px;
}

#maincontent dl.traditional dt {
	color:#333;
	font-size: 1em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-top: 20px;
}

#maincontent dl.traditional dd {
	line-height: 130%;
	font-size: 0.875em;
	margin: 10px 40px 12px;
	line-height: 1.5em;
	padding: 4px 0 16px;
}

#maincontent dl.traditional dd p {
	font-size: 100%;
}

#maincontent dl.disc {
	margin: 20px 0 40px;
}

#maincontent dl.disc dt {
	color:#333;
	font-size: 1em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-top: 20px;
}

#maincontent dl.disc dd {
	font-size: 0.875em;
	margin: 4px 40px 2px;
	line-height: 1.5em;
	padding-top: 4px;
	list-style-image: url(/images/icons/OrangeBullet.jpg);
	display: list-item;
}

#maincontent dl.disc dd p {
	font-size: 100%;
}

#contentside p.caption,
#contentside span.caption {
	color: #666;
	font-size: x-small;
	text-align: left;
	width: 216px;
	margin: 0 4px 2px;
	padding: 0;
}

#pagewrapper {
	width: 960px;
	/* margin: 0 auto; dxw18 */
	padding: 0;
	background-color: #fff;
}

#canvas {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border-top: 4px solid #f5f5f5;
}

#maincontent {
	float: left;
	width: 700px;
	padding: 0;
	background-color: #fff;
	border-right: 1px solid #ccc;
}

#landing #maincontent p {
	clear: left;
	margin: 0 20px 0 0;
}

#topic #maincontent {
	border-right: none;
}

#sidebar {
	float: left;
	width: 220px;
	background-color: #fff;
	margin: 0 0 0 6px;
}

#sidebar .featurespot,
#contentside .featurespot {
	background-color: #fff;
	text-align: left;
	width: 100%;
	margin: 0 0 16px;
	padding: 0;
}

#sidebar .featurespot img {
	text-align: center;
	width: 218px;
	margin: 0;
	padding: 0;
	border: 1px solid #666;
}

#sidebar .featurespot h5 {
	color: #666;
	font-size: .7em;
	font-weight:bold;
	text-align: left;
	width: 216px;
	margin: 10px 4px;
	padding: 0;
}

#sidebar .featurespot p,
#sidebar .featurespot p.caption,
#sidebar .featurespot ul,
#sidebar .featurespot ol {
	color: #666;
	font-size: .7em;
	text-align: left;
	width: 216px;
}

#sidebar .featurespot p {
	margin: 10px 4px;
	padding: 0;
}

#sidebar .featurespot p.caption {
	font-size: x-small;
	margin: 0 4px 2px;
	padding: 0;
}

#sidebar .featurespotmix {
	background-color: #fff;
	text-align: left;
	width: 220px;
	margin: 0 0 16px;
	padding: 0;
}

#contentside .featurespotmix h5 {
	margin: 0;
	padding: 4px;
}

.borderthin {
	border: 1px #ccc solid;
	width: 220px;
}

.borderthindark {
	border: 1px #000 solid;
	width: 220px;
}

#sidebar .borderdouble,
#contentside .borderdouble {
	border: 3px #ccc double;
}

#sidebar .featurespotmix img {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}

#sidebar .featurespotmix p {
	color: #666;
	font-size: .7em;
	text-align: left;
	width: 216px;
	margin: 10px 4px;
	padding: 0;
}

#sidebar .featurespotmix p.caption {
	color: #666;
	font-size: x-small;
	text-align: left;
	width: 216px;
	margin: 0 4px 2px;
	padding: 0;
}


/* BEGIN Top Task Button and Blurbie Rollerover Effect */
/* Dependancy: Topic Landing Page v1.4 or later */
/* Dependancy: /scripts/global.js */
/* Dependancy: /images/buttonBackground.gif */

#tasknav {
	background-color: #fff;
	padding: 0;
	margin: 20px 0 0;
}

#tasknav dl {
	font-size: .8em;
	font-weight:bold;
	float: left;
	width: 620px;
	margin: 4px 0 0;
	padding: 0;
}

#tasknav dl dt {
	clear: left;
	float: left;
	width: 130px;
	margin: 0;
	padding: 5px;
	font-weight: bold;
}

#tasknav dl dt a:link,
#tasknav dl dt a:visited {
	color: #000;
	text-decoration: none;
	display: block;
}

#tasknav dl dt a:hover {
	color: #000;
}

#tasknav dl dd {
	font-size: small;
	font-weight: normal;
	line-height: 135%;
	color: #666;
	display: inline;
	float: left;
	margin: 0;
	/* increased top padding to push top task description to line of task action (button) verb
	 * note: font rendering differences between MS and other browsers prevent pixel-perfect alignment.
	 * -byulga,20180627
	 */
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 450px;
}

#tasknav dl.tasker {
	background: #fff;
	cursor: pointer;
	border: 1px solid transparent;
}

#tasknav dl.tasker:hover {
	background: #f5f5f5;
	cursor: pointer;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

#tasknav dl dd.tasknavtextOff {
	color: #666;
	/* these rules are redundant with definitions for #contentside #tasknav dl dd
	 * -byulga,20180627
	 */
/*
	font-size: small;
	font-weight: normal;
	line-height: 135%;
	display: inline;
	margin: 0;
	padding: 10px;
	width: 450px;
*/
}
#tasknav dl dd.tasknavtextOn {
	color: #336;
	/* these rules are redundant with definitions for #contentside #tasknav dl dd
	 * -byulga,20180627
	 */
/*
	font-size: small;
	font-weight: normal;
	line-height: 135%;
	display: inline;
	margin: 0;
	padding: 10px;
	width: 450px;
*/
}

.tasknavButtonOffGreen {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-position: 0 -72px;
}

.tasknavButtonOnGreen {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-position: 0 -36px;
}

.tasknavButtonOffBlue {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

.tasknavButtonOnBlue {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-position: 0 -36px;
}

.tasknavButtonOffOrange {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-position: 0 -144px;
}

.tasknavButtonOnOrange {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-position: 0 -36px;
}

.tasknavButtonOffGray {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-position: 0 -108px;
}

.tasknavButtonOnGray {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background-position: 0 -36px;
}

/* END Top Task Button and Blurbie Rollerover Effect */


/* individual call to action button */

p a.call2action {
margin-right: 4px;
}

a.call2action {
background-color: transparent;
background-image: url(/images/buttonBackground.gif); /* removed reference to /UIR/topic/images/ -rcwelch 20180815 */
background-repeat: no-repeat;
width: 132px;
height: 28px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
text-decoration: none;
}
a.call2action:link, a.call2action:visited {
color: #002577;
}
a.call2action:hover, a.call2action:active {
background-position: 0 -36px;
color: #000;
}
a.call2action {
	float:left;
}

/* end individual call to action button */


#bubblewrapper {
	text-align: center;
	margin: 0 auto;
	clear: both;
}

.localnav {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background-color: #fff;
}

.localnav h2 {
	text-align: left;
	margin: 0 60px 0 20px;
	padding: 10px 0 0;
	font-size: 1em;
	border-top: 1px solid #cc9;
}

.localnav dl {
	float: left;
	width: 200px;
	font-size: .7em;
	text-align: center;
	font-weight: bold;
	margin: 10px;
	background: #f5f5f5 url(/images/icons/box_bottom.gif) no-repeat bottom left;
}

.localnav dl dt {
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #663;
	color: #330;
	background: #a3bbf8 url(/images/icons/box_top.gif) no-repeat top left;
}

.localnav dd {
	padding-bottom: 0;
	height: 100%;
}

.localnav dd p {
	font-size: 1em;
	padding: 2px 6px 4px;
}

.localnav ul {
	margin-top: 2px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.localnav dd,
.localnav ul {
	font-weight: normal;
	text-align: left;
}

.localnav ul li {
	list-style-image: url(/images/icons/left_bull.gif);
	list-style-position: outside;
	margin-left: 0;
	font-size: 1em;
	padding-bottom: .8em;
}

#maincontent .localnav dl img {
	border-top: none;
	border-right: none;
	border-left: none;
}

/* =============================== */

.localnav dl.double {
	float: left;
	width: 420px;
	margin: 10px;
	font-size: .7em;
	background: #f5f5f5 url(/images/icons/box_bottom_double.gif) no-repeat bottom left;
}

.localnav dl.double dt {
	text-align: center;
	font-weight: bold;
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #663;
	color: #330;
	background: #a3bbf8 url(/images/icons/box_top_double.gif) no-repeat top left;
}

.localnav dl.double dd p {
	font-size: 1em;
	text-align: left;
	font-weight: normal;
	padding: 10px;
}

.localnav dl.double dd ul.left {
	float: left;
	width: 40%;
}

.localnav dl.double dd ul.right {
	float: right;
	width: 40%;
}

#maincontent .localnav dl.double dd img {
	border-top: none;
	border-right: none;
	border-left: none;
}

/* =============================== */
 
.localnav dl.triple {
	float: left;
	width: 640px;
	margin: 10px;
	font-size: .7em;
	background: #f5f5f5 url(/images/stylepieces/box_bottom_triple.gif) no-repeat bottom left;
}
 
.localnav dl.triple dt {
	text-align: center;
	font-weight: bold;
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #663;
	color: #330;
	background: #a3bbf8 url(/images/stylepieces/box_top_triple.gif) no-repeat top left;
}
 
.localnav dl.triple dd p {
	font-size: 1em;
	text-align: left;
	font-weight: normal;
	padding: 10px;
}
 
.localnav dl.triple dd ul.left {
	float: left;
	width: 30%;
}
 
.localnav dl.triple dd ul.right {
	float: right;
	width: 28%;
}
 /* 2013 */
 /*
.localnav dl.triple dt.patron_scheme {
color: #fff;
background: #7c1601 url(/images/stylepieces/box_top_triple.gif) no-repeat top left;
}
*/

.localnav dl.triple dt.patron_scheme {
color: #fff;
background: #006633 url(/images/stylepieces/box_top_triple.gif) no-repeat top left;
}

.localnav dl.triple dt.transparent {
background: #fff url(/images/stylepieces/box_top_triple.gif) no-repeat top left;
}


#maincontent .localnav dl.triple dd img {
	border-top: none;
	border-right: none;
	border-left: none;
}

div.breakAll {
	clear: both;
	width: 80%;
	margin: 0;
	padding: 0;
}

#lastdate {
	color: #999;
	font-size: x-small;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	margin: 7px 0 0;
	padding: 0 0 15px 0;
	clear: both;
}

blockquote {
	background: #fff url(/images/quote.gif) no-repeat left top;
	margin: 20px 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 10px 10px 40px;
	color: #666;
}

blockquote.plain {
	background: #fff url(/images/quote.gif) no-repeat left top;
	margin: 20px 40px;
	border-top: none;
	border-bottom: none;
	padding: 10px 10px 10px 40px;
	color: #666;
}

#contentside blockquote {
	background: #fff url(/images/quote.gif) no-repeat left top;
	float: none;
	padding: 40px 10px 10px;
	margin: 0;
}

#contentside blockquote p {
	margin: 4px;
	font-size: small;
}

blockquote.short23 {
	clear:none;
	width:600px;
}

.short23 {
	width: 600px;
}

hr {
	clear: both;
	color: #fff;
	background-color:#f5f5f5;
	width: 80%;
	margin: 0;
	padding: 0;
}

hr.sector1 {
	width: 100%;
	color: #cc9;
	background-color: #cc9;
}

abbr, acronym, .help {
	border-bottom: 1px dashed #394e5f;
	cursor: help;
}

code {
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-size: small;
	font-family: "Courier New", Courier, Monaco, monospace;
	letter-spacing: 1px;
	margin-top: 0;
}

/* Link formatting */

a:link { color: #36f; }
a:visited { color: #69f; }

a:hover {
	color: #336;
	text-decoration: underline;
}

a:active { color: #336; }

a.newwindow {
    background-image: url(/images/icons/new_window_icon.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    white-space: nowrap;
}

.links {
	font-size: x-small;
	font-family: Verdana, Arial, sans-serif;
	padding: 0;
	margin: 8px 0 0;
}

.notes {
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-size: x-small;
}

.alphabet {
	color: #999;
	font-style: normal;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	word-spacing: 4px;
	border-top: 1px solid #5a7f9c;
	border-bottom: 3px double #5a7f9c;
}

.alphabetsm {
	color: #999;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
	word-spacing: 2px;
	padding: 0 0 4px;
	margin: 10px auto 4px;
	border-top: 1px solid #5a7f9c;
	border-bottom: 3px double #5a7f9c;
	width: 700px;
}

span.next {
	padding-left: 20px;
}

span.previous {
	padding-right: 20px;
}

.author,
.backtop,
.calloutleft p.author,
.calloutright p.author,
#contentside blockquote p.author {
	color: #666;
	text-align: right;
	font-style: normal;
	font-weight: normal;
	font-size: x-small;
	clear: left;
	margin: 0 10px 0 0;
	padding: 0;
}

.attention,
.error {
	color: #f00;
	font-weight: bold;
}

.alertbox {
	background-color: #fffaf0;
	margin: 4px 4px 10px;
	padding: 4px 10px;
	border: double 3px #f00;
}

.alertbox h2 {
	color: #000;
	font-weight: bold;
	font-size: 90%;
	text-align: left;
	margin: 0;
	padding: 8px 0;
}

.alertbox strong {
	color: #f00;
	font-weight: bold;
}

.alertbox p {
	font-weight: normal;
	font-size: 90%;
	text-align: left;
	margin: 0;
	padding: 8px 0;
}

.footnote {
	font-size: x-small;
	margin: 40px 0 0;
	clear: both;
}

.center {
	text-align: center;
}

del,
.strike {text-decoration: line-through;}

ins  {text-decoration: underline;}


/* jumplinks style */

ul.jumplinks {
	font-size: small;
	font-weight: normal;
	font-style: normal;
	margin: 10px 0 20px;
	padding: 10px;
	border-bottom: 1px solid #dcdcdc;
}

ul.jumplinks li {
	list-style-type: none;
	margin: 0 0 6px;
}

.jumplinks li a:link,
.jumplinks li a:visited {
	text-decoration: none;
	padding: 2px;
	border-bottom: 1px dashed #5a7f9c;
}

.jumplinks li a:hover {
	color: #000;
	background-color: #f5f5f5;
	text-decoration:none;
	border-bottom: 1px solid #394e5f;
}


/* FAQ style */

dl.faq { margin: 20px 0 40px; }

.faq dt {
	color:#333;
	font-size: 1em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-top: 20px;
}

.faq dd {
	color: #000;
	font-size: 100%;
	padding: 0;
	line-height: 130%;
	margin: 10px 0 12px;
}

#maincontent p.indent1,
#maincontent p.snug1,
.indent1,
.snug1 {
	margin-left: 40px;
}

#maincontent p.indent2,
#maincontent p.snug2,
.indent2,
.snug2 {
	margin-left: 80px;
}

#maincontent p.snug1,
.snug1,
#maincontent p.snug2,
.snug2 { margin-top: -14px; margin-bottom: 40px; }

#maincontent ul.snug,
ul.snug {
	margin-top: -14px;
	padding-top: 0;
}

/* unique bubbles for contentside */

dl#quicklinks,
dl#alert,
dl#announcement,
dl#essentials {
	width: 218px;
	font-size: .7em;
	text-align: center;
	font-weight: bold;
	margin: 0 0 16px;
	background: #f5f5f5 url(/images/icons/box_bottom_quick.gif) no-repeat bottom left;
}

dl#quicklinks dt {
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #666;
	color: #fff;
	background: #5a7f9c url(/images/icons/box_top_quick.gif) no-repeat top left;
}

dl#alert dt {
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #333;
	color: #fff;
	background: #f00 url(/images/icons/box_top_quick.gif) no-repeat top left;
}

dl#announcement dt,
dl#essentials dt {
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #666;
	color: #333;
	background: #f8de49 url(/images/icons/box_top_quick.gif) no-repeat left top;
}

dl#quicklinks dd,
dl#alert dd,
dl#announcement dd,
dl#essentials dd {
	padding-bottom: 0;
	height: 100%;
}

dl#quicklinks dd p,
dl#alert dd p,
dl#announcement dd p,
dl#essentials dd p {
	padding: 4px 10px;
}

dl#quicklinks ul,
dl#alert ul,
dl#announcement ul,
dl#essentials ul {
	margin-top: 8px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

dl#quicklinks dd,
dl#quicklinks ul,
dl#alert dd,
dl#alert ul,
dl#announcement dd,
dl#announcement ul,
dl#essentials dd,
dl#essentials ul {
	font-weight: normal;
	text-align: left;
}

dl#quicklinks ul li,
dl#alert ul li,
dl#announcement ul li,
dl#essentials ul li {
	list-style-image: url(/images/icons/arrow.gif);
	list-style-position: outside;
	margin-left: 0;
	font-size: 1em;
	padding-bottom: .8em;
}

dl#alert dt.blue {
	border-bottom: 1px solid #666;
	color: #fff;
	background: #5a7f9c url(/images/icons/box_top_quick.gif) no-repeat left top;
}

dl#alert dt.yellow {
	border-bottom: 1px solid #666;
	color: #333;
	background: #f8de49 url(/images/icons/box_top_quick.gif) no-repeat left top;
}

dl#announcement hr {
	text-align: center;
	width: 80%;
	color: #dcdcdc;
	background-color: #dcdcdc;
}

/* callouts and pullquotes */

blockquote.calloutleft,
blockquote.calloutright {
	background: #fff url(/images/quote.gif) no-repeat left top;
	width: 198px;
	padding: 40px 0 10px;
	border: double 3px #ccc;
	color: #666;
	font-size: .7em;
	text-align: left;
	font-size: small;
}

blockquote.calloutleft {
	float: left;
	margin: 0 20px 20px 0;
}

blockquote.calloutright {
	float: right;
	margin: 0 0 20px 20px;
}

#boxdouble {
	margin: 10px;
	padding: 8px;
	border: 3px #5a7f9c double;
}

#maincontent .calloutleft,
#maincontent .calloutright,
.calloutleft,
.calloutright {
	width: 198px;
	border: 3px #ccc double;
}

#maincontent .calloutleft,
.calloutleft {
	float: left;
	margin: 0 20px 20px 0;
}

#maincontent .calloutright,
.calloutright {
	float: right;
	margin: 0 0 20px 20px;
}

#maincontent .MC12,
.MC12 {
	width: 325px;
	border: 3px #ccc double;
		padding: 10px 0;
}

#maincontent .MC12 h2,
#maincontent .MC12 h3,
#maincontent .MC12 h4,
#maincontent .MC12 h5,
#maincontent .MC12 h6,
#maincontent .callout {
	padding: 8px;
	margin: 0;
	text-align: left;
	font-size: 1.1em;
	letter-spacing: 1px;
}

.calloutleft h2,
.calloutleft h3,
.calloutleft h4,
.calloutleft h5,
.calloutleft h6,
.calloutright h2,
.calloutright h3,
.calloutright h4,
.calloutright h5,
.calloutright h6 {
	padding: 8px 0 0;
	margin: 0;
	text-align: center;
	font-size: 100%;
}

#maincontent .calloutleft ul,
#maincontent .calloutright ul,
.calloutleft ul,
.calloutright ul {
	font-size: x-small;
	margin:  0 20px 10px;
}

#maincontent .calloutleft li,
#maincontent .calloutright li,
.calloutleft li,
.calloutright li {
	color: #666;
	font-weight: normal;
	list-style-type: circle;
	margin: 0 10px 0 0;
}

#maincontent .calloutleft p,
#maincontent .calloutright p,
.calloutleft p,
.calloutright p {
margin: 0 10px 10px;
	padding:0;
	font-size: x-small;
}

#maincontent .calloutleft p.center,
#maincontent .calloutright p.center,
#maincontent .MC12 p.center,
.calloutleft p.center,
.calloutright p.center,
.MC12 p.center {
	text-align: center;
}

#maincontent .MC12 ul,
.MC12 ul {
	font-size: small;
	margin:  0 0 10px;
}
#maincontent .MC12 li,
.MC12 li {
	color: #666;
	font-weight: normal;
	list-style-type: circle;
	margin: 0 10px 0 0;
}

#maincontent .MC12 p,
.MC12 p {
	margin: 0 10px 10px;
	padding:0;
	font-size: small;
}

/* 2 Column 700px box */

.boxPicTxt {
	width:700px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	padding:4px 0 16px;
}

.boxPicTxtPic {
	margin: 0;
	padding: 0 10px 0 0; /* 10px fixed applied on 11/13/2018 RCW */
	float:left;
}
.boxPicTxtPic img {
	border: 1px solid #000;
	margin:0;
}

.boxPicTxtPic p.caption,
.boxPicTxtTxt p.caption {
	color: #666;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	margin: 4px 2px;
	padding: 0;
}

.boxPicTxtTxt {
	margin: 0;
	padding: 0 20px;
	/* float:left; commented out as part of fixed applied on 11/13/2018 RCW */
}

.boxPicTxtTxt h2 {
	margin-top: 0;
	padding-top: 0;
}	

/* Added as part of fixed applied on 11/13/2018 RCW */
.boxPicTxtTxt ul, 
.boxPicTxtTxt ol {
	overflow:hidden;
}

/* Added as part of fixed applied on 11/13/2018 RCW */
.boxPicTxtTxt p.indent1 {
	overflow:hidden;
	padding-left: 20px;
}

/* Contact information block */

#maincontent dl.contactinfo {
	padding-top: 20px;
}

#maincontent dl.contactinfo dt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

#maincontent dl.contactinfo dd {
	margin-bottom: 10px;
	font-size: 0.875em;
	line-height: 1.5em;
}

#maincontent dl.contactinfo dd.indent1 {
	margin: 0 40px 20px;
}

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

div.breakAll {
	clear: both;
	width: 80%;
	margin: 0;
	padding: 0;
}

/* Begin Landing Shed Page Template Specific Styles */
/* created by byulga 20120130.1200 */
/* this styling reclaims the 'look and feel' of the javascripted task buttons for use in groupers */

body#landingshed .tasknavButtonBlue {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

body#landingshed .tasknavButtonBlue:hover {
	background-position: 0 -36px;
}

body#landingshed #bubblewrapper .localnav dl.tasker {
	padding-top:20px;
}

body#landingshed #bubblewrapper .localnav dl.tasker dt {
    display: none;
}

body#landingshed #bubblewrapper .localnav dl.tasker dd a {
	color: #000;
	text-decoration: none;
	display: block;
	margin-bottom: 20px;
}

/* Begin Topic Content Page Template Specific Styles */

body#topic #maincontent {
	float:none;
	width: 940px;
}

body#topic #sidebar {
	display:none;
	clear:both;
	float:none;
}

/* MCR7 means main content restrainer, 700px */

body#topic #maincontent .MCR7 {
	width: 700px;
}

body#topic h1 {
	padding: 40px 0 16px;
	margin: 0;
}

body#topic #maincontent .localnav {
	clear: none;
}

#contentside {
	background-color: #fff;
	text-align: left;
	float: right;
	width: 220px;
	padding: 0;
	margin: 0 0 0 18px;
}

.topictitle {
	padding-top: 8px;
	width: 220px;
	text-align: left;
	margin: 0;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	font-size: medium;
	font-family: Arial, sans-serif;
	background: #394e5f url(/images/icons/box_top_topictitle.gif) no-repeat top left;
}

.topictitle a:link,
.topictitle a:visited {
	background-color: #5a7f9c;
	padding: 1em 1em .5em;
	color: #fff;
	text-decoration: none;
	display: block;
	border-top: 2px #000 solid;
	border-bottom: 2px #000 solid;
}

.topictitle a:hover {
	color: #99ccff;
	border-top: 2px #394e5f solid;
	border-bottom: 2px orange solid;
}

#contentside #tasknav {
	border: none;
	text-align:left;
	padding: 1em .7em .7em;
	margin: 0 0 10px;
	background-color: #5a7f9c;
}

#contentside #tasknav dl {
	text-align:left;
	padding-bottom: 10px;
	margin: 0;
	font-size: small;	
	width: 100%;
	clear: both;
	float: none;
}

#contentside #tasknav dl dt {
	text-align: left;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	font-size: small;
	font-family: Verdana, Arial, sans-serif;
	background-color: #5a7f9c;
	float: none;
	width: 100%;
}

#contentside #tasknav dl dt a:link,
#contentside #tasknav dl dt a:visited {
	color: #fff;
	padding-bottom: 2px;
	text-decoration: none;
	display: block;
	border-bottom: 2px solid orange;
}

#contentside #tasknav dl dt a:hover {
	color: #99ccff;
	border-bottom-color: #99ccff;
}

#contentside #tasknav dl dd {
	font-size: .8em;
	color: #fff;
	margin: 0;
	padding: 4px 0;
	float: none;
}

#contentside .localnav {
	border: none;
	text-align:left;
	padding: 0;
	margin: 0;
}

#contentside .localnav dl {
	background: #f5f5f5 url(/images/icons/box_bottom_quick.gif) no-repeat bottom left;
	width: 218px;
	text-align: center;
	margin: 0 0 16px;
	padding: 0 0 10px;
	font-size: small;
	clear: both;
	float: none;
}

#contentside .localnav dl dt {
	text-align: center;
	margin: .5em 0;
	padding: 4px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	background: #5a7f9c url(/images/icons/box_top_quick.gif) no-repeat top left;
	border-bottom: 2px solid #666;
}

#contentside .localnav dl dd {
	padding-bottom: 0;
	height: 100%;
}

#contentside .localnav dl dd ul {
	margin-top: 8px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#contentside .localnav dd,
#contentside .localnav dd ul {
	font-weight: normal;
	text-align: left;
	font-size: small;
}

#contentside .localnav dl dd ul li {
	list-style-image: url(/images/icons/left_bull.gif);
	list-style-type: square;
	list-style-position: outside;
	font-size: .9em;
	margin: 0;
	padding: 0 4px 10px;
}

#contentside .localnav dl dd ul li a:link,
#contentside .localnav dl dd ul li a:visited {
	text-decoration: none;
	/*  is this rule necessary?  It also has a side effect of forcing 
	 *  the PDF help icon to a new line.
	 *   - byulga,20180501
	display: block;
	*/
}

#contentside .localnav dl dd ul li a:hover {
	text-decoration: underline;
}

#contentside .featurespot {
	background-color: #fff;
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#contentside .featurespot img {
	text-align:center;
	width: 218px;
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}

#contentside .featurespot p {
	color: #666;
	font-size: x-small;
	text-align: left;
	width: 216px;
	margin: 0 4px 2px;
	padding: 0;
}

#contentside .featurespotmix {
	background-color: #fff;
	text-align: left;
	width: 220px;
	margin: 0 0 16px;
	padding: 0;
}

#contentside .featurespotmix img {
	text-align: center;
	border: none;
}

#contentside .featurespotmix p {
	color: #666;
	font-size: .7em;
	text-align: left;
	width: 216px;
	margin: 10px 4px;
	padding: 0;
}

#contentside .featurespotmix p.caption {
	color: #666;
	font-size: x-small;
	text-align: left;
	width: 216px;
	margin: 0 4px 2px;
	padding: 0;
}

#contentside dl.contactinfo,
#sidebar dl.contactinfo,
#maincontent .calloutright dl.contactinfo {
	padding: 20px 4px;
	background: #fff;
}

#contentside dl.contactinfo dt,
#sidebar dl.contactinfo dt,
#maincontent .calloutright dl.contactinfo dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #330;
}

#contentside dl.contactinfo dd,
#sidebar dl.contactinfo dd,
#maincontent .calloutright dl.contactinfo dd {
	margin-bottom: 10px;
	font-size: x-small;
}

#contentside dl.contactinfo dd.indent1,
#sidebar dl.contactinfo dd.indent1,
#maincontent .calloutright dl.contactinfo dd.indent1 {
	margin-left: 10px;
}

/* End Topic Content Page Template Specific Styles */


/* Begin Topic Landingwide Template Specific Styles */

#landingwide #maincontent {
	border-right: none;
	float:none;
	width: 940px;
}

#landingwide #tasknav dl {
	width: 580px;
}

#landingwide #tasknav dl dd {
	width: 300px;
	/* padding: 5px; Removed so text will center on button. RCW on 20181130  */
}

#landingwide #sidebar {
	display:none;
	clear:both;
	float:none;
}

#landingwide .localnav {
	text-align: center;
	margin: 0 0 0 35px;
}

#landingwide .localnav dt {

	border-bottom: none;
}

#landingwide .localnav dt.localnavbanner {
	margin: 0 0 2px;
	padding: 0;
	width: 200px;
	height:130px;
	background-color: #fff;
	border-bottom: none;
}
#landingwide .localnav ul {
	padding-top: 4px;
	border-top: 1px solid #cc9;
}

/* End Topic Landingwide Template Specific Styles */


/* option to remove the 1px border from images */

#topic #footer img {
	border: none;
}

body#topic #maincontent img.transparent,

body#landing #sidebar img.transparent,
body#landing #sidebar a:link img.transparent,
body#landing #sidebar a:visited img.transparent,
body#landing #sidebar a:hover img.transparent,

body#minimal #maincontent img.transparent,
body#minimal #sidebar a:link img.transparent,
body#minimal #sidebar a:visited img.transparent,
body#minimal #sidebar a:hover img.transparent,

body#liquidminimal #maincontent img.transparent,
body#liquidminimal #sidebar a:link img.transparent,
body#liquidminimal #sidebar a:visited img.transparent,
body#liquidminimal #sidebar a:hover img.transparent,

#contentside img.transparent,
#contentside a:link img.transparent,
#contentside a:visited img.transparent,

#contentside .featurespotmix img.transparent,
#contentside .featurespotmix a:link img.transparent,
#contentside .featurespotmix a:visited img.transparent,

body#landingshed #sidebar img.transparent,
body#landingshed #sidebar a:link img.transparent,
body#landingshed #sidebar a:visited img.transparent,
body#landingshed #sidebar a:hover img.transparent,

#maincontent .ifloatright img.transparent,
#maincontent .ifloatleft img.transparent {
	border: none;
}

/* images */

body#topic div.transparent img,
body#topic p.transparent img {
	border: none;
}

/* body#topic img  */
#topic img {  /* reduce specificity so logos do not have borders, -byulga, 2015-07-10 */
	border: 1px solid #666;
}

.megaphoto {
	text-align: left;
	width: 702px;
	margin: 0 0 10px ;
	padding: 0;
}
.megaphoto p.caption {
  color: #666;
  font-size: x-small;
  width: 698px;
  line-height: 150%;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
}

.megaphoto img {
	border: 1px solid #000;
	width: 700px;
}

img.imgborderthindark {
	border: 1px #333 solid;
}

img.imgborderthinlight {
	border: 1px #ccc solid;
}

.floatright {
	float: right;
	margin: 0 0 5px 10px;
}

.floatleft {
	float: left;
	margin: 0 10px 5px 0;
}

.floatleft p.caption,
.floatright p.caption {
	color:#666;
	font-size: x-small;
	text-align: left;
	margin: 0 4px 2px;
	padding: 0;
}

div.ifloatright,
div.ifloatleft {
	width: 200px;
	text-align: left;
	padding: 0;
}

div.ifloatright {
	float: right;
	margin: 0 0 10px 20px;
}

div.ifloatleft {
	float: left;
	margin: 0 20px 10px 0;
}

div.ifloatright p,
div.ifloatleft p,
div.ifloatright p span,
div.ifloatleft p span {
	font-size: x-small;
	text-align: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

div.ifloatright p,
div.ifloatleft p {
	color:#666;
	display: block;
	margin-bottom: 10px;
}

div.ifloatright img,
div.ifloatleft img {
	border: 1px solid #000;
	text-align: center;
	width: 200px;
	margin:0 0 2px;
	padding: 0;
}

/* hblock */

div.hblock p span {
	color: #999;
}

div.hblock {
	text-align: center;
	width: 370px;
	margin: 10px auto 20px;
	padding: 4px;
	border-bottom: solid 1px #dcdcdc;
}

div.hblock img {
	text-align: center;
	border: 1px solid #000;
}

div.hblock p {
	color: #666;
	font-size: x-small;
	text-align: left;
	width: 360px;
	margin: 0;
	padding: 0;
}

/* Large Landscape image */

div#landscape {
background-color:#f5f5f5;
width: 370px;
text-align: center;
margin: 20px auto;
padding: 4px;
border: solid 1px #228b22; }

div#landscape img {
text-align: center;
width: 360px;
height: 252px;
margin: 0;
padding: 0;
border: solid 1px #000; }

div#landscape p {
color: #666;
font-size: x-small;
text-align: left;
width: 360px;
margin: 0;
padding: 4px 2px 0; }

div#landscape p span { color: #999; }

/* thumbnails 80px by 80px */

div.thumbnails,
dl.thumbnails {
	margin-bottom: 20px;
}

div.thumbnails {
	margin-top: 10px;
}

dl.thumbnails {
	margin-top: 10px;
}

dl.thumbnails dt {
	float: left;
	width: 82px;
	margin: 0;
	padding: 0;
}

div.thumbnails img,
dl.thumbnails dt img { 
	border: solid 1px #000;
}

dl.thumbnails dd {
	margin: 0 90px;
}

/* thumbnail box 420px wide */

div.thumbnailbox {
	margin-bottom: 20px;
	border: 2px solid #ccc;
	clear:both;
	width: 420px;
	clear:left;
}

.thumbnailbox dl.thumbnails dt {
	float: left;
	width: 160px;
	margin: 0;
	padding: 10px;
	text-align:center;
}

.thumbnailbox dl.thumbnails dt img { 
	border: solid 1px #000;
}

.thumbnailbox dl.thumbnails dd {
	font-size: small;
	width: 240px;
	margin:0;
	padding: 0;
}

.thumbnailbox dl.thumbnails dd p {
	text-align: left;	
	font-size: small;
	margin:0;
	padding: 10px;
}

.thumbnailbox dl.thumbnails dd p.caption {
	color: #666;
	font-size: x-small;
	text-align: left;	
}

/* Topic Landingwide Feature Photo ::: height="250" width="320" */

#featurephotoTLW {
	width:322px;
	text-align: center;
	float: right;
	margin: 0 0 4px 20px;
	padding: 0;
}

#featurephotoTLW img {
	border: double 3px #999;
	width:320px;
	height:250px;
}

#featurephotoTLW p.caption {
	width:320px;
	color:#666;
	font-size: x-small;
	text-align: left;
	width: 322px;
	margin: 0 4px 2px;
	padding: 0;
}

/* end images */

/* Begin ESRI map layout */

div#mapwrapper,
div#map {
	width: auto;
	margin: 0;
	padding: 0;
}

div#mapwrapper {
	height: 100%;
	border: 2px solid #5a7f9c;
}

div#map {
	height: 0;
}

div#mapwrapper > div#map img {
        border: none;
}

#mapwrapper .container {  /* required due to conflict/bug in globalSiteAll_v2.14.3-f19.css - affects Chrome, FF, but NOT IE-10/11. -byulga, 2015-07-16 */
	  text-align: inherit;
}

/* End ESRI map layout */

div.hidden,
.bpc_hidden {
	display: none;
}

.no_mobile {
	display: block;
}
	
.mobile_only {
	display: none;
}


/* Phase Chart: display a linear sequence of boxes, using tables, vertically
 * -byulga, 20190212
 * *** BEGIN *** */

table.phasechart {

	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}

table.phasechart td.box {
	border: 1px solid #394E5F;
	padding: 0.5em;

}

table.phasechart tr.arrow {
	font-size: larger;
	text-align: center;

}

table.phasechart td.highlight {
	background: #83C0F3;

}

/* ***  END  *** */