﻿

* {
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
}
	  
.header 
{
	overflow: visible; /* overflow: hidden;*/
	padding: 0px;
	background-image: linear-gradient(to right, blue,white,#e60000,white,blue); 
	height: 170px; /*180*/
	/*width: 1000px;	/*width*/
	position: inherit; /* relative*/
	text-align: center; 
	margin: 0 auto; 
}
.headerimg
{
  	/*margin:20px; */
  	margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:5px; 
  	height:125px; width: 125px; float: left; 
  	-webkit-filter:blur(0.5px); filter:blur(0.7px);
}


/* Desktop */
@media screen and (min-width: 791px) {
  div.headertext-variable {
    font-size: 60px; font-family: 'Blinker', sans-serif; 
    width:100%; margin:auto; padding-top:35px; COLOR:#ffffff; FONT-WEIGHT:bold; text-shadow: 5px 4px 3px #660000;
  }
}

/* Mobile */
@media screen and (max-width: 790px) {
  div.headertext-variable {
    font-size: 35px; font-family: 'Blinker', sans-serif; 
    width:100%; margin:auto; padding-top:30px; COLOR:#ffffff; FONT-WEIGHT:bold; text-shadow: 2px 2px 3px #660000;
  }
}


/* BKF-NavBar settings */
.BKF-NavBar
{
	width: 100%;  padding-top:0px; padding-bottom:10px; padding-left:0px; padding-right:0px; COLOR:white; text-align: left; 
}


.Slider 
{
	overflow: visible; /* overflow: hidden;*/
	padding: 0px;
	height: 350px; /*180*/
	width: 1000px;	/*width*/
	position: inherit; /* relative*/
	margin: 0px auto; 
}



/* Style the content */
/* Desktop */
@media screen and (min-width: 601px) 
{
	.content 
	{
		/*background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1), rgba(255,0,0,0));*/
		background-color: #ffffff; /*White */
		padding-top: 5px; /*padding: 20px;*/
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 20px;
		width: 100%;	
		position: inherit; /*relative;*/
		text-align: left; 
		margin: 0px auto;
	}
	
	/* Text Headings */
	H1 
	{
		font-family: 'Blinker', sans-serif; FONT-SIZE: 36px; COLOR: #EE0000; FONT-WEIGHT: bold; 
		MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px; PADDING-TOP: 5px;  PADDING-BOTTOM: 0px; 
		text-shadow: 2px 2px 3px #888888;
	}
	H2 
	{
		font-family: 'Blinker', sans-serif; FONT-SIZE: 26px; COLOR: #EE0000; FONT-WEIGHT: bold;
		MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px; PADDING-TOP: 5px; 
		text-shadow: 1px 1px 1px #888888;
	}
	H3 
	{
		font-family: 'Blinker', sans-serif; FONT-SIZE: 22px; COLOR: #EE0000; FONT-WEIGHT: bold;
		MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px;  PADDING-TOP: 5px; t
		ext-shadow: 1px 1px 1px #888888; 
	}
	H4
	{
		font-family: "Blinker SemiBold", sans-serif; FONT-SIZE: 20px; COLOR: navy; FONT-WEIGHT: normal;
		MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px;  PADDING-TOP: 5px; 
		text-shadow: 1px 1px 1px #888888; 
	}
	P 
	{
		FONT-SIZE: 16px; FONT-FAMILY: Arial, Times New Roman, Verdana, Geneva, sans-serif; COLOR: #00004D; 
		TEXT-DECORATION: none; word-spacing:0; margin-bottom:0; margin-top: 0; text-align: left;
	}
	/*=====================================*/
	/* Read more Buttons                    */
	/*=====================================*/
	.button 
	{
	  	background-color: 	#CC0000; 	/*dark red */
	  	/*color: white; 					/*text*/
	  	padding: 5px 10px;
	  	text-align: center;
	  	text-decoration: none;
	  	display:inline-block;
	  	font-size: 14px;
	  	margin: 4px 2px;
	  	-webkit-transition-duration: 0.1s; /* Safari */
	  	transition-duration: 0.1s;
	  	cursor: pointer;
	  	target: top;
	  	border-radius: 1px;
		/*border: #CC0000;				/*none;*/
	  	/*box-shadow: 0 5px 0 darkred; /*new*/
	}
	/*----------------------------*/
	.ReadMore-Left 
	{
	  	float:left;
	  	background-color: 	#bb0000; 		/*dark red*/
	  	color: white; 
	}
	.ReadMore-Left:hover 
	{
	  	background-color: 	#FF2800;		/*light red*/
	  	color: white;
	  	cursor: pointer;
	}
	.ReadMore-Left:active
	{
		background-color: 	#CC0000;
		box-shadow: none;
	  	top: 5px;
	  	color: #ECD4D4;
	}
	/*----------------------------*/
	.ReadMore-Right 
	{
		float:right;
	  	background-color: 	#CC0000; 		/*dark red*/
	  	color: white; 
	  	target: top;
	
	 }
	.ReadMore-Right:hover 
	{
	  	background-color: 	#FF0800;		/*light red*/
	  	color: white;
	  	cursor: pointer;
	}
	.ReadMore-Right:active
	{
		background-color: 	#CC0000;
		box-shadow: none;
	  	top: 5px;
	  	color: #ECD4D4;
	}
	
	.footer 
	{
		background-color: white;
		padding-top: 10px;
		width: 100%;	/*width*/
		position: relative; 
		text-align: center;
		margin: 0px auto;
	}
	
	/* Style the links */
	#links {
	  height: 95px;
	  text-align: center;
	  font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
	  min-width: 100%;
	}
	#links div {
	  width: 198px;
	  height: 95px;
	  display: inline-block;
	  background: inherit;
	}
	#links:after {
	  content: '';
	  width: 100% /* Ensures there are at least 2 lines of text, so justification works */
	  display: inline-block;
	}
	.link1:hover {opacity: 0.3;}
	
	.frontimg_left
	{
	  	float: left; padding: 10px; MARGIN-RIGHT: 25px; border-right: 1px solid red; width:150px; 
	}
}
	
	
/* Mobile */
@media screen and (max-width: 600px) 
{
	.content 
	{
		/*background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1), rgba(255,0,0,0));*/
		background-color: #ffffff; /*White */
		padding-top: 5px; /*padding: 20px;*/
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 20px;
		width: 100%;	
		position: inherit; /*relative;*/
		text-align: left; 
		margin: 0px auto;
	}
	
	/* Text Headings */
	H1 
	{
		font-family: 'Blinker', sans-serif; FONT-SIZE: 24px; COLOR: #EE0000; FONT-WEIGHT: bold; 
		MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px; PADDING-TOP: 5px;  PADDING-BOTTOM: 0px; 
		text-shadow: 2px 2px 3px #888888;
	}
	H2 
	{
		font-family: 'Blinker', sans-serif; FONT-SIZE: 20px; COLOR: #EE0000; FONT-WEIGHT: bold;
		MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px; PADDING-TOP: 5px; 
		text-shadow: 1px 1px 1px #888888;
	}
	H3 
	{
		font-family: 'Blinker', sans-serif; FONT-SIZE: 16px; COLOR: #EE0000; FONT-WEIGHT: bold;
		MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px;  PADDING-TOP: 5px; t
		ext-shadow: 1px 1px 1px #888888; 
	}
	H4
	{
		font-family: "Blinker SemiBold", sans-serif; FONT-SIZE: 16px; COLOR: navy; FONT-WEIGHT: normal;
		MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px;  PADDING-TOP: 5px; 
		text-shadow: 1px 1px 1px #888888; 
	}
	P 
	{
		FONT-SIZE: 15px; FONT-FAMILY: Arial, Times New Roman, Verdana, Geneva, sans-serif; COLOR: #00004D; 
		TEXT-DECORATION: none; word-spacing:0; margin-bottom:0; margin-top: 0; text-align: left;
	}
	
	/*=====================================*/
	/* Read more Buttons                    */
	/*=====================================*/
	.button 
	{
	  	background-color: 	#CC0000; 	/*dark red */
	  	/*color: white; 					/*text*/
	  	padding: 5px 10px;
	  	text-align: center;
	  	text-decoration: none;
	  	display:inline-block;
	  	font-size: 14px;
	  	margin: 4px 2px;
	  	-webkit-transition-duration: 0.1s; /* Safari */
	  	transition-duration: 0.1s;
	  	cursor: pointer;
	  	target: top;
	  	border-radius: 1px;
		/*border: #CC0000;				/*none;*/
	  	/*box-shadow: 0 5px 0 darkred; /*new*/
	}
	/*----------------------------*/
	.ReadMore-Left 
	{
	  	float:left;
	  	background-color: 	#bb0000; 		/*dark red*/
	  	color: white; 
	}
	.ReadMore-Left:hover 
	{
	  	background-color: 	#FF2800;		/*light red*/
	  	color: white;
	  	cursor: pointer;
	}
	.ReadMore-Left:active
	{
		background-color: 	#CC0000;
		box-shadow: none;
	  	top: 5px;
	  	color: #ECD4D4;
	}
	/*----------------------------*/
	.ReadMore-Right 
	{
		float:left; /*float:right;*/
	  	background-color: 	#CC0000; 		/*dark red*/
	  	color: white; 
	  	target: top;
	
	 }
	.ReadMore-Right:hover 
	{
	  	background-color: 	#FF0800;		/*light red*/
	  	color: white;
	  	cursor: pointer;
	}
	.ReadMore-Right:active
	{
		background-color: 	#CC0000;
		box-shadow: none;
	  	top: 5px;
	  	color: #ECD4D4;
	}
	
	.footer 
	{
		background-color: white;
		padding: 10px;
		width: 100%;	/*width*/
		position: relative; 
		text-align: center;
		margin: 10px auto;
	}
	
	/* Style the links */
	#links {
	  height: 100%;
	  text-align: center;
	  font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
	  min-width: 100%;
	}
	#links div {
	  width: 100%;
	  height: 100%;
	  display: inline-block;
	  background: inherit;
	  padding: 10px;
	
	}
	#links:after {
	  content: '';
	  width: 100% /* Ensures there are at least 2 lines of text, so justification works */
	  display: inline-block;
	}
	.link1:hover {opacity: 0.3;}
	
	.frontimg_left
	{
	  	float: left; padding: 5px; MARGIN-RIGHT: 15px; border-right: 1px solid red; width:150px; 
	}
}


.newsimg_left
{
  	padding-top: 10px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; 
  	float: left;
  	MARGIN-BOTTOM: 15px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 15px; 
  	box-shadow: 5px 5px 10px #888888;
  	border: 1px solid #ddd;
  	border-radius: 4px;
}
.newsimg_right
{
  	padding-top: 10px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; 
  	float: right;
  	MARGIN-BOTTOM: 15px; MARGIN-LEFT: 15px; MARGIN-RIGHT: 5px; 
  	box-shadow: 5px 5px 10px #888888;
  	border: 1px solid #ddd;
  	border-radius: 4px;
  	/*width:300px */
}
.newsimg_center
{
  	padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; 
  	float:inherit;
  	MARGIN-BOTTOM: 15px; MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px; 
  	box-shadow: 5px 5px 10px #888888;
  	border: 1px solid #ddd;
  	border-radius: 4px;
  	/*display: block;*/
}

.banner
{
	box-shadow: 5px 5px 10px #888888; width:100%;
}

.banner2
{
	box-shadow: 5px 5px 10px #888888;
	float: inherit;
	text-align: center;
}


.downloadimg_left
{
  	float: left;
  	MARGIN-BOTTOM: 10px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 15px; 
  	box-shadow: 5px 5px 10px #888888;
  	border-radius: 12px;

}


		






/* Style the sponsors */
#sponsors {
  height: 70px;
  text-align: center;
  font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
  min-width: 1000px;
}
#sponsors div {
  width: 140px;
  height: 70px;
  display: inline-block;
  background: inherit;
  border: 2px solid white;
}
#sponsors:after {
  content: '';
  width: 1000px /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}

p.footerbox {
  border: 5px solid white;
  padding: 3px;
  width:100%;	/*width*/
  text-align:center; font-size: 1.0em; font-weight:bold; color: white;
  /*background-image: linear-gradient(to right, blue,white,#e60000,white,blue);*/
  background-color: #EE0000;
}






hr.style-two {
    padding: 0; 
    margin-bottom: -5px;
    border: 0;
    height: 1px;
    background: #EE0000;
    /*background-image: linear-gradient(to right, ##ccc, #EE0000, ##ccc);*/
    background-image: linear-gradient(to right, rgba(100, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.style-bottom {
    padding: 0; 
    margin-top: -5px;
    border: 0;
    height: 1px;
    background: #EE0000;
    /*background-image: linear-gradient(to right, ##ccc, #EE0000, ##ccc);*/
    background-image: linear-gradient(to right, rgba(100, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


/*====================================*/
/* Lists - Ordered and Unordered      */
/*====================================*/
.ul1
{
  	list-style-type: disc; 
  	list-style-position: outside;  
  	padding: 0px 0px 0px 30px;
  	color: #00004D; 
}
.ol1
{
  	margin:0px;
  	list-style-type: decimal; 
  	list-style-position: outside;  
  	padding: 0px 0px 0px 30px;
  	color: #00004D; 
  	position: relative;
  	display: block;
}


 
 
/*=====================================*/
/* Links                               */
/*=====================================*/
.a
{
	 COLOR: #EE0000;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

.a:hover {
  text-decoration: none;
  FONT-WEIGHT: bold;
  COLOR: #BB0000;
}

a:active {
  text-decoration: none;
}
 .a-normal
{
	 COLOR: #FF0800;
}

/**/
