@charset 'utf-8';
body  {
	margin: 0;
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: 100.01%;
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
		background: #c2d9ad; /* Old browsers */
		background: -moz-linear-gradient(top,  #c2d9ad 0%, #FFFFFF 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2d9ad), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #c2d9ad 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #c2d9ad 0%,#FFFFFF 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #c2d9ad 0%,#FFFFFF 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #c2d9ad 0%,#FFFFFF 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d9ad', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
		background-repeat:no-repeat;
}
.SH #container {
	width: 900px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 2px solid #096577;
	font-size: 1em;
} 
#header {
	border:none;
	width:100%; 
	background-color:#ffffff;
	margin:0px;padding:0px;
}

#about	img {
	box-shadow: 4px 4px 8px rgba(0,0,0,.75);
	margin-left:5px;
	margin-bottom:10px;
}
.SH #sidebar1 {
	float: right;
	width: 22%;
	color: #324325;
	font-size: 0.9em;
	border-top-style: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
		background: #f7e1ad; /* Old browsers */
		background: -moz-linear-gradient(top,  #f7e1ad 0%, #FFFFFF 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7e1ad), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f7e1ad 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f7e1ad 0%,#FFFFFF 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f7e1ad 0%,#FFFFFF 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f7e1ad 0%,#FFFFFF 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e1ad', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	font-style: normal;
	border-left-style: none;
	background-repeat: repeat-x;
	height: 560px;
	text-align: center;
}
.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: #d9ad48; text-decoration: none; }
.SH #mainContent p a:visited { color: #d9ad48; text-decoration: none; }
.SH #mainContent p a:hover { color: #d9ad48; text-decoration: underline;}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.watermark img {
object-fit:contain;
max-height: 100%;
position: absolute;
  left:25%;
  opacity: 0.2;
}
.watermark { position: relative; margin:20px;}

input:focus {background-color:#c2d9ad;}
textarea:focus {background-color:#c2d9ad;}
h1 {	font-size: 1.5em;}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #8cb46a;
}
ul {	list-style-type: disc;}
th {	font-weight: bold;  background-color: #096577; color: #FFFFFF; text-align:center;}
.center_cell {	text-align: center;}
td {	background-color: #FFFFFF; color: #000000; }
#indent {	margin-left: 25px;	width: 525px;}
#levels {	float: left;}
.indentdiv {
	margin-left: 40px;
	background-color: #c2d9ad;
	padding: 30px;
	border: 3px solid #096577;
}
#footer {
	background-color:#096577; 
	font-size: 12px; 
	color: #FFFFFF; 
	padding:10px;
	height:18px;
}
#flyout {
	padding:0px;
	margin:0px 0 0 0;
	list-style:none;
	position: relative;
	z-index: 100;
}
#flyout li { margin-bottom:15px; height:40px; 	}
#flyout li a {
	display:block;
	text-align:center;
	height:40px;
	color:#000000;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-repeat: no-repeat;
}
#flyout li:hover { 	position:relative; }
#flyout li:hover > a { font-weight:bold; }
#flyout :hover ul,  #flyout :hover ul :hover ul { 	left:-176px; 	text-align: right; }
#lefttext {
	width: 70%;
	padding-left: 15px;
	z-index: -2;
}
.spacer {width:30px;float:left;} /* extra space at left side of menu bar */
#donate {position:absolute;top:-8px;left:760px;margin-right:10px; z-index:1000;background-color:#86490b;width:100px; height:40px; text-align:center; padding-top:15px;}
#donate a {text-decoration:none;color:#fdc900;font-weight:bold;}
label { cursor: pointer; }
.lab {font-weight:bold;}
#tog1, #tog2, #tog3 { display: none; /* hide the checkbox */}
#menu1, #menu2, #flown {  display: none;}
#tog1:checked + #menu1, #tog2:checked + #menu2, #tog3:checked + #flown { display: block;}

.navigation { width:900px;float:left;background-color:#096577;}
        .navigation ul{
        /* positioning */
        	position:relative;
            z-index:1000;
        /* remove the dots next to list items: */
            list-style:none; 
        /* get rid of any default or inherited margins and padding: */
            margin:0; 
            padding:0;            
        /* styling: */
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 15px;
        }
        /* we're using the direct descendant selectors > to ONLY affect the main menu items */
        .navigation > ul > li {
        /* positioning */ 
            position: relative;
            float: left;
        /* styling: */
	        /* margin-right: 1px; */
			margin-left:10px;	 /* distance between menu items */
        }
        .navigation > ul > li > a {
        /* positioning */ 
            display:block;
        /* styling: */
            background-color: #096577;
            padding:8px 14px;
			text-decoration:none;
            color:#FFFFFF; 
			transition-property: all; 	transition-duration: 500ms;		
        }
        .navigation > ul > li > a:hover{ background-color:#8cb46a;}
		.navigation ul ul{
            width:340px; /* you need a width to accommodate tertiary menus */
            position:absolute;
            z-index:100;
            height: 0;
            overflow: hidden;
			transition-property: all; 	transition-duration: 500ms;
        }        
        /* don't display tertiary box yet */
        .navigation > ul > li:hover ul ul, .navigation > ul > li > a:hover ul ul{
            height:0;          
        }
        /* tertiary drop-down box */
        .navigation ul ul ul{
            left:170px;
            width:170px;
        }      
        .navigation > ul > li:hover ul, .navigation > ul > li > a:hover ul,
        .navigation ul ul li:hover > ul, .navigation ul ul li a:hover > ul{
            height:220px; /* need a height to accommodate any tertiary menus */
        }     
        /* drop-down item styles */
        /* if you want different styling for tertiary menus, just copy the 4 rules below and insert an additional ul: for example: '.navigation ul ul li', becomes: '.navigation ul ul ul li' */
        .navigation ul ul li{
			/* border:1px solid #aaaaaa; */
			/*border-radius:3px;  */
            background-color:#096577;
            width:170px;
        }      
        .navigation ul a:hover { 
			background-color:#8cb46a;
			transition-property: all; 	transition-duration: 750ms;
		}      
        .navigation ul ul li a {
            display:block;
            text-decoration:none;
            margin:0px 0px;
            padding:5px 12px;
            color:#FFFFFF; 
        }
        .navigation ul ul li a:hover, .navigation ul ul li:hover > a { color:#FFFFFF; }

.navdiv {
position:relative;
background-color:#096577;
}
.button {
    display: inline-block;
	width:82px;
    outline: none;
	cursor: pointer;
	border: solid 1px #096577;
	color:#000000 !important;
	  background-color: #8cb46a; /* fallback color if gradients are not supported */
	  background-image: -webkit-linear-gradient(top,#8cb46a, #b5e58a); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	  background-image:     -moz-linear-gradient(top, #8cb46a, #b5e58a); /* For Firefox (3.6 to 15) */
	  background-image:         -o-linear-gradient(top,#8cb46a, #b5e58a); /* For old Opera (11.1 to 12.0) */ 
	  background-image:             linear-gradient(to bottom, #8cb46a , #b5e58a); /* Standard syntax; must be last */	
	  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb46a', endColorstr='#b5e58a');
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 0em .55em;	
	-webkit-border-radius: .8em; 
	-moz-border-radius: .8em;
	border-radius: .8em;
	transition-property: all;
	transition-duration: 500ms;
}
.button:link { color:#000000 !important;}
.button:visited {color:#000000 !important;}
.button:visited {color:#000000 !important;}
.button:hover {
  text-decoration: none !important;
  color:#FFFFFF !important;
  background-color: #b5e58a; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top,#b5e58a, #8cb46a); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background-image:    -moz-linear-gradient(top, #b5e58a, #8cb46a); /* For Firefox (3.6 to 15) */
  background-image:      -o-linear-gradient(top,#b5e58a, #8cb46a); /* For old Opera (11.1 to 12.0) */ 
  background-image:         linear-gradient(to bottom, #b5e58a , #8cb46a); /* Standard syntax; must be last */	
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5e58a', endColorstr='#8cb46a');}
.button:active {
	color:#CBCF97 !important;
	position: relative;
	top: 2px;
}
#navlinks-m {display: none;}
@media only screen and (max-width: 800px) {
#navlinks {display: none;}
#navlinks-m {display: block; font-size:65%; padding-top:5px;}
#navlinks-m ul {margin-left:10px;}
body {font-size: 125%;}
.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;}
}
/*
#turnphone {display:none;}
@media all and (orientation: portrait) { 
#turnphone {display:block; margin:40px;}
body { 
	height: 100vh;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	transform: rotate(90deg); } }
   */