.modalTip {
    display: table;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    z-index: 99;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.0);
}


.modalTip-content {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
   -webkit-border-radius: 8px 8px 8px 8px;
   border: 0px solid #000000;
       width: 200px;
   -webkit-box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.3);
   box-shadow: -3px -3px 5px 0px rgba(0,0,0,0.3);
      padding: 0;
   webkit-animation-name: fadeIn;
   -webkit-animation-duration: 4.4s;
   animation-name: fadeIn;
   animation-duration: 4.4s
}

@keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
         .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
         }
         
.modalTip-body {    
    background-color: rgb(255,255,255);
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border: 0px solid #000000;}

.w3-button{
border:none;
display:inline-block;
outline:0;
padding:2px 6px;
vertical-align:middle;
overflow:hidden;
text-decoration:none;
color:inherit;
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border: 0px solid #000000;

text-align:center;
cursor:pointer;
white-space:nowrap
}

.w3-btn:hover{
box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.w3-btn,.w3-button{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
} 

.w3-display-topright{
position:absolute;
right:0;
top:0
}

/***********************/
/* SECTION 6 - CONTENT */
/***********************/

/*--------------------*/
/* Section 6.1 - Size */
/*--------------------*/

.content {
	float: left; width: 200px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);	
}



/*----------------------------------*/
/* Section 6.3 - Extra container    */
/*----------------------------------*/
/* To ensure that no problems arise */
/* with right and left floatings    */
/* and make the implementation      */
/* robuster.                        */
/*----------------------------------*/

Table1Tip {
	margin-left: auto;
	margin-right: auto;
	cellpadding: 0; 
	cellspacing: 0;
	background-color: #FFF;
}

Table2 {
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}

/*-----------------------------*/
/* GREEN and GOLD shade bars for CONTENT */
/*-----------------------------*/

.GOLDshadgrad{
 background-color:#F7EFC3;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7EFC3);
background-image: -ms-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7EFC3), color-stop(42, #FFFFFC), color-stop(80, #F7EFC3), color-stop(90, #FFE3B3), color-stop(94, #FEFFE3), color-stop(98, #F2D498), color-stop(100, #FAB54E));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);}

.GREENshadgradTOP{

border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border: 0px solid #000000;
 background-color:#CEE7C2;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#C9DEB8);
 background-image:-moz-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-webkit-linear-gradient(top, #C9DEB8 0%, #FFFFFF 47%,#C9DEB8 100%);
background-image:-o-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-ms-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#CEE7C2), color-stop(47%,#FFFFFF),color-stop(100%,#CEE7C2));}
 
 .GREENshadgradBOT{

border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px 0px 8px 8px;
border: 0px solid #000000;
 background-color:#CEE7C2;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#C9DEB8);
 background-image:-moz-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-webkit-linear-gradient(top, #C9DEB8 0%, #FFFFFF 47%,#C9DEB8 100%);
background-image:-o-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-ms-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#CEE7C2), color-stop(47%,#FFFFFF),color-stop(100%,#CEE7C2));}

.shadow {
	float: left; margin: 0px;
outline: none;
-webkit-box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.30);
-moz-box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.30);
box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.30);
}



/* Paragraph text */
p {
	clear: left;
	margin: 4px;
	padding: 0px;
	font-size: 130%;
	color: #000000;
	text-align: center;
}



/*----------------------*/
/* Section 6.8 - Images */
/*----------------------*/

/* No border */
.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right; margin: 0.3em 0px 3px 7px;
}

/* Border */
.img-left-border {
	float: left; margin: 0.3em 7px 3px 0px; border: solid 1px rgb(150,150,150);
}

.img-right-border {
	float: right; margin: 0.3em 0px 3px 7px; border: solid 1px rgb(150,150,150);	
}

.img-right-shadow {
	float: right; margin: 0.3em 0px 3px 7px; border: solid 0px rgb(150,150,150);
outline: none;
-webkit-box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.50);
box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.50);
}

.img-left-shadow {
	float: left; margin: 0px; border-left: solid 1px rgb(200,200,200); border-top: solid 1px rgb(200,200,200); border-right: solid 1px rgb(140,140,140);  border-bottom: solid 1px rgb(140,140,140);
outline: none;
-webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.50);
box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.50);
}



.BOTgradient{width:600px; height:60px;
 background-color:#F7EFC3;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7EFC3);
background-image: -ms-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7EFC3), color-stop(42, #FFFFFC), color-stop(80, #F7EFC3), color-stop(90, #FFE3B3), color-stop(94, #FEFFE3), color-stop(98, #F2D498), color-stop(100, #FAB54E));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);}

.BOTgradientFoot{width:600px;height:30px;
 background-color:#F7EFC3;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7EFC3);
background-image: -ms-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
background-image: -moz-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
background-image: -o-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7EFC3), color-stop(42, #FFFFFC), color-stop(80, #F7EFC3), color-stop(90, #FFE3B3), color-stop(94, #FEFFE3), color-stop(98, #F2D498), color-stop(100, #FAB54E));
background-image: -webkit-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
background-image: linear-gradient(to bottom, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);}



/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/

/*------------------------------------------*/
/* Section 10.1 - Global default fonts      */
/*------------------------------------------*/
/* Only applied to the main div-statements  */
/* for the basic page regions.              */
/*------------------------------------------*/

.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1.0em; line-height: 1.7em; color: rgb(110,110,110);
}

.sidebar-font {
	font-size: 1.0em; line-height: 1.4em; color: rgb(110,110,110);
}

/* Percentage value does not work in "footer", so we     */
/* cannot give the normed size of "1.0em" here and scale */
/* it up inside the "footer". Thus we define the final   */
/* font-size here the way it will appear on screen.      */
.footer-font {
	font-size: 1.1em; color: rgb(0,102,0);
}

/*--------------------------------------*/
/* Section 10.2 - Horizontal alignments */
/*--------------------------------------*/

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*-------------------------------------*/
/* Section 10.3 - Title decoration box */
/*-------------------------------------*/

.box-on {
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

.box-off {
	display: none;
}


/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/
.bg-i {
 background: url(http://mylandmatters.org/Images/i_icon.png) no-repeat;
 display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 19px; /* Width of new image */
  height: 19px; /* Height of new image */
  padding-left: 22px; /* Equal to width of new image */
}

.bg-Q {
 background: url(http://mylandmatters.org/Images/Q_icon.png) no-repeat;
 display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 19px; /* Width of new image */
  height: 19px; /* Height of new image */
  padding-left: 22px; /* Equal to width of new image */
}

.bg-Ex {
 background: url(http://mylandmatters.org/Images/Ex_icon.png) no-repeat;
 display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 19px; /* Width of new image */
  height: 19px; /* Height of new image */
  padding-left: 22px; /* Equal to width of new image */
}

.bg-green1 {
 background-color:#CEE7C2;

filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#C9DEB8);
 background-image:-moz-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-webkit-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-o-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-ms-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#CEE7C2), color-stop(47%,#FFFFFF),color-stop(100%,#CEE7C2)); text-decoration: none;
color: rgb(0,102,0);
}


.bg-yellow1 {
 background-color:#F7EFC3;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7EFC3);
background-image: -ms-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7EFC3), color-stop(42, #FFFFFC), color-stop(80, #F7EFC3), color-stop(90, #FFE3B3), color-stop(94, #FEFFE3), color-stop(98, #F2D498), color-stop(100, #FAB54E));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
}



/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {
	clear: both; width: 625px; height: 1px; border: none; color: rgb(255,0,0);
}

/* HTML-code examples */
.showcode {
  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);
}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
}

br {
	clear: both;
}

/* Table class to center horizontal menu */
.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

=============================================================================
Global Buttons Attributes
========================================================================== */

a.button2{
	max-width:200px;
}

.button2 {
	border: 1px solid #333;
    border-radius: 12px;
	-moz-box-shadow:    0px 0px 4px 0px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.40);
	box-shadow:         0px 0px 4px 0px rgba(0,0,0,0.40);
    font-family: "trebuchet ms", verdana, arial, sans-serif; 
    font:10px/bold sans-serif;
/*	text-shadow: 1px 1px 0 #fff; */
    color: #333;
	padding: 0.4em 0.5em;
	font-weight:bold;
 background-color:#F7EFC3;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F7EFC3);
background-image: -ms-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7EFC3), color-stop(42, #FFFFFC), color-stop(80, #F7EFC3), color-stop(90, #FFE3B3), color-stop(94, #FEFFE3), color-stop(98, #F2D498), color-stop(100, #FAB54E));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
/* W3C Markup */ 
background-image: linear-gradient(to bottom, #F7EFC3 0%, #FFFFFC 42%, #F7EFC3 80%, #FFE3B3 90%, #FEFFE3 94%, #F2D498 98%, #FAB54E 100%);
}

.button2:hover,
.button2:focus,
.button2:active,
.button2.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
/*    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
    color: #006600;
		background-color:#CEE7C2;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#C9DEB8);
 background-image:-moz-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-webkit-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-o-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
background-image:-ms-linear-gradient(top, #CEE7C2 0%, #FFFFFF 47%,#CEE7C2 100%);
 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#CEE7C2), color-stop(47%,#FFFFFF),color-stop(100%,#CEE7C2));
}

.button2:active,
.button2.active {
	border: 1px solid #006600;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000));
    background-image: -moz-linear-gradient(#666, #000);
    background-image: -ms-linear-gradient(#666, #000);
    background-image: -o-linear-gradient(#666, #000);
    background-image: linear-gradient(#666, #000);
}

/* =============================================================================
Base Button
========================================================================== */

.button2 {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.1em 1em;
    margin: 0;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.button2:hover,
.button2:focus,
.button2:active,
.button2.active {
    text-decoration: none;
}

/* overrides extra padding on button2 elements in Firefox */
.button2::-moz-focus-inner {
    padding: 0;
    border: 0;
}