/* *********************************** */
/*   SlidesJS Optional:                */
/* *********************************** */   
 #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }
    #slides .caption{
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 5px;
	background: rgba(255, 255, 255, 0.5);
	color: #000;
	font-size: 16px;
	line-height: 16px;
	position: absolute;
	bottom: 0;
}


    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination{
      margin-top: 2px;
	float: right;
}
.slidesjs-pagination .slidesjs-pagination-item{
	display: inline-block;
	width: 16px;
	margin: 4px;
}
.slidesjs-pagination .slidesjs-pagination-item a{
	display: block;
	width: 12px;
	height: 12px;
	border: solid 2px #666;
	border-radius: 8px;
	background: #CCC;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
}
.slidesjs-pagination .slidesjs-pagination-item a.active{
	background: black;
	border-color: black;
}

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
/* *********************************** */
/* *******       top.css       ******* */
/* ***** [       section       ] ***** */
/* *********************************** */
/* *********************************** */

section {
	width: 100%;
	/*height: 100%;*/
    margin: 0px;
    padding: 0px;
    text-align:left;
}

.insta01 {
    margin: 15px 10px;
    letter-spacing: 1px;
    border-bottom: 2px solid #999999;
    line-height: 30px;
    background: no-repeat left center url(../img/arrow01.gif);

}
.insta02 {
    margin: 15px 10px;
    letter-spacing: 1px;
    border-bottom: 2px solid #999999;
    line-height: 30px;
    background: no-repeat left center url(../img/arrow01.gif);

}
.insta01 a{
    text-decoration:none;
}
.insta02 a{
    text-decoration:none;
}
#information {
    margin: 15px 10px;
	font-size: 1.2em;
	letter-spacing: 6px;
    line-height: 45px;
    /*float: left;*/

}
#information ul {
    margin:0px;
    padding:0px;
    list-style:none;
}
#information li {
    margin: 0px;
    padding: 0px 15px;
    border-bottom: 1px dotted #999999;
    background: no-repeat left center url(../img/arrow01.gif);
}
#information li a{
    text-decoration:none;
}
#whatnew {
    margin: 15px 10px;
    letter-spacing: 1px;
    /*float: left;*/
    line-height: 40px;
}
#whatnew ul {
    margin:0px;
    padding:0px;
    list-style:none;
}
#whatnew li {
    margin:0px;
    padding: 0px 15px;
    border-bottom: 1px dotted #999999;
    background: no-repeat left center url(../img/arrow01.gif);
}
#whatnew li a{
    text-decoration:none;
}
#fb {
    margin: 15px 10px;
	/*background-color: #edfcf4;*/
    /*float: left;*/
}
#fb a{
    text-decoration:none;
}
#fb-box{
	height: 330px;
	margin: 0px auto;
}
.clboth {clear: both;}
#event {
    float: left;
    width: 48%;
    margin: 15px 10px;
    letter-spacing: 1px;
    line-height: 20px;
}
#sitelink {
    float: left;
    width: 48%;
    margin: 15px 5px;
    letter-spacing: 1px;
    line-height: 20px;
}

#event2 {
    margin: 15px 10px;
    margin: 15px 10px;
    letter-spacing: 1px;
    line-height: 40px;
}

#sitelink2 {
    margin: 15px 10px;
    margin: 50px 10px;
    line-height: 40px;
	font-size: 0.9em;
}

#cl {
	clear: both;
}


.cont-title,
.cont-title2 {
    margin: 0px;
    padding: 0px 3px;
    letter-spacing: 1px;
    border-bottom: 2px solid #999999;
    line-height: 30px;
}
.cont-text {
    margin: 0px;
    padding: 0px 15px;
    border-bottom: 1px dotted #999999;
    background: no-repeat left center url(../img/arrow01.gif);
}
.cont-text a{
	text-decoration: none;
}
#fb_300 {
	width: 300px;
}
#fb_335 {
	width: 335px;
}
#fb_500 {
	width: 500px;
}
#fb_500,#fb_335 {
	display: none;
}
@media all and (max-width: 767px) {
	#information,#whatnew,#event,#sitelink {
    	width: 95%;
    	float: none;
    	margin: 15px auto;
    	background-color: /*#dcf8ea #f7fdfa*/none;
		/*border-radius: 12px 12px 12px 12px;
	    border: 1px solid burlywood;*/
	}
	#fb {
    	width: 95%;
    	float: none;
    	margin: 15px auto;
	}
	#fb-box{
		width: 500px;
    	margin: 0px auto;
	}
	#del-example {
    	display: none;
	}
	#information ul{
    	background-color: #dcf8ea;
    }
	#whatnew ul{
    	background-color: #edfcf4;
    }
	#information li {
	    border-top: 5px solid white;
	    border-bottom: none;
	}
	#information li a{
	    display: block;
	}
	#whatnew li a{
	    display: block;
	}
	#sitelink {
	    line-height: 40px;
	}
	
	.cont-title {
	    padding: 0px 10px;
	    letter-spacing: 15px;
		font-size: 14px;
    	background-color: #dcf8ea/*#f7fdfa#c7e2d5*/;
	    border-right: 2px solid  burlywood ;
	    border-bottom: 3px solid  burlywood ;
		border-radius: 5px 5px 5px 5px;
	}
	
	.insta01 {
	    padding: 0px 10px;
	    margin-left: 1em;
	    margin-right: 1em;
	    letter-spacing: 1em;
		font-size: 14px;
    	background-color: #edfcf4;
	    border-right: 2px solid  red;
	    border-bottom: 3px solid  orange ;
		border-radius: 5px 5px 5px 5px;
	}
	.cont-text a{
	    display: block;
	}
	.slick-prev,
	.slick-next
	{
	    left: -20px;
	    right: -20px;
	    opacity: 0;
	}
	.slick-dots li button:before
	{
        font-size: 10px;
	}
	.slick-dots li,
	.slick-dots li button,
	.slick-dots li button:before
	{
	    width: 15px;
	    height: 15px;
	}
}
@media all and (max-width: 999px) {
	.slick-prev,
	.slick-next
	{
	    left: -20px;
	    right: -20px;
	    opacity: 0;
	}
}
@media all and (min-width: 530px) and (max-width: 767px) {
	#whatnew {font-size: 1.2em; letter-spacing: 2px;}
	#event {font-size: 1.2em; letter-spacing: 2px;}
	#sitelink {font-size: 1.2em; letter-spacing: 2px;}
	#event2 {font-size: 1.2em; letter-spacing: 2px;}
	#sitelink2 {font-size: 1.2em; letter-spacing: 2px;}
	#fb_300,#fb_335 {
		display: none;
	}
	#fb_500 {
		display: block;
	}
	.insta02 {
		display: none;
	}
}
@media all and (max-width: 529px) {
	#information {font-size: 1.15em;}
	#whatnew {font-size: 1em;}
	#event {font-size: 1.15em;}
	#sitelink {font-size: 0.9em;}
	#event2 {font-size: 1em;}
	#sitelink2 {font-size: 1em;}
	#fb-box{
		width: 335px;
    	margin: 0px auto;
	}
	#fb_300,#fb_500 {
		display: none;
	}
	#fb_335 {
		display: block;
	}
	.insta01 {
		display: block;
	}
	.insta02 {
		display: none;
	}
}
@media all and (min-width: 1000px) {
	#fb,#fb-box {
		width: 300px;
   	}
	#fb_335,#fb_500 {
		display: none;
	}
	#fb_300 {
		display: block;
	}
	#information {
	    width: 270px;
		font-size: 1em;
		letter-spacing: 1px;
	}
	#whatnew {
	    width: 370px;
	    margin: 15px 5px;
	}
	#event {
	    width: 270px;
	}
	#sitelink {
	    width: 370px;
	}
}
@media all and (min-width: 1000px) {
	#info {
		display: table;
	}
	#infol_cell1 {
		display: table-cell;
		vertical-align: top;
	}
	#infol_cell2 {
		display: table-cell;
		vertical-align: top;
	}

}
@media all and (min-width: 768px) and (max-width: 999px) {
	#whatnew ul{
		height: 120px;
		overflow: auto;
	}
	#fb_300,#fb_500 {
		display: none;
	}
	#fb_335 {
		display: block;
	}
	#sitelink2 {font-size: 1em;}
}

@media all and (min-width: 768px) {
	.cont-title,.cont-title2,.insta02 {
	    letter-spacing: 5px;
		background-color: #f7fdfa;
	    border-right: 1px solid  burlywood ;
	    border-bottom: 1px solid  burlywood ;
		border-radius: 5px 5px 5px 5px;
		padding-left: 12px;
	}
	#tbl {
		display: table;
		width: 100%;
	}
	#tbl_cell1 {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
	#tbl_cell2 {
		display: table-cell;
		vertical-align: top;
	}
	#fb-box{
		width: 335px;
    	margin: 0px auto;
	}
	.insta01 {
		display: none;
	}
	.insta02 {
		display: block;
	}
}