@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: #404040;
	font-size: 100.01%;
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
		background: #B9BAA0; /* Old browsers */
		background: -moz-linear-gradient(top,  #B9BAA0 0%, #FFFFFF 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B9BAA0), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #B9BAA0 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #B9BAA0 0%,#FFFFFF 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #B9BAA0 0%,#FFFFFF 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #B9BAA0 0%,#FFFFFF 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B9BAA0', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
		background-repeat:no-repeat;
}
.SH #container {
	width: 900px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 2px solid #34571B;
	font-size: 1em;
} 
#header {
	border:none;
	width:900px; 
}
#social {height:40px;text-align:right;font-size:12px; width:700px;float:right;padding:0px; border:none;}
#social a {color:#86490b; text-decoration:none;}
#social a:hover{text-decoration:underline;}
#social li {display: inline; list-style-type: none; padding-right: 40px; }
#logo {float:left;}
#about	img {
	box-shadow: 4px 4px 8px rgba(0,0,0,.75);
	margin-left:5px;
	margin-bottom:10px;
}
.SH #sidebar1 {
	float: right;
	width: 200px;
	color: #6F6F6F;
	font-size: 0.9em;
	border-top-style: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
		background: #E1F0A6; /* Old browsers */
		background: -moz-linear-gradient(top,  #E1F0A6 0%, #FFFFFF 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1F0A6), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #E1F0A6 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #E1F0A6 0%,#FFFFFF 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #E1F0A6 0%,#FFFFFF 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #E1F0A6 0%,#FFFFFF 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1F0A6', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
		background-repeat:no-repeat;
	font-style: normal;
	border-left-style: none;
	background-repeat: repeat-x;
	height: 620px;
	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: #216680; text-decoration: none; }
.SH #mainContent p a:visited { color: #216680; text-decoration: none; }
.SH #mainContent p a:hover { color: #216680; text-decoration: underline;}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
input:focus {background-color:#F9FAE0;}
textarea:focus {background-color:#F9FAE0;}
h1 {	font-size: 1.5em;}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #216680;
}
ul {	list-style-type: disc;}
th {	font-weight: bold;  background-color: #34571B; color: #FFFFFF; text-align:center;}
.center_cell {	text-align: center;}
td {	background-color: #FFFFFF; color: #505050; }
#indent {	margin-left: 25px;	width: 525px;}
#levels {	float: left;}
.indentdiv {
	margin-left: 40px;
	background-color: #E7F6C7;
	padding: 30px;
	border: 3px solid #345718;
}
#footer {
	background-color:#345718; 
	font-size: 12px; 
	color: #FFFFFF; 
	padding:10px;
	height:18px;
}
#flyout {
	padding:0px;
	margin:0px 0 0 0;
	list-style:none;
	width:180px;
	position: relative;
	z-index: 100;
}
#flyout ul {padding:0; margin:0; list-style:none; width:180px; height:40px;  position:absolute; left:-9999px; top:0;}
#flyout li { margin-bottom:15px; height:40px; 	}
#flyout li a {
	display:block;
	text-align:center;
	width:180px;
	height:40px;
	color:#000000;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-right:10px;
	background-repeat: no-repeat;
}
#flown li { margin-bottom:1px;}
#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: 560px;
	margin-left: 15px;
	z-index: -2;
}
.spacer {width:90px;float:left;}
#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:#345718;}
        .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:25px;	
        }
        .navigation > ul > li > a {
        /* positioning */ 
            display:block;
        /* styling: */
            background-color: #345718;
            padding:8px 14px;
			text-decoration:none;
            color:#FFFFFF; 
			transition-property: all; 	transition-duration: 500ms;		
        }
        .navigation > ul > li > a:hover{ background-color:#78C837;}
		.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:#345718;
            width:170px;
        }      
        .navigation ul a:hover { 
			background-color:#78C837;
			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 {
height:32px;
/* padding:3px; */
position:relative;
}
.button {
    display: inline-block;
	width:82px;
    outline: none;
	cursor: pointer;
	border: solid 1px #4D463F;
	color:#000000 !important;
	  background-color: #ADD66B; /* fallback color if gradients are not supported */
	  background-image: -webkit-linear-gradient(top,#ADD66B, #C5F47A); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
	  background-image:     -moz-linear-gradient(top, #ADD66B, #C5F47A); /* For Firefox (3.6 to 15) */
	  background-image:         -o-linear-gradient(top,#ADD66B, #C5F47A); /* For old Opera (11.1 to 12.0) */ 
	  background-image:             linear-gradient(to bottom, #ADD66B , #C5F47A); /* Standard syntax; must be last */	
	  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD66B', endColorstr='#C5F47A');
	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:#4F4843 !important;}
.button:visited {color:#4F4843 !important;}
.button:hover {
  text-decoration: none !important;
  color:#FFFFFF !important;
  background-color: #C5F47A; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top,#C5F47A, #ADD66B); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background-image:    -moz-linear-gradient(top, #C5F47A, #ADD66B); /* For Firefox (3.6 to 15) */
  background-image:      -o-linear-gradient(top,#C5F47A, #ADD66B); /* For old Opera (11.1 to 12.0) */ 
  background-image:         linear-gradient(to bottom, #C5F47A , #ADD66B); /* Standard syntax; must be last */	
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5F47A', endColorstr='#ADD66B');}
.button:active {
	color:#662200 !important;
	position: relative;
	top: 2px;
}