/* @override 
	http://minnesota-map/assets/css/style.css */

/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

h2 {
	font-weight: normal;
}

a { color: #7A0019; }
a:visited { color: ##7A0019; }
a:hover { color: #000; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0 0; padding: 0 0 0 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
table tr {width: 100%;}
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

ul, menu, dir {-webkit-padding-start: 0;}

/*WRAPPER*/
#wrapper {width: 960px;}
#table_wrapper {}
#main #vege_wrapper {width: 960px;}
#main #vege_wrapper h1 {margin-left: 40px; font-size: 22px;}
#main #vege_wrapper h2 {margin-bottom: 0; color: #630015; font-size: 20px; margin-left: 40px;}
#main #vege_wrapper p.content {/* margin-left: 40px; */}
#main #vege_wrapper p.content_map {width: 1175px; margin-left: 40px;}
#wrapper h1, h2 {/* margin-left: 40px; */ }
#table_wrapper h1, h2 {margin-left: 0px;}
#wrapper h2 {font-size: 20px; color: #630015; font-family: Arial; /* margin-left: 40px; */}
#wrapper p.content {
	/* margin-left: 40px; */
	/* width: 1185px; */
}

#wrapper p.content_home {
	width: 577px;
}

.linkage {margin-left: 40px;}
/* END WRAPPER*/

/*HEADER*/
header {
	width: 100%; 
	background-image: url('../img/header.png');
	background-repeat: repeat-x; 
	height: 70px; 
	
}

.logo {background: url('../img/logo.jpg') no-repeat; background-color: transparent; height: 62px; width: 306px; margin-left: 35px; display: block;}

/*MAIN NAV*/
#main_nav {clear:both; float: left; background-color: #ffcc33; width: 100%; font-family: Arial; font-weight: bold; font-size: 16px; border-top: 2px solid #fff082; height: 35px;}
#main_nav ul {height: 35px; padding: 0; margin-left: 20px;}
#main_nav ul li {float: left; position: relative; display: block; color: #000; padding: 7px; margin-left: 20px; }
#main_nav ul li:hover {background-color: #ffe082; width: auto;}
#main_nav ul li a { color: #3b3b3b; text-decoration: none;}
#main_nav ul li a:hover {color: #600014; }

/*MAIN SUB NAV*/
#main_nav ul li ul {display: none; position: relative; background-color: transparent; float: left;}
#main_nav ul li ul li {float: left; position: relative; display: block; color: #000; padding: 7px; margin-left: 20px;}
#main_nav ul li ul li a {color: #363636; text-decoration: none; }
#main_nav ul li ul li a:hover {color: #600014;}
/*END MAIN NAV*/

/*MAIN NAV NEW*/
.on {position: absolute; left: 0;  width: 100%; background-color: #ffe082; top: 99px;
} 
.off {top: -9999999px; position: absolute; opacity: 0; font-family: Arial; font-size: 15px; font-weight: 100;}	
.on a {font-weight: 100;}  


.fix {display: block; }
.simplenav {clear:both; float: left; background-color: #ffcc33; width: 100%; font-family: Arial; font-weight: bold; font-size: 16px; border-top: 2px solid #fff082; height: 35px;
 }

.simplenav > ul {display: block; clear: both; float: left; padding-left: 30px;}
.simplenav li {float: left; list-style: none; padding: 7px 10px 0px 10px;
}

.simplenav li li{
	padding: 4px 10px 4px 10px;
}

.simplenav li li a{
	font-size: 15px;
} 

.simplenav a span{padding: 10px; display: block; padding-top: 35px; }
.simplenav a {text-decoration: none; color: #3b3b3b; font-size: 16px;
}
.simplenav a:hover {color: #600014;}

.simplenav li:hover {color: #000;}

.here>a{
	color: #630015;
}

.sub-here a{
	color: #630015;
}

.home{
	margin-left: 30px;
}

.topo{
	margin-left: 94px;
}

.soils_nav{
	margin-left: 312px;	
}

.aerial_nav{
	margin-left: 260px;	
	
}

.veg_nav{
	margin-left: 207px;		
}


/*END MAIN NAV*/

/*SUB NAV BG*/
#sub_nav {clear:both; float: left; background-color: #ffe082; width: 100%; font-family: Arial; font-weight: 100; font-size: 15px; height: 35px; display: none;}
#sub_nav ul {height: 35px; padding: 0; margin-left: 20px; }
#sub_nav ul li {float: left; position: relative; display: block; color: #000; padding: 7px; margin-left: 20px;}
#sub_nav ul li a {color: #363636; text-decoration: none; }
#sub_nav ul li a:hover {color: #600014;}
/*END SUB NAV BG*/

/*MAIN CONTENT AREA*/
#main {min-height: 800px; max-height: 100%; padding-top: 80px;}
#main #left {float: left; display: block; width: 40%; height: 100%; margin-left: 40px;}
#main #left h1 {font-size: 22px; font-family: Arial; color: #363636;}
#right h2 {font-size: 20px; color: #630015; font-family: Arial;}
#main #left h2 {font-size: 20px; color: #630015; font-family: Arial;}
#main #left h3 {font-size: 18px; color: #363636; font-family: Arial; font-weight: 100; margin-bottom: 0px; background-color: #ffe082;
padding: 8px;
}
#main #left h4 {font-size: 14px; color: #363636; font-family: Arial; font-weight: 100;}
#main #left, #right p.content {  color: #363636;}
#main #right p.content {padding-top: 10px;}
#main #right {float: left; display: block; width: 50%; height: 100%;}
#main #right p.content {width: 800px;}


.border{
	border:10px solid #fff;
	box-shadow: #675f5f 0 0 8px;
}

/*END MAIN CONTENT AREA*/

/*FULL WIDTH PAGES*/

#full { display: block; float: left; margin-left: 40px; min-width: 960px;}
#full h1 {font-size: 22px; font-family: Arial; color: #363636;}
#full h2 {font-size: 20px; color: #630015; font-family: Arial; }
#full .sub_text {margin-top: 0px; font-size: 18px; font-family: Arial; color: #363636; }

#table_wrapper #full{margin-right:20px;}

/*END FULL WIDTH PAGES*/
#pin {width: 350px;}
.lefter {width: 33%; float: left; display: block; font-weight: bold; }
.righter {width: 30%; float: right; display: block; font-weight: bold;}
.lefter1 {width: 71%;float: left; font-weight: normal; font-style: italic; }
.righter1 {width: 7%; float: right; font-weight: normal; font-style: italic;}
.righter2 {width: 23%; float: right; font-weight: normal; font-style: italic;}

.map_image {width: 350px; height: 154px; margin-top: 40px;}

.image_left {margin-left: -5px;}
.image_left2 {margin-left: -10px;}

#main #left .info_box {
	width: 300px;
}

#main #left .info_box h2 {
	font-size: 14px;
	color: #630015;
	margin-left: 0px;
	margin-bottom: 0px;
}

/*LIST PAGES*/

#list_top {background-color: #e0dfda; width: 100%; height: 42px;}
#list_top p {padding: 10px; font-size: 14px; font-family: Arial; color: #363636; font-weight: bold; float: left; display: block; position: relative;}

/*TABLE STYLES*/
.odd {background-color: #e0dfda;}
.odd1 {background-color: #e0dfda; font-weight: bold;}
.odd2 {background-color: #e0dfda; font-weight: bold; width: 100%;}
.even {background-color: #fff;}
td {padding: 5px;}
.sub_image {font-size: 13px}

/*END TABLE STYLES*/

/*END LIST PAGES*/

/*PHOTO GALLERY*/

ul.row {
	width: 100%; 
	height: 255px;
}
ul.row li img{
	margin-bottom: 10px;
}
ul.row li {
	float: left; 
	position: relative; 
	display: block; 
	text-align: center;
	width: 240px;
}
ul.row li a{
	
}
ul.row li img { 
	width: 200px;
}

ul#photo_gallery.row li {
	width: 211px;
} 

/*END PHOTO GALLERY*/

/* FOOTER */
footer {width: 100%; position: relative; height: 90px; float: left; margin-top: 40px;}
#footerwrap{border-top: 3px solid #e4e4e4; height: 300px; background-color: #fff; font-family: Arial; font-weight: 100; color: #000; font-size: 11px; width: /* 960px */100%; float: left; }
#footerleft { float: left; width: 420px; margin-left: 40px; margin-top: 10px; }
#footerright {float: right; width: 360px; margin-top: 10px; margin-right: 20px;}
#footerright a {color: #7a0019; margin-left: 15px; float: right; margin-bottom: 0px;}
#footerright a:hover {color: #000;}
.bottom{
	
	clear: both;
	}

/*END FOOTER */

/* TABLE STYLING*/
#plot_map table {
	width: 100%;
}
.cover td {
	padding: 2px;
}

.cover .lefter {
	width: 41%;
}

.cover .righter {
	width: 29%;
}

table.vege {
	font-size: 12px;
	width: 100%;
	margin-bottom: 50px;
}

table.vege td {
	padding: 7px;
}

table.soils {
	font-size: 12px;
}

table.soils td {
	padding: 7px;
}


/* Species List*/
#species_list_disclaimer {
	font-size: .8em;
	list-style: none;
}
@media only screen and (min-width: 35em) {
  

}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: none; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* Map */
root { 
    display: block;
}

.labels {
    color: black;     
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 11px;
    text-align: center;
    width: 25px;
    white-space: nowrap;
}
#map_canvas {
     width: 800px; 
     height: 600px;
}
#other.redButton {
    background-color: red;
}
#other.greenButton {
    background-color: green;
}

/*HIDE UNWANTED MAP STUFF*/

a[title="Report errors in the road map or imagery to Google"] {
	display: none;
}

div[title="Show street map"] {
	display: none;
}

div[title="Show satellite imagery"] {
	display: none;
}


/*END MAP/*

/* Color Box Overrides*/
.cboxPhoto {
	max-width: 640px;
	min-width: 500px;
}

/* General Styles */
th {
	font-size: 14px;
	padding: 7px;
	text-align: left;
}
td, th {
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: white;
}
.asterisk {
	margin-top: -8px;
	width: 15px;
}
#photo_gallery img {
	height: 150px;
	width: 200px;
}
#site_map {
	background-image: url('../img/site_map.png');
	height: 540px;
	width: 640px;
}
#rail_map {
	background-image: url('../img/rail_map.jpg');
	height: 580px;
	width: 620px;
}
#vege_wrapper #left h2 {
	margin-left: 0;
}

#main #vege_wrapper .plant_list h2,
#main #vege_wrapper .soil_list h2{
	margin-left: 0;
}
#plot_map {
	width: 350px;
}
#plot_map thead {
	color: #630015;
	font-weight: bold;
}
#plot_map .vege {
	font-size: 14px;
}
.veg_pin,
.soil_pin,
.rail_pin {
	background-image: url('../img/pin-normal.png');
	background-repeat: no-repeat;
	height: 53px;
	overflow: hidden;
	width: 41px;
}
.veg_pin.selected,
.soil_pin.selected,
.rail_pin.selected {
	background-image: url('../img/pin-selected.png');
}
.veg_pin span,
.soil_pin span,
.rail_pin span {
	display: block;
	margin-left: 11px;
	margin-top: 13px;
	font-size: 11px;
	text-align: center;
}
.vege td {
	text-align: left;
}
.veg_image {
	margin: 10px 0 20px 0;
	width: 300px;
}
.veg_pin,
.soil_pin,
.rail_pin {
	cursor: pointer;
	position: absolute;
}
#v1 {
	margin-left: 590px;
	margin-top: 459px;
}
#v2 {
	margin-left: 422px;
	margin-top: 440px;
}
#v3 {
	margin-top: 444px;
	margin-left: 78px;
}
#v4 {
	margin-top: 384px;
	margin-left: 87px;
}
#v5 {
	margin-left: 443px;
	margin-top: 385px;
}
#v6 {
	margin-left: 561px;
	margin-top: 395px;	
}
#v7 {
	margin-left: 595px;
	margin-top: 376px;
}
#v8 {
	margin-left: 596px;
	margin-top: 266px;
}
#v9 {
	margin-left: 558PX;
	margin-top: 10PX;
}
#v10 {
	margin-left: 19px;
	margin-top: 3px;
}
#v11 {
	margin-top: 291px;
	margin-left: 32px;
}
#v12 {
	margin-left: 44px;
	margin-top: 353px;
}
#v13 {
	margin-left: 430px;
	margin-top: 319px;
}
#v14 {
	margin-left: 423px;
	margin-top: 354px;
}

/* Soil Pins*/

#s1 {
	margin-left: 562px;
	margin-top: 398px;
}
#s2 {
	margin-left: 555px;
	margin-top: 306px;
}
#s3 {
	margin-left: 574px;
	margin-top: 253px;
}
#s4 {
	margin-left: 310px;
	margin-top: 383px;
}
#s5 {
	margin-left: 302px;
	margin-top: 335px;
}
#s6 {
	margin-left: 304px;
	margin-top: 256px;
}

/* Rail Pins */

#r1 {
	margin-left: 171px;
	margin-top: 110px;
}
#r2 {
	margin-left: 346px;
	margin-top: 263px;
}
#r3 {
	margin-left: 188px;
	margin-top: 269px;
}
#r4 {
	margin-left: 425px;
	margin-top: 431px;
}
#r5 {
	margin-left: 357px;
	margin-top: 37px;
}
#r6 {
	margin-left: 304px;
	margin-top: 256px;
}

.italic {
	font-style: italic;
}
.species_name {
	width: 190px;
}
.text_align_center {
	text-align: center;
}
#vege_wrapper #left img.border {
	width: 320px;
} 
.image_width {
	width: 900px;
}