@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Oleo+Script:400,700);
@import url(https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:wght@500&family=Playfair+Display&display=swap);
@charset "utf-8";
/* CSS Document */
#toprow{
	padding:0 15px;
	border-top:#58af14 4px solid;
}
#toprow_left{
	width:270px;
	float:left;
}
#toprow_left a{
	padding:30px 0;
	display:block;
}
#toprow_right{
	width:420px;
	float:right;
	margin:20px 0;
}
#droptext{
	display:none;
	visibility:hidden;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:12px; color:#999;
	margin:5px 0;
}
@media (max-width: 775px) {
#toprow_left{
	width:100%;
	float:none;	
}
#toprow_left a{
	padding:10px 0;
	display:block;
	margin:0 auto;
	width:270px;
}
#toprow_right{
	width:270px;
	float:right;
	display:none;
	visibility:hidden;
}
#droptext{
	display:block;
	visibility:visible;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:14px; color:#999;	
}	
}
/* --------------------------------------------------------------------------- */
#welcomerow{
	background:#57af14;
	padding:10px;
}
#welcomerow_left{
	width:200px;
	float:left;
}
#welcomerow_left ul.welsrch{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	list-style-position:inside;
}
#welcomerow_left ul.welsrch li{
	margin:0 10px 0 0;
	padding:0;
	color:#651d06;
	font-size:24px;
	float:left;
	padding:0 10px 0 0;
	border-right:#CCC 1px solid;
}
#welcomerow_left ul.welsrch li a{	
	color:#fff;
	font-size:20px;
	text-decoration:none;
}
#welcomerow_left ul.welsrch li a:hover{	
	color:#FFFF99;
	font-size:20px;
	text-decoration:none;
}
#welcomerow_right{
	width:470px;
	float:right;
}
#welcomerow_right ul.srch{
	margin:0;
	padding:0;
	float:right;
	list-style-type:none;
	list-style-position:inside;
}
#welcomerow_right ul.srch li{
	margin:0 10px 0 0;
	padding:0;
	color:#651d06;
	font-size:24px;
	float:left;
}
#welcomerow_right ul.srch li a{
	margin:10px 10px 0 0;
	padding:0;
	color:#fff;
	font-size:14px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
#welcomerow_right ul.srch li a:hover{	
	color:#FFCC66;
}
@media (max-width: 771px) {
#welcomerow_left{
	width:100%;
	float:left;	
}
#welcomerow_left ul.welsrch{
	margin:0 auto;
	padding:0;
	float:none;
	width:160px;
	/*border:#000 1px solid;*/	
	list-style-type:none;
	list-style-position:inside;
}
#welcomerow_left ul.welsrch li{
	margin:0 10px 0 0;
	padding:0;
	color:#651d06;
	font-size:24px;
	float:left;
	padding:0 10px 0 0;
	border-right:#fff 1px solid;
}
#welcomerow_right{
	width:100%;
	float:left;	
}
#welcomerow_right ul.srch{
	margin:0;
	padding:0;
	float:none;
	list-style-type:none;
	list-style-position:inside;
	border-top:#fff 1px solid;
}
#welcomerow_right ul.srch li{
	margin:0 10px 0 0;
	padding:0;
	color:#651d06;
	font-size:24px;
	float:none;		
}
#welcomerow_right ul.srch li a{
	display:block;
	margin:0 10px 0 0;
	padding:10px;
	color:#fff;
	font-size:14px;
	float:none;
	text-align:center !important;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}
#welcomerow_right ul.srch li a:hover{	
	color:#FFCC66;
}	
}
/*#welcomerow_left h1{
	font-family: 'Oleo Script', cursive;
	color:#6e2104;
	font-size:24px;
	text-shadow:#FFF 1px 1px 0;
	margin:5px 0 0 0;
}*/
/* --------------------------------------------------------------------------- */
#wallpaperbig{
	background:url(../images/wallpaper.jpg) repeat-y 50% 0;
	background-attachment:fixed;
	background-size:cover;
}
#filterrow{
	background: rgb(70,125,28);
	background: linear-gradient(0deg, rgba(70,125,28,1) 0%, rgba(70,125,28,1) 75%, rgba(42,78,15,1) 100%);
	padding:15px 10px !important;
}
#filterrow h1{
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	/*font-family: 'Playfair Display', serif;*/
	color:#fff;
	font-size:24px;
	text-shadow:#000 1px 1px 0;
	text-align:center;
	margin:5px 0 0 0;
}
/* --------------------------------------------------------------------------- */
#bookmarkbox{
	background:#FFF;
	/*height:500px;*/
	height:auto;
	overflow:auto;
	padding:15px;
	box-shadow:#999 0 0 2px;
	margin-top:-20px;	
	font-size:15px;
	margin-bottom:50px;
	border-top:#862301 10px solid;
}
#bookmarkbox_title{
	background:#FFF;
	padding:10px 10px;
	/*height:30px;*/	
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;	
	font-size:18px;
	margin:10px;	
}
/* --------------------------------------------------------------------------- */
#mainbody{
	background:url(../images/bodytexture.jpg) repeat;
	padding:30px 0;
}
#mainbody a.fiter{
	text-decoration:none;
	color:#a92f05;
	display:block;
	padding-left:10px;
	border-left:#CC9 1px solid;
}
#mainbody a:hover.fiter{
	color:#000;
}
	
#mainbody p{
	font-size:16px;
	color:#333;
	text-align:center;
}
#mainbody h6{
	font-size:16px;
	color:#333;
	line-height:20px;
	/*background:#606060;*/
}
#editorbox{
	background:#FFF;
	padding:25px;
	box-shadow:#999 0 0 2px;
	margin-top:-20px;
	text-align:justify !important;
	font-size:17px;
	border-top:#862301 10px solid;
}
#editorbox h2{	
	font-size:16px;
	font-weight:normal;
	color:#a02424;
	font-weight:bold;
}
#editorbox h4{	
	font-size:14px;
	font-weight:normal;
	color:#5a5a5a;
	font-weight:normal;
}
#editorbox_footnote{
	margin-top:20px;
	padding:15px 0 0 0;
	border-top:#CCC 1px solid;
	text-align:justify !important;
	font-size:15px;
}
#bookbull{
	display:block;
	width:35px;
	height:35px;
	background:#fdf9b6;
	border-radius:20px;
	text-align:center;
	line-height:35px;
	font-size:18px;
	color:#333;
	box-shadow:#999 1px 1px 1px;
}
#photoblock{
	background:#FFF;
	box-shadow:#999 0 0 5px;
	padding:8px;
	/*height:255px;*/
	border-bottom:#57af14 10px solid;
	margin-bottom:15px;
}
#photoblock_big{
	background:#FFF;
	box-shadow:#999 0 0 5px;
	padding:8px;
	/*height:255px;*/
	border-bottom:#57af14 10px solid;
	margin-bottom:15px;
}
#photoblock_image{
	/*width:154px;
	height:180px;*/
	overflow:hidden;
	/*margin-bottom:5px;*/
}
#photoblock a{
	font-size:14px;
	line-height:15px;
	color:#982c04;
	margin:0;
	text-decoration:none;
	margin:7px 0 0 0;
	display:block;	
}
#photoblock a:hover{
	color:#333;
}
@media (max-width: 576px) {
#photoblock{
	background:#FFF;
	box-shadow:#999 0 0 5px;
	padding:8px;
	height:auto;
	border-bottom:#57af14 10px solid;
	margin-bottom:15px;
}
#photoblock a{
	font-size:10px;
	line-height:11px;
	color:#982c04;
	margin:0;
	text-decoration:none;
	margin:7px 0 0 0;
		
}
#photoblock a:hover{
	color:#333;
}	
}
#photoblock h5{
	font-size:12px;
	color:#1b1b1b;
	margin:7px 0 0 0;
}
/* --------------------------------------------------------------------------- */
#copyrightrow{
	background:#2a4e0f;
	padding:25px 15px;
}
#copyrightrow p{
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:24px;
	margin:0;
}
#copyrightrow p span{
	color:#eaff8a;
}
#copyrightrow p span.ml{
	color:#a7bf3b;
}
/* --------------------------------------------------------------------------- */
#creditbg{
	background:url(../images/creditbg.jpg) repeat-x 0 0 #1a3704;
	padding:25px 15px 20px 15px;
}
#creditbg p{
	font-size:14px;
	color:#57af14;
	text-align:center;	
	margin:0;
}
/* --------------------------------------------------------------------------- */
#controlrow{
	background:#ffec9e;
	padding:7px 25px;
	/*position: fixed;*/	
	width: 100%;
	/*left: 0;
	bottom:0;*/
	z-index: 100;
	/*z-index:99999999999999999999999999;*/
}
.zoomin{
	display:block;
	background:#e35e3f;
	height:25px; width:25px;
	line-height:25px;	
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	float:right;
	margin-left:10px;
	margin-top:7px;
}
.zoomin:hover{
	display:block;
	background:#CCC;
	height:25px; width:25px;
	line-height:25px;	
	color:#900;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	float:right;
	margin-left:10px;
	margin-top:7px;
}
/* ------------------------------------------------------------------------- */
.btn-danger-control {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
  font-size:14px !important;
}
.btn-danger-control:hover {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #ac2925 !important;
  font-size:14px !important;
}
/* --------------------------------------------------------------------------- */
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369 !important;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
/* SERACH */
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
	z-index:999999999999999999999999999;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
@media (max-width:625px){
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}	
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color: #e00404;
	border-color: #e00404;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}
/* SERACH */

.tablescroll{
	width: 100%;
	overflow-x: scroll; overflow-y:hidden;
}