@charset 'utf-8';
body  {
	margin: 0;
	padding: 0;
	text-align: left; 
	color: #000000;
	font-size: 19px;
	line-height:26px;
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
   
	background: #ffffff; /* Old browsers */
	
/*      background: -moz-linear-gradient(top,  #BCE5D6 0%, #FFFFFF 100%); /* FF3.6+ */
/*		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCE5D6), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
/*		background: -webkit-linear-gradient(top,  #BCE5D6 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
/*		background: -o-linear-gradient(top,  #BCE5D6 0%,#FFFFFF 100%); /* Opera 11.10+ */
/*		background: -ms-linear-gradient(top,  #BCE5D6 0%,#FFFFFF 100%); /* IE10+ */
/*		background: linear-gradient(to bottom,  #BCE5D6 0%,#FFFFFF 100%); /* W3C */
/*		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
/*		background-repeat:no-repeat; */
}
.SH #container {
	max-width: 900px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0px solid #ffffff;
	font-size: 1em;
	padding: 0 12px;
} 
#header-m {
	border:none;
	width:100%; 
	padding:0px;
	background-color: #c9e165;
	text-align:center;
}
#logo {float:left;}
#about	img {
	box-shadow: 4px 4px 8px rgba(0,0,0,.75);
	margin-left:5px;
	margin-bottom:10px;
}

#mainContent {
  margin-bottom: 12px;
}

/*.SH #mainContent {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
} 
.SH #mainContent a:link { color: #fbae4b; text-decoration: none; }
.SH #mainContent p a:visited { color: #fbae4b; text-decoration: none; }
.SH #mainContent p a:hover { color: #339933; text-decoration: underline;}*/
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
input:focus {background-color:#FFFCD6;}
textarea:focus {background-color:#FFFCD6;}
h1 {	font-size: 1.5em;}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #339933;
}
ul {	list-style-type: disc;}
th {
font-weight: bold;
background-color: #fbae4b;
color: #FFFFFF;
text-align: center;
}
.center_cell {	text-align: center;}
td {	background-color: #FFFFFF; color: #444444; }
#indent {	margin-left: 25px;	width: 525px;}
#levels {	float: left;}
.indentdiv {
	background-color: #FFFCD6;
	padding: 30px;
	border: 3px solid #339933;
}
#pickerinsertform h3:first-child {
margin-top:0;
}
@media screen and (max-width: 400px) {
  .indentdiv {
    padding:10px;
border-width:1px;
  }
}

#site_reg label, #pickerinsertform label {
  display:block;
}
#site_reg textarea, #site_reg input, #pickerinsertform textarea,  #pickerinsertform input {
max-width:100%;
}

#footer {
	background-color:#fbae4b; 
	font-size: 12px; 
	color: #FFFFFF; 
	padding:10px;
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
    flex-wrap:wrap;
    align-items:center;
}

#lefttext {
   margin:auto;
	width: 90%;
	z-index: -2;
}
.spacer {width:10px;float:left;}
#donate {position:absolute;top:-8px;left:760px;margin-right:10px; z-index:1000;background-color:#fbae4b;width:100px; height:40px; text-align:center; padding-top:15px;}
#donate a {text-decoration:none;color:#fdc900;font-weight:bold;}
label { cursor: pointer; }
.navigation { width:900px;float:left;background-color:#ffffff;}
.navigation ul{
        	position:relative;         /* positioning */
         z-index:1000; 
         list-style:none;         /* remove the dots next to list items: */
         margin:0;         /* get rid of any default or inherited margins and padding: */
         padding:0;            
         font-family: Arial, Helvetica, sans-serif;    /* styling: */
         font-weight: normal;
         font-size: 12px;
        }
 /* we're using the direct descendant selectors > to ONLY affect the main menu items */
.navigation > ul > li {
            position: relative;         /* positioning */ 
            float: left;
				margin-left:10px;	        /* styling: */
        }
.navigation > ul > li > a { /* main menu items */
            display:block;   /* positioning */ 
            background-color: #ffffff;
            padding:8px 4px;
   			text-decoration:none;
            color:#339933; 
			transition-property: all; 	transition-duration: 500ms;		
        }
.navigation > ul > li > a:hover { background-color:#ffffff;}
.navigation ul ul { /* dropdown list positioning */
            position:absolute;
            z-index:100;
            height: 0px; /* 0 height means not visible */
            overflow: hidden; 
			transition-property: all; 	transition-duration: 500ms;
        }        
.navigation > ul > li:hover ul, 
.navigation > ul > li > a:hover ul 
			{height:120px;}     /* This supercedes the height=0px and makes drop down visible */
.navigation ul ul li{ /* drop-down item style */
          background-color:#339933;
         width:100%; }
.navigation ul a:hover { /* main menu hover colors and transition */
         color:#fdbd59;
			background-color:#ffffff;
			transition-property: all; 	transition-duration: 750ms; }      
.navigation ul ul li a { /* dropdown shape, color */
            display:block;
            text-decoration:none;
            margin:0px 0px;
            padding:5px 12px;
            color:#FFFFFF; 
        }
.navigation ul ul li:hover > a { color:#fdbd59; background-color:#339933; } /* hover background dropdown */




.nav { background-color:#ffffff;}
.nav ul{
        	position:relative;         /* positioning */
         z-index:1000; 
         list-style:none;         /* remove the dots next to list items: */
         margin:0;         /* get rid of any default or inherited margins and padding: */
         padding:12px 0;            
         font-family: Arial, Helvetica, sans-serif;    /* styling: */
         font-weight: normal;
         display:flex;
         flex-wrap:wrap;
         align-items:center;
         justify-content: space-between;
        }
 /* we're using the direct descendant selectors > to ONLY affect the main menu items */
.nav > ul > li {
            position: relative;         /* positioning */ 
            float: left;
        }
.nav > ul > li > a { /* main menu items */
            display:block;   /* positioning */ 
            background-color: #ffffff;
            padding:8px 4px;
   			text-decoration:none;
            color:#339933; 
			transition-property: all; 	transition-duration: 500ms;		
        }
.nav > ul > li > a:hover { background-color:#ffffff;}
.nav ul ul { /* dropdown list positioning */
            position:absolute;
            z-index:100;
            height: 0px; /* 0 height means not visible */
            overflow: hidden; 
			transition-property: all; 	transition-duration: 500ms;
        }        
.nav > ul > li:hover ul, 
.nav > ul > li > a:hover ul 
			{height:120px;}     /* This supercedes the height=0px and makes drop down visible */
.nav ul ul li{ /* drop-down item style */
          background-color:#339933;
         width:100%; }
.nav ul a:hover { /* main menu hover colors and transition */
         color:#fdbd59;
			background-color:#ffffff;
			transition-property: all; 	transition-duration: 750ms; }      
.nav ul ul li a { /* dropdown shape, color */
            display:block;
            text-decoration:none;
            margin:0px 0px;
            padding:5px 12px;
            color:#FFFFFF; 
        }
.nav ul ul li:hover > a { color:#fdbd59; background-color:#339933; } /* hover background dropdown */

 .navdiv {  width:100%; display:block;  }
 
.logosvg {
  width: 120px;
}

.button {
    display: inline-block;
	width:82px;
    outline: none;
	cursor: pointer;
	border: solid 1px #339933;
	color:#ffffff !important;
	  background-color: #869c13; /* fallback color if gradients are not supported */
	  background-image: -webkit-linear-gradient(top,#339933, #339933); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	  background-image:     -moz-linear-gradient(top, #339933, #339933); /* For Firefox (3.6 to 15) */
	  background-image:         -o-linear-gradient(top,#339933, #339933); /* For old Opera (11.1 to 12.0) */ 
	  background-image:             linear-gradient(to bottom, #339933 , #339933); /* Standard syntax; must be last */	
	  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#339933');
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 0em .55em;	
	-webkit-border-radius: 1.2em; 
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
	transition-property: all;
	transition-duration: 500ms;
}
.button:link { color:#ffffff !important;}
.button:visited {color:#ffffff !important;}
.button:hover {
  text-decoration: none !important;
  color:#FFFFFF !important;
  background-color: #339933; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top,#c9e165, #c9e165); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background-image:    -moz-linear-gradient(top, #c9e165, #c9e165); /* For Firefox (3.6 to 15) */
  background-image:      -o-linear-gradient(top,#c9e165, #c9e165); /* For old Opera (11.1 to 12.0) */ 
  background-image:         linear-gradient(to bottom, #c9e165 , #c9e165); /* Standard syntax; must be last */	
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9e165', endColorstr='#c9e165');}
.button:active {
	color:#CBCF97 !important;
	position: relative;
	top: 2px;
}

#mainContent a {
  color: #393;
  font-weight: bold;
}
#mainContent a:hover {
    text-decoration:none;}

#navlinks-m {display: none;}
@media only screen and (max-width: 800px) {
#navlinks {display: none;}
#navlinks-m {display: block;padding-top:5px;}
#navlinks-m li {font-size: 2em;}
#navlinks-m ul {margin-left:10px;}
.spacer {width:0px;}
/*#container {width:100% !important; border:none !important;}*/
.navigation > ul > li {position: relative; float: none; margin-left:0px;}
.navigation > ul > li > a {padding:0% 5%;}
.navdiv {height:auto; padding:1%; border:none;}
}

@media screen and (max-width: 730px) {
    #logo1 {
     flex-basis: 100%;
    }
}

@media screen and (max-width: 600px) {
  .navmenu {display: none;}
  .navmenu .icon {
    float: right;
    display: block;
  }
  #caltable { 
      font-size:15px;
      line-height: 17px;
      table-layout: auto !important;
  }
}