@charset "UTF-8";
/* CSS Document */


img, embed, object, video  {max-width:100%;}

body {
	width:100%;
	background-color:fff;
}
.flex-container       {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
.flex-container2       {
	display: flex;
	justify-content: space-evenly;
	flex-flow: row nowrap;
	align-items:stretch;
	text-decoration: none;
}
.specialboxcontainer  {
	width:800px;
	}
.specialbox    {
	width: 90%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-left: 0px;
}

.specialbox    a  {
	color: #000;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.specialbox  a:link  {
	color: #F00;
	text-decoration: none;
}
p.specialbox    {
	font-size: 1em;
	padding-bottom: 10px;
}
p.specialheadline     {
	font-size: 1em;
	color: #FFF;
	background-color: #669;
}

.box1    a  {
	color: #000;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.box1  a:link  {
	color: #000;
	text-decoration: none;
}
.box2    a  {
	color: #000;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.box2  a:link  {
	color: #000;
	text-decoration: none;
}

.box3    a  {
	color: #000;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.box3  a:link  {
	color: #000;
	text-decoration: none;
}
.box1     {
	width:28%;
	order:0;
	text-decoration: none;
}

.box2     {
	width:28%;
	order:1;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.box3     {
	width:28%;
	order:2;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p,tr,td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	padding-left:2em;
	padding-right:2em;
	margin-top: 0.1em;
	text-align:left;
	color:#366;
}

.maincontent p   {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	padding-left:2em;
	padding-right:2em;
	margin-top: 0.1em;
	text-align:left;
	color:#669;
}
.pagecontent      {
	/* background-color:#ccc; */
	order: 0;
	flex-grow: 3;
	width: 96%;
	min-height:200px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	overflow: scroll;
}
.pagecontent a p {
	font-size: .8em;
	text-decoration:none;
}
.pagecontent a  {
	font-size: 0.8em;
	text-decoration:none;
}
.pagecontent a:link    {
	font-size: 0.8em;
	text-decoration:none;
}
.pagecontent a:hover  {
	font-size: .8em;
	text-decoration:none;
	color:red;
}
a:visited  {
	font-size: 0.8em;
	text-decoration:none;
	color: #3dad00;
}
.pagecontent  a:active {
	color:#009966;
	background-color:#d4dcce;
	}
.header-bar           {
	display:block;
	background-color:black;
	width:98%;
	margin: 1%;
}
.flex-container2 p {
	font-size: .9em;
	color: #663;
}
.newsheader     {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #090;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	display: block;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 10px;
	background-color: #000;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
}


.container800      {
	max-width: 800px;
}

.maincontent      {
	/* background-color:#ccc; */
	order: 0;
	flex-grow: 3;
	width: 55%;
	margin: 1%;
	min-height:900px;
}
.rightsidebox      {
	flex-grow: 1;
	/* background-color:#699; */
	order: 1;
	width: 26%;
	min-height:900px;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	float:right;
}
.newsarticlexx   {
	display:block;
}

.videobox   {
	background-color: #000;
	height: 200px;
	margin: 5px;
	padding: 0px;
	display: block;
}

.footer {
	max-width: 96%;
	margin: 0 auto;
	padding-top: 2em;
	width: 40em;
}

.footer    p  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	/* [disabled]margin-right: 1em; */
	/* [disabled]margin-left: 1em; */
	padding-bottom: 0.2em;
  margin: 0 auto;
	color: #63C;
}
.leftside     {
	width:28%;
	float:left;
	padding-right: 2%;
	padding-left: 2%;
	height: 250px;
}
.leftside .leftsideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.rightside     {
	width:28%;
	float:left;
	padding-right: 2%;
	padding-left: 2%;
	height: 250px;
}
.rightside .rightsideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.centerside     {
	width:28%;
	float:left;
	padding-right: 2%;
	padding-left: 2%;
	margin-right: 2%;
	margin-left: 2%;
	height: 250px;
}
.centerside .centersideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.food-and-drink     {
	background-color:#E6D3EA;
}
.bees     {
	background-color:#E9A9A1;
}
.animals     {
	background-color:#E9DDD7;
}
.books     {
	background-color:#D7EADD;
}
.videos3     {
	background-color:#E3EAE5;
}
.news     {
	background-color:#F5EDAF;
}
.pink     {
	background-color:#D7EADD;
}
.bees-back     {
	background-color:#E9E1D0;
}
.liteblue     {
	background-color:#EEF1FF;
}
.litegray     {
	background-color:#EAF1F9;
}
.trending        {
	font-size: 1em;
	color: #C00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C00;
	font-variant: normal;
	margin-right: 1em;
	margin-top: 2em;
	padding-top: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 2em;
	margin-bottom: 1em;
	display: block;
}

.trending2        {
	font-size: 1.2em;
	color: #060;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #060;
	font-variant: small-caps;
	margin-right: 1em;
	margin-top: 1em;
	padding-top: .5em;
}
.trend        {
	font-size: 1em;
	color: #069;
	text-indent: 2em;
}
.trend    a:link     {
	font-size: 1em;
	color: #069;
}
.imagecotainer   {
	border: 1px solid #366;
	margin-bottom: 15px;
}
.noticeme      {
	background-image: url(images/pink.png);
	background-repeat: repeat;
}

.infosarticleheader    {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	color: #063;
	text-decoration: underline;
	margin-bottom: 0.5em;
	margin-left: 0em;
	margin-top: 2em;
	border: thin none #000;
}
.infosarticle {
	background-color: #CEFFD3;
	width: 98%;
	-moz-border-radius: .6em .6em .6em .6em;
	-webkit-border-radius: .6em .6em .6em .6em;
	border-radius: .6em .6em .6em .6em;
	padding: 1em;
	border: 1px double #063;
}

.infosarticle   p   {
	color: #669;
	font-size: 0.9em;
	margin-top: 0.7em;
}
.newsarticletitlexxx {
	font-size: 1.4em;
	color: #C3F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

.newsarticletitle       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #693;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 15px;
	margin-right: 10px;
}
.infosarticle p strong {
	color: #000;
}

.newsarticleheader    {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #CC6600;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.newsarticleheader   a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: red;
	text-indent: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-left: 20px;
	margin-bottom: 5px;
}
.publicnotice {
	border: 1px solid #063;
	margin-bottom: 0.2em;
	padding-left: 0.5em;
	width: 92%;
}
.newsarchive {
	border: 1px solid #063;
	width: 60%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 5px;
}
.newsarchive   p   {
	font-family: Verdana, Geneva, sans-serif;
	color: #669;
	margin-top: 10px;
}
.newsarchiveheader    {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #CC6600;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
xxx.newsarticle {
	border: 1px solid #063;
	margin-bottom: 0.2em;
	padding-left: 0.5em;
	width: 100%;
}
.altarticleshort         {
	width:75%;
	min-height:120px;
	border: 1px solid #999;
}

.rightheader      {
	color: #03C;
	font-size:1.1em;
	text-align: center;
	padding-top: 1em;
	padding-bottom: -1em;
	margin-bottom: 0em;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #063;
}
.rightheader    p  {
	color: #FC6;
	text-align: center;
	padding-bottom: 0.0em;
	margin-bottom: 0.0em;
}
.rightheader    a:link  {
	color: #03C;
	text-align: center;
	padding-bottom: 0em;
	margin-bottom: 0em;
}
.rightheader a {
	color: #F00;
}
.rightheader    a:visited  {
	color: #03C;
	text-align: center;
}


.header4      {
	color: #fff;
	background: DarkGreen;
	text-align: center;
	font-size: 2em;
	height:100px;
	margin-right: 15px;

}

.header5      {
	text-align: center;
	margin-top: 0.5em;
	height:50px;
	margin-right: 0px;
	width: 100%;
}
.header5    p  {
	color: #fff;
	font-size: 2em;
}
.header5    a  {
	color: #fff;
	font-size: 2em;
}
.header5    a:link  {
	color: #fff;
	font-size: 2em;
}

.header5    img  {
	margin-right: 0px;
}

.blue   {
	background-image: url(images/blue.jpg);
	width:80%;
	height:100px;
	margin-left: 2%;
	order: 0;
}
.red   {
	background-image: url(images/red.jpg);
	width:80%;
	height:100px;
	margin-left: 2%;
	order: 1;
}
.green   {
	background-image: url(images/green.jpg);
	width:80%;
	height:100px;
	margin-left: 2%;
	order: 2;
}
.white   {
	background-image: url(images/white.jpg);
	width:80%;
	height:100px;
	margin-left: 2%;
	order: 2;
}
.yellow   {
	background-image: url(images/yellow.jpg);
	width:90%;
	height:100px;
	margin: auto;
	order: 0;
}
.gray   {
	background-image: url(images/gray.jpg);
	width:90%;
	height:100px;
	margin: auto;
	order: 1;
}




.title {
	border: 1px solid #ccc;
	max-width: 100%;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.menu-container {
	width: 98%;
	margin: 0 auto;
	background-color: #000;
}

.menu {
	margin: 0 auto;
	min-height: 28px;  /* white */
}
.menub {
	margin: 0 auto;
	width: 80%;
	min-height: 28px;  /* white */
}
.video   {
	width:80%;
	max-height: 400px;
	margin: 5px;
	padding: 5px;
	display: block;
} 
.videoshort   {
	background-color: #ffe;
	width:80%;
	max-height: 75px;
	margin: 5px;
	padding: 5px;
	display: block;
}  
.video-frontpage   {
	width:28%;
	padding: 5px;
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 70px;
}  
.video2   {
	background-color: #E3EAE5;
	margin: 5px;
	padding: 5px;
}  
.video-t   {
	background-color: none;
	width:80%;
	height: 120px;
	margin: 5px;
	padding: 5px;
	display: block;
} 
.bannertop    {
	width:50%;
	max-width:720px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}

.charity       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #693;
}

/* Begin Section, "Styling". */
h1  	 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 5em;
	color: #5572AD;
	text-align: center;
	font-weight: lighter;
	margin-bottom: -20px;
	margin-top: 0;
		}	
h2  	 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #669966;
	text-align: center;
	font-size: 1.2em;
	}	
h3  	 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 10px;
	color: #006699;
	text-align: center;
	}	
h4  	 {
	margin-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	}	
h5  	 {
	}	
h6  	 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 5em;
	color: #5572AD;
	text-align: center;
	font-weight: lighter;
	margin-bottom: -20px;
	margin-top: 0;
	}
h1 strong {
	font-weight: bold;
	color: #5572AD;
}
/* End Section, "Styling". */
/* Begin Section, "Floats". */
 br.clear	{clear:both;}
 br.clearright	{clear:right;}
 br.clearleft	{clear:left;}	
.floatleft {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.floatleft1 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
	clear: both;
}
.floatleft2 {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-right: 10px;
}
.floatleft3 {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 40px;
	margin-left: 5px;
	padding-right: 10px;
}
.floatleft4 {
	float: left;
	margin-top: -2px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 2px;
}
.floatleft5 {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	padding-right: 10px;
}
.floatrightall {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: left;
	text-align: right;
	clear: right;
	padding-right: 250px;
}
.floatrightform {
	float: right;
	vertical-align: top;
	margin-top: -20px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.floatrightform2 {
	float: right;
	vertical-align: top;
	margin-top: -20px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.floatright { float: right; margin: 5px 5px 5px 5px; }
.floatright2 { float: right; margin: 0px 0px 0px 0px; }
.floatnone {
	float: none;
	margin: 0px;
}
.floatnoborder { border:hidden; }
.floatcenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	float: none;
	clear: both;
}
.floatcenter2 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	float: none;
	clear: both;
}
.floatcenternomargin {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.floatcenterC {
	margin-left: auto;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	float: none;
	clear: both;
	margin-right: auto;
}

.floatcenterB {
	clear:both;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
	margin-right: 0px;
	display: block;
}
.floatcenterp  {
	margin-left:auto;
	margin-right:auto;
   }		
/* End Section, "Floats". */

/* Begin Section, "Links". */   	
a {
	color:#366;
	text-decoration:none;
	font-weight:400;
	font-family:verdana, arial, helvetica, sans-serif;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #36F;
	}
a:link {
	font-size: .95em;
	margin-right: 0em;
	}
a:visited {
	color: #3dad00;
	}
a:hover {
	color:red;
	}
a:active {
	color:#009966;
	background-color:#d4dcce;
	}

@media screen and (min-width : 320px) and (max-width : 519px){
  
.bannertop    {
	width:80%;
	background-color:#699;
	padding-right;10px;
} 
.bannertop    img{
	width:80%;
} 
td  a {
	font-size:.2em;
}
p     {
	font-size:.5em;
}

.newsheader     {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #060;
	padding-left: 10px;
}
.flex-container       {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	 flex-flow: column wrap;
}

.flex-container2       {
	display: flex;
	justify-content: space-evenly;
	flex-flow: column nowrap;
	align-items:stretch;
	text-decoration: none;
	width: 98%;
	margin-right:10px;
}
.pagecontent      {
	width: 94%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	overflow: scroll;
}

.header-bar           {
	display:block;
	background-color:black;
	width:96%;
	margin: 1%;
	margin-left: 0;
	padding-left: 0;
}
.header-bar       a    {
	font-size:.8em;
}
.box1     {
	width:98%;
	order:0;
	text-decoration: none;
	margin-right: 10px;
}

.box2     {
	width:98%;
	order:1;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
}

.box3     {
	width:98%;
	order:2;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
}
.leftside     {
	width:98%;
	float:left;
	padding-right: 2%;
	padding-left: 2%;
	height: 200px;
}
.leftside .leftsideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.rightside     {
	width:98%;
	float:left;
	padding-right: 2%;
	padding-left: 2%;
	height: 200px;
}
.rightside .rightsideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.centerside     {
	width:100%;
	float:left;
	padding-right: 2%;
	padding-left: 1%;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
	height: 200px;
}
.centerside .centersideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}


@media screen and (max-width : 768px) {
	

.flex-container       {
	display: flex;
	flex-wrap:wrap;
	justify-content:column;
}

.maincontent      {
	width: 98%;
	flex-grow: 1;
	order: 1;
}
.rightsidebox      {
	width: 98%;
	flex-grow: 1;
	order: 0;
}
.video   {
	width:98%;
	height: 400px;
	margin: 1px;
	padding: 1px;
	display: block;
} 
.menu {
	margin-left: 6%;
	margin-right: 6%;
}

.leftside     {
	width:98%;
	float:left;
	padding-right: 2%;
	padding-left: 2%;
	height: 200px;
}
.leftside .leftsideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.rightside     {
	width:98%;
	float:left;
	padding-right: 2%;
	padding-left: 2%;
	height: 200px;
}
.rightside .rightsideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.centerside     {
	width:100%;
	float:left;
	padding-right: 0%;
	padding-left: 2%;
	margin-right: 0%;
	margin-left: 2%;
	margin-top: 1%;
	margin-bottom: 1%;
	height: 200px;
}
.centerside .centersideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
}
	
	
	
at:left;
	padding-right: 2%;
	padding-left: 2%;
	height: 200px;
}
.leftside .leftsideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.rightside     {
	width:98%;
	float:left;
	padding-right: 2%;
	padding-left: 2%;
	height: 200px;
}
.rightside .rightsideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.centerside     {
	width:100%;
	float:left;
	padding-right: 0%;
	padding-left: 2%;
	margin-right: 0%;
	margin-left: 2%;
	margin-top: 1%;
	margin-bottom: 1%;
	height: 200px;
}
.centerside .centersideheader {
	font-size: 1em;
	font-family: "Arial Black", Gadget, sans-serif;
}

.weather     {
	width:98%;
  margin: 0 auto; 
	}
.specialbox    {
	width: 100;
	background-color: #FFF;
	float: center;
	margin-bottom: 5px;
  margin: 0 auto; 
}
	
.specialbox    a  {
	width: 98%;
}
}