/* Project: Minnesota Ground Water Association
URL: http://www.mgwa.org/
Date: April 2009
Author: Red Kite Creative
Author URL: http://www.redkitecreative.com */

/**************************************
  Override default styling rules
**************************************/
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

:link, :visited { text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, * {
	margin: 0; padding:0; }
a img, :link img, :visited img { border: none; }
/* normalize font-size for all headers */
h1, h2, h3, h4 { font-size: 100%; }
img, fieldset { display: block; border: none; }
/* To prevent jumping */
html { min-height: 100%; margin-bottom: 1px; }
/**************************************
  Default rules
**************************************/
/* Transparency method used for IE6 - js/unitpngfix.js */
h1, h2, h3, h4 {
	margin-bottom: 0.5em;
	padding: 0;	
	text-align: left;
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #28332f;
	background-color: transparent;
}
h1 {
	font-size: 1.4em;
}
h2 {
	margin-top: 0.3em;
	font-size: 1.1em;	
}
h3 {
	margin-top: 0.4em;
	font-size: 1em;
}
h4 {
	font-size: 0.8em;
}
p {
	margin: 0;
	padding-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #191814;
	background-color: transparent;	
}
a, a:link, a:visited {
	color: #062b44;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	color: #0F66A4;
	background-color: transparent;
	text-decoration: underline;
}
a:focus, a:hover, a:active {
	outline: none;
}
ul li {
	margin: 0;
}
acronym {
	border-bottom: 1px dotted #F5F5F5;
}
hr {
	margin: 0.3em 0 0.6em 0;
   border-top: 1px solid #062b44;
	border-right: none;
	border-bottom: none;
	border-left: none;	
   height: 2px;
}
sup {
	font-size: 0.4em;
}
/**************************************
  Overall layout rules
**************************************/
html, body, #wrapper {
	height: 100%;  /* Required for sticky footer */
}
body > #wrapper {
	height: auto;
	min-height: 100%;
}
body {
	position: relative;
	font-size: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #062b44;
	background-color: #e2e9f3;
	background-image: url(../images/body-background.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#header {		
	background-image: url(../images/header-background.jpg);
	background-position: left;
	background-repeat: repeat-x;
	height: 90px;
}
#header-inside {
	position: relative;
	margin: 0 auto;
	width: 960px;
	color: #062b44;
	background-color: transparent;
}
#header-arrows {
	position: absolute;
	top: 43px;
	left: 690px;	
	height: 107px;
	width: 168px;	
	background-image: url(../images/arrows.gif);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 1;
}
#page-title {
	position: relative;
	top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}
#page-title a:hover, #page-title a:active {
	color: #062b44;
	background-color: transparent;
	text-decoration: none;
}
#info-guide {
	position: absolute;
	top: 5px;
	right: 0;
}
#info-guide img {
	float: left;
	margin-right: 5px;
}
#info-guide p {
	font-weight: bold;
	font-size: 0.8em;
	width: 18em;
	line-height: 1.2em;
}
#wrapper {
	margin: 0 auto 100px;
	padding: 0;
	width: 960px;
	min-height: 100%;
	color: #062b44;
	background-color: #fff;
	background-image: url(../images/wrapper-background.jpg);
	background-position: top;
	background-repeat: repeat-y;
}
/************************************************
  Content rules
************************************************/
#left {
	float: left;
	width: 200px;
}
#center {		
	float: left;
	/*width: 57em;*/
	width: 540px;
	z-index: 20;
}
#center p {
	z-index: 25;
}
#center a, #center a:link, #center a:visited {
	color: #294654;
	background-color: transparent;
	font-weight: bold;
	text-decoration: underline;
}
#center a:hover, #center a:active {
	color: #0F66A4;
	background-color: transparent;
	text-decoration: none;
}
ul.bullet-list {
	margin: 0.3em 1em 0 2em;
	padding-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #262D3C;
	background-color: transparent;
	list-style-type: disc;	
}
ul.bullet-list li, ol li {
	padding-bottom: 0.4em;
	line-height: 1.3em;
	font-size: 0.8em;
}
ul.bullet-list li ul {
	list-style-type: disc;	
	padding: 0.5em 0 0 2em;	
}
ul.bullet-list li ul li {
	padding-bottom: 0.2em;
}
ul.no-bullet-list {
	margin: 0.3em 1em 1em 0.5;
	padding-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #262D3C;
	background-color: transparent;
	list-style-type: none;	
}
ul.no-bullet-list li {
	padding-bottom: 0.4em;
	line-height: 1.5em;
	font-size: 0.8em;
}
ul.no-bullet-list li ul li {
	margin-left: 20px;
	padding: 0.3em 0 0.3em;
	font-size: 105%;
	line-height: 1.2em;
}
ul.no-bullet-list a, ul.no-bullet-list a:link, ul.no-bullet-list a:visited {
	font-weight: normal;
	text-decoration: underline;
}
ul.no-bullet-list a:hover, ul.no-bullet-list a:active {
	font-weight: normal;
	text-decoration: none;
}
#center ul li:hover {
	background-color:#eaeaea;
}
#center ol {
	list-style-type:decimal; 
	list-style-position:outside; 
	margin-left:20px;
}
#center ol li:hover {
	background-color:#eaeaea;
}
#right {
	float: right;
	width: 200px;
}
.padding {
	padding: 0.6em 1.4em 0 1em;
	z-index: 15;
}
.padding-right {
	padding: 3.4em 1.2em 1em 0.8em;
}
div.box {
	float: left;
	margin: 0.5em 13px 1em 0;
   color: #062b44;
	background-color: transparent;    
   width: 150px;
	background-image: url(../images/box-background.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
div.box h1 {
    margin: 0;
    padding: 0.4em 0;
	 color: #fff;
	 background: #006aa9;
    font-size: 0.9em; 
	 text-align: center;	 
}
div.box p {    
    margin: 0 0 1em 0;
    padding: 0.6em;
	 color: #000;
	 background: transparent;
    font-size: 0.75em;   
}
#center div.box h1 a, #center div.box h1 a:link, #center div.box h1 a:visited {
	color: #fff;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}
#center div.box h1 a:hover, #center div.box h1 a:active {
	color: #D0F3DC;
	background-color: transparent;
	text-decoration: underline;
}
/************************************************
  Left column rules
************************************************/
#members-box {
	margin-left: 15px;
}
#members-box img {
	margin-left: 20px;
}
#members-box h3 {
	margin: 0.2em 0 0.6em;
	font-size: 0.9em;		
	color: #fff;
	background-color: transparent;
}
#members-box p {
	margin-bottom: -0.5em;
	font-size: 0.8em;
	color: #fff;
	background-color: transparent;
}
#members-box input {
	margin-bottom: 0.2em;
}
#button-login {
	width: 63px;
	height: 27px;
}
/************************************************
  Right column rules
************************************************/
#right h3 {
	margin-bottom: 0.5em;
	font-size: 0.9em;
}
.sponsor-logos {
	padding: 0.6em 0;
}
/**************************************
  Footer rules
**************************************/
#footer {
	clear: both;
	margin-top: -100px; /* neg footer height */
	height: 100px;
	color: #fff;
	background-color: #062b44;
	background-image: url(../images/footer-background.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	z-index: -10;
}
#footer-overlap {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 46px;
	background-image: url(../images/footer-overlap-background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 2;
}
#footer-overlap p {
	position: absolute;
	top: 40px;
	right: 10px;
	font-size: 0.7em;
	color: #fff;
	background-color: transparent;
}
#footer-overlap a, #footer-overlap a:link, #footer-overlap a:visited {
	color: #fff;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}
#footer-overlap a:hover, #footer-overlap a:active {
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
/************************************************
  Nav rules
************************************************/
#navlist {
	margin: 0 0 10px 2px;
	padding: 0;
	width: 199px;
	background-color: #80a8c0;
	border-bottom: 1px solid #78A3BC;
}
#navlist li {
	padding: 0.4em 0;	
	list-style-type: none;
	text-align: left;
	line-height: 100%;
}
#navlist li a, #navlist li a:link, #navlist li a:visited {
	padding: 0.3em 0 0.3em 1em;
	display: block;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}	
#navlist li a:hover, #navlist li a:active {
	color: #294654;
	background-color: #96c3e0;
}
#navlist li a .current, #navlist li a.current:link, #navlist li a.current:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #294654;
	background-color: #96C3E0;
	text-decoration: none;
}	
#navlist li a.current:hover, #navlist li a.current:active {
	color: #294654;
	background-color: #96c3e0;
}
/************************************************
  Table styling rules
************************************************/
table {
	margin: 0.4em 0 2em 0;
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/*width: 450px;*/
}
table#corporate {
	margin: 0.4em 0 2em 0;
	font: 12px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: separate;
}
#center table tr:hover td {
	background-color: #EAEAEA;
}
#center table#corporate tr:hover td {
	background-color: transparent;
}
#center table tr.blue:hover td {
	background-color: #96c3e0;
}
th {
	padding: 0.4em 0.5em 0.5em 0;
	text-align: left;
	font-size: 1.2em;
}
tr.blue td {
	border-top: 1px solid #0F66A4;
	border-bottom: 1px solid #0F66A4;
	background: #D0DCEC;
	font-weight: bold;
}
td {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
}
table#corporate td {
	border: none;
	padding: 0 0.5em;
}
/*td:first-child {
	width: 220px;
}*/
td+td {
	border-left: 1px solid #CCC;
}
table#corporate td+td {
	border: none;
}
#center table#corporate a img {
	border: none;
}
/************************************************
  Miscellaneous rules
************************************************/
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.bold-italic {
	font-weight: bold;
	font-style: italic;
}
.small {
	margin-top: 1em;
	font-size: 11px;
}
.members-only {
	font-weight: bold;
	font-style: italic;
	font-size: 80%;
	color: Red;
	background: transparent;
}
#center a img, #center :link img, #center :visited img { 
	border: 1px solid #0f69a7; 
}
.img-right {
	float: right;
	margin: 0 0 5px 10px;
	padding: 1px;
	border: 1px solid #0F69A7;
}
.img-left {
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;
	border: 1px solid #0F69A7;
}
.img-left-noborder {
	float: left;
	margin: 0 10px 0 0;
}
.cal-left {
	float: left;
	display: table-cell;
	margin: 0 10px 10px 0;
}
.list-notes {
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.3em;
}
.list-notes-sm {
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.3em;
}
.larger {
	font-size: 120%;
}
.titles {
	font-size: 115%;
	font-weight: bold;
}
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}
.clear-both {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */