/* edited 06.18.2002. now alphabetized for your enjoyment! */

a { text-decoration: none }
a:link { color: #0000CC; font-weight: bold; text-decoration: underline }
a:visited { color: #000099; font-weight: bold; text-decoration: underline }
a:hover { color: #336633; font-weight: bold; text-decoration: underline }
a:active { color: #99CC99; font-weight: bold; text-decoration: overline underline }

a.nav { text-decoration: none }
a.nav:link { color: #0000CC; font-weight: bold; text-decoration: underline }
a.nav:visited { color: #000099; font-weight: bold; text-decoration: underline }
a.nav:hover { color: #336633; font-weight: bold; text-decoration: underline }
a.nav:active { color: #99CC99; font-weight: bold; text-decoration: overline underline }

a.sitemap:link { color: #0000CC; font-weight: bold; text-decoration: none !important }
a.sitemap:visited { color: #000099; font-weight: bold; text-decoration: none !important }
a.sitemap:active { color: #99CC99; font-weight: bold; text-decoration: none !important }
a.sitemap:hover { color: #000000; background-color: #CCEEBB; font-weight: bold; text-decoration: none !important }

a.lf { background-color: #000099; text-decoration: none }
a.lf:link { color: #0000CC; background-color: #000099; font-weight: bold; text-decoration: none !important }
a.lf:visited { color: #000099; background-color: #000099; font-weight: bold; text-decoration: none !important }
a.lf:active { color: #99CC99; background-color: #000099; font-weight: bold; text-decoration: none !important }
a.lf:hover { color: #000000; background-color: #446633; font-weight: bold; text-decoration: none !important }

address { /* used in HTML only to describe the creator of the page, not for general "addresses" */	
	font-size: 72%;	
	font-family: Verdana,Helvetica,Geneva,Arial,"MS Sans Serif",sans-serif }
blockquote {	
	font-size: 76%;	
	font-family: Times,"Times New Roman","New York","MS Serif",serif }
blockquote.large {	
	font-size: 100%;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif }
body {	
	background-color: #FFFFFF;	
	color: #000000;	
	font-family: Georgia,"Trebuchet MS",Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif }
code {	
	font-size: 100%;	
	color: #663300;
	font-family: Monaco,Courier,Mishawaka,monospace;
	display: inline }
form { /* don't know if this works */	
	margin: 0px;	
	margin-top: 0px;	
	padding: 0px;	
	padding-top: 0px }
h1, h2, h3, h4, h5 { /* basic heading format */	
	font-weight: bold;	
	color: #446633;	
	line-height: 99% }
h1 {	
	font-family: Georgia,"Times New Roman",Times,Geneva,Helvetica,Arial,Verdana,sans-serif;	
	font-size: 120%;	
	color: #446633;	
	line-height: 105% }
h1.last { /* used in drilldown nav on every page */	
	margin: 0px;	
	background: #CCEEBB;	
	color: #000000; }
h1.h404 { /* used on error page */	
	margin: 0px;	
	background: #DDDDDD;	
	color: #CC0000; }
h2 {
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;
	font-weight: bold;
	color: #446633;
	font-size: 105%;
}
h2.drill { /* used in templates 2a, 2b, 2c */	
	margin: 0px;	
	margin-bottom: .5em }
h2.factsheet { /*used for rare species database factsheet output */
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;	
	font-weight: bold;	
	color: #663300;	
	font-size: 105% }
h2.nospace { /*used to place paragraph text immediately below the heading*/
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;	
	font-weight: bold;	
	color: #446633;	
	font-size: 105%;
	line-height: 1% }
h3 {	
	font-family: Arial,Verdana,Helvetica,sans-serif;	
	font-size: 92%;	
	font-style: italic }
h3.factsheet { /*used for rare species database factsheet output */
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;	
	font-weight: bold;
	color: #663300;	
	font-size: 92%;
	font-style: italic }
h4 {	
	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;	
	font-size: 82% }
h5 {	
	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;	
	font-size: 75%;	
	font-style: italic }
hr {	
	height: 1px;	
	color: #446633 }
input {	
	font: 75% Verdana,Helvetica,Geneva,Arial,"MS Sans Serif",sans-serif;	
	margin: 0px }
li.square {
	list-style-image:url(http://images.dnr.state.mn.us/css/li_10pxsquare.gif) }
li.nobullet {
	list-style-type: none;
	text-indent: 25px }
p input { /* in case an input is inside a paragraph */	
	font-size: .9em !important; }
ol,ul {	
	font-size: 84%;	
	line-height: 125%;	
	font-family: Verdana,Helvetica,Geneva,Arial,"MS Sans Serif",sans-serif }
ol ol { /* if an ordered list is inside another ordered list: contextual selector */	
	font-size: 100%;	
	font-family: Verdana,Helvetica,Geneva,Arial,"MS Sans Serif",sans-serif }
p {	
	font-size: .84em;	
	font-family: Verdana,Helvetica,Geneva,Arial,"MS Sans Serif",sans-serif }
select { /* may end up too small - was initially 75%/80% */	
	font: 80% "Arial Narrow","Helvetica Narrow","MS Sans Serif",Geneva,Helvetica,Arial,sans-serif }
p select { /* in case an input is inside a paragraph */	
	font-size: 1.1em !important; }
td { 	
	font-family: Verdana,Helvetica,Geneva,Arial,"MS Sans Serif",sans-serif }
td.rightlinegreen { /*for table cells in rare species database search screens*/
	border-right: 1px solid #446633 }
td.factsheetleft { /*for table cells in rare species database fact sheet output*/
	text-align: right;
	padding: 3px }
td.factsheetrt { /*for table cells in rare species database fact sheet output*/
	text-align: left;
	padding: 3px }
tr.factsheetdark { /*for table rows in rare species database fact sheet output*/
	background-color: #CCCC99 }
tr.factsheetlight { /*for table rows in rare species database fact sheet output*/
	background-color: #EAEAD5 }
th {	
	font-family: Verdana,Helvetica,Geneva,Arial,"MS Sans Serif",sans-serif;
	text-align: center }
table.data { /* for tabular data without paragraphs */	
	font-size: 80% }
table.features { /* for tables without paragraphs and a border */	
	font-size: 80%;
	border: 1px solid #446633 }
table.gauge, div.gauge { /* for river levels */	
	border: 2px solid #446633;	
	background-color: #999999 }

ul ul { /* if an unordered list is inside another unordered list: contextual selector */	
	font-size: 100%;	
	font-family: Verdana,Helvetica,Geneva,Arial,"MS Sans Serif",sans-serif }

#invisiprop { display: none; }
#printonlyheader { display: none }

.ad {	
	color: #FFFFFF;	
	font-weight: bold;	
	text-align: center }
.biblio { /* for bibliographical citations */	
	margin-left: 30px;	
	font-size: 80%;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif;	
	text-indent: -30px }
.big {	
	font-size: 115% }
.bold { /* fairly self-evident. not sure what my point was. */	
	font-weight: bold }
.borg { /* used everywhere - gives an element a border */	
	border: 1px solid #446633 }
.caption {
  float: right;
  border: solid 1px #446633;
  margin: 5px 5px 10px 10px;
  padding: 5px;
  text-align: left;
  font-weight: bold;
  font-size: small;
  text-indent: 0;}
  
.category { /* currently unused - was supposed to be if we put the main category names on the index page in type */	
	margin: 0px;	
	margin-top: 3px;	
	font-size: small;	
	font-stretch: narrower;	
	line-height: 100%;	
	font-weight: bold;	
	font-variant: small-caps;	
	color: #446633;	
	font-family: Geneva,Helvetica,"MS Sans Serif",Verdana,sans-serif }
.code {	/* for displaying code, html or programming, generally for documentation */
	color: #996600;
	font-family: Monaco,Courier,Mishawaka,monospace }
.compact { /* for less space between paragraphs */	
	margin: 5px;	
	margin-left: 0px;	
	font-size: 80%;	
	line-height: 102%;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif; }
.component { /* allows things like the calendar and the news releases to be put into a page without spacing elements above them */	
	margin-top: 1em }
.date { /* for news component */	
	font-weight: bold }
.error { /* for error messages */	
	margin: 5px;	
	margin-left: 0px;	
	font-size: 80%;	
	line-height: 102%;	
	font-style: italic;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif;	
	color: #990000 }
.flat  { /* for making a textbox flat looking */
	border: black 0px solid;
	margin:0;
	padding:2px;
	}        
.gaugereading { /* also for river levels */	
	background-color: #DDDDDD;	
	color: #446633;	
	font-family: helvetica,arial,sans-serif;	
	font-weight: bold;	
	font-size: 167% }
.gaugedate { /* also also for river levels */	
	font-size: 75%;	
	color: #FFFFFF;	
	background-color: #446633	
	}
.headernospace {
	font-size: 175%;
	font-family: Helvetica,Arial,Geneva,Verdana,sans-serif;	
	font-weight: bold;	
	color: #446633 }
.hilite { 
	background-color: #FFFF33;
	color: #000000 }
.hottopic { /* for the words "Hot Topic" in the news release component, and used in visitor alerts in Parks pages and the like */	
	color: #990000;	
	font-weight: bold }
.instruct { /* a format for instructions - usually put around a table */ 	
	padding: 4px;	
	border: 1px #446633 dotted;	
	background-color: #FDEBAA }
.instruct2 { /* a format for instructions - usually put around a table */ 	
	padding: 4px;	
	border: 1px #446633 dashed;	
	background-color: #FDEBAA;	
	font-size: 75% }
.lfnav { /* used for links in content area if a "nav bar", typically under a component */	
	margin: 4px;	
	margin-left: 0px;	
	margin-bottom: 1em;	
	font-size: 80%;	
	font-weight: bold;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif; }
.lfnav2 { /* smaller than lfnav */	
	margin: 4px;	
	margin-left: 0px;	
	margin-bottom: 4px;	
	font-size: 72%;	
	font-weight: bold;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif; }
.min { /* has to do with Public Access to Minerals Data, but I don't know if it's using this stylesheet */	
	color: #97401C }
.notopborder { /* used for homepage nav */	
	border: 1px solid #446633;	
	border-top: 0px;	
	margin-left: 5px;	
	width: 100% }
.note { /* for a small unobtrusive note */
	color: #333333;
	font-size: 72%;
	font-style: italic;
	text-align: left!important }
.parknote { /* a format for park notes - usually put around a table */ 
	padding: 4px;
	margin-top: 4px;
	border: 1px #446633 dotted }
.rtnav { /* topic names, indented */	
	margin: 4px;	
	font-size: 80%;
	font-weight: bold;
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif;	
	text-indent: -4px }
.rtnav2 { /* for navigation links, indented further */	
	margin: 4px;	
	margin-left: 12px;	
	margin-right: 12px;	
	font-size: 80%;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif;	
	text-indent: -4px }
.rtnav3 { /* just like rtnav2, but it's the page you're on */	
	margin: 4px;	
	margin-left: 12px;	
	margin-right: 12px;	
	font-size: 80%;	
	font-weight: bold;
	color: #446633;
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif;	
	text-indent: -4px }
.rtnav4 { /* for other slightly indented things, not bolded */	
	margin: 4px;	
	font-size: 80%;
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif;	
	text-indent: -4px }
.rtspace {	
	margin-left: 3px;	
	margin-bottom: 3px }
.search { /* to minimize the size of the search box */	
	margin-top: 0px;	
	margin-bottom: 0px;	
	font-size: 80%;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif }
.shortdesc { /* is this used on 2a pages? */	
	font-family: Georgia,"Times New Roman","MS Trebuchet",Trebuchet,Times,"New York",serif;	
	font-size: 72%;	
	margin-top: 3px;	
	margin-bottom: 3px }
.sidebar1 { /* usually used on right-aligned tables to set off sidebar content */	
	padding: 4px;	
	border-top: 3px double #446633;	
	border-bottom:  3px double #446633;	
	background-color: #EAEAD5;	
	color: #000066 }
.sidebar2 { /* ditto (variant) */	
	padding: 4px;	
	border-top: 3px double #446633;	
	border-bottom:  3px double #446633;	
	background-color: #CCEEBB;	
	color: #000000 }
.sidebar3 { /* ditto (another variant) */	
	padding: 4px;	
	border-top: 3px double #446633;	
	border-bottom:  3px double #446633;	
	background-color: #FFFFFF }
.sidebar4 { /* ditto (another variant) */	
	padding: 4px;	
	border-top: 3px double #446633;	
	border-bottom:  3px double #446633;	
	background-color: #FFFFCC }
.small {	
	font-size: 72%; }
.tiny {	
	font-size: 60%; }
.space {	
	margin: 0px 3px 3px 3px }
.tabbox { /* paragraphs inside tabbed boxes in the body, compressed margins between the paragraphs */	
	margin: 4px;	
	padding: 0px;	
	font-size: 84%;	
	/* font-weight: bold;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif */	
	font-family: Georgia,"Trebuchet MS","Times New Roman",Times,"New York",serif }
.topbar { /* not really used? this was initially for the pulldown in the top bar */	
	font: 75%/80% "Arial Narrow","Helvetica Narrow","MS Sans Serif",Geneva,Helvetica,Arial,sans-serif;	
	color: #FFFFFF;	
	background-color: #446633 }
.topnav { /* the links under the top bar, just below the logo */	
	padding: 1px;	
	padding-left: 6px;	
	font-size: 75%;	
	font-weight: bold;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif;	
	text-indent: 0px }
.topnav2 { /* drilldown links only */	
	font-size: 11px;	
	font-weight: bold;	
	/* border: 1px solid #446633;	
	padding: 1px;	
	background-color: #CCEEBB; */	
	font-family: Georgia,Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif }
.topnav3 { /* the links under the top bar, just below the logo */	
	font-size: 75%;	
	font-weight: bold;	
	font-family: Verdana,Geneva,Helvetica,Arial,"MS Sans Serif",sans-serif;	
	margin: 0px;	
	margin-bottom: 2px }

/* the rest is used mostly in the volunteer e-com app. */
th.left {	
	text-align: left }
td.formleft, th.formleft {	
	background-color: #fff;
	text-align: right;	
	vertical-align: middle !important;	
	font-size: 80%;	
	font-family: Verdana, Tahoma, sans-serif; }
td.formright, th.formright {	
	background-color: #fff;
	text-align: left;	
	vertical-align: middle !important;	
	font-size: 80%;	
	font-family: Verdana, Tahoma, sans-serif; }
td.form, th.form {	
	text-align: center;	
	vertical-align: middle !important;	
	font-size: 80%;	
	font-family: Verdana, Tahoma, sans-serif; }
	
/* This is used for display purposed on the table header. */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}