/*/**/

@font-face {
	font-family: 'Hothouse';
	src: url("fonts/hothouse.otf") format('opentype');
	font-weight: bold;    
}

@font-face {
	font-family: 'HokaRed';
	src: url("fonts/hokared.otf") format('opentype');
	font-weight: normal;
}

@font-face {
	font-family: 'LANEXANG';
	src: url("fonts/lanexang.ttf") format('TrueType');
	font-weight: normal;
}

@font-face {
	font-family: 'harrypotter';
	src: url("fonts/harrypotter.ttf") format('TrueType');
	font-weight: normal;
}

@font-face {
	font-family: 'hamburger';
	src: url("fonts/hamburgerhaven.ttf") format('TrueType');
	font-weight: normal;
}

@font-face {
	font-family: 'Forte';
	src: url("fonts/FORTE.TTF") format('TrueType');
	font-weight: normal;
}

@font-face {
	font-family: 'MATURA';
	src: url("fonts/MATURASC.TTF") format('TrueType');
	font-weight: normal;
}

@font-face {
	font-family: 'MAGNETO';
	src: url("fonts/MAGNETOB.TTF") format('TrueType');
	font-weight: normal;
}

@font-face {
	font-family: 'BROADWAY';
	src: url("fonts/BROADW.TTF") format('TrueType');
	font-weight: normal;
}

@font-face {
	font-family: 'HARLOW';
	src: url("fonts/HARLOWSI.TTF") format('TrueType');
	font-weight: normal;
}

@font-face {
	font-family: 'ALICE';
	src: url("fonts/95alice3.ttf") format('TrueType');
	font-weight: normal;
}


#grad1 {
  height: 100%;
  background-color: #445599; /* For browsers that do not support gradients */
  background-image: linear-gradient(to top, #66cc99 , white);
}



body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #000;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #fff;
}

a.nav:link {
	color:#3366FF;
	text-decoration: underline;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 16px;
}
a.nav:visited {
	color: purple;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 16px;
}
a.nav:hover {
	color: #33CCFF;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	text-decoration: none;
}
a.nav:active {
	color: #00F;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
	background-color: #EEE;
}

a:link {
	color: #0915F0;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
	font-weight: normal;
	}

a:visited {
	color: #095056;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
	font-weight: normal;
    }

a:hover {
	color: #CC000C;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

a:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #3E0202;
	text-decoration: none;
	}

a.dark:link {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
	font-weight: normal;	
}

a.dark:visited {
	color: #6A91DD;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
	font-weight: normal;
}

a.dark:hover {
	color: #E465D1;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

a.dark:active {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #6CFA7C;
	text-decoration: underline;
	}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
p {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 1em;
	font-weight: medium;
}
/*Custom Color and Decoration Classes*/

.w {
	color: #ffffff;	
}

.b {
	color: #1303F7;	
}

.r {
	color: #F5060A;	
}

.g {
	color: #038D04;	
}

.y {
	color: #F6FA02;	
}

.und {
	text-decoration: underline;	
}

.bold {
	font-weight: bold;	
}

.center {
	text-align: center;	
}

.right {
	text-align: right;	
}

.left {
	text-align: left;	
}

pW {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 1em;
	font-weight: medium;
}

pW {
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 1em;
	font-weight: medium;
}

pg {
	color: #086316;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 1em;
	font-weight: medium;
}

pb {
	color: #2859F5;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 1em;
	font-weight: medium;
}

pr {
	color: #F80206;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 1em;
	font-weight: medium;
}

	
pc {
	color: red;
	font-family: Brush Script MT, cursive;
	text-align: left;
	font-size: 3em;
	font-weight: medium;
	font-variant: normal;
	
}

cursive {
	color: #ffffff;
	font-family: Brush Script MT, cursive;
	text-align: left;
	font-size: 3em;
	font-weight: normal;
	font-variant: normal;
	
}

cursivebk {
	color: #000000;
	font-family: Brush Script MT, cursive;
	text-align: left;
	font-size: 30px;
	font-weight: normal;
	font-variant: normal;
	
}
table {
	font-family: Verdana, Geneva, sans-serif;
	list-style-type: square;
	text-align: left;
	padding-left: 4px;
	font-size: 14px;
	color: #000;	 
}

.RoundCornersHeader {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
	color: #FFF;
	margin-left: 3px;
	margin-right: 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	background: black; /* Standard syntax (must be last) */
	box-shadow: 5px 5px 15px 0px #ffffff; 
	
	}

.RoundCornersPageToppers {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
	color: #FFF;
	margin-left: 5px;
	margin-right: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 5px;
	background: black; /* Standard syntax (must be last) */
	box-shadow: 5px 5px 15px 0px #39C236; 
	
	}

.heartsimage {
	position: fixed;
	left: 100px;
	top: 150px;
	padding: 2em;
	margin: 2em;
	border-top-width: 33px;
	border-right-width: 33px;
	border-bottom-width: 33px;
	border-left-width: 33px;
}
.navigator {
	text-align: left;
}
.sidebarItalics {
	color: #0FF;
	font-weight: bold;
}
.twoColFixLtHdr #container #mainContent ol li {
	text-align: left;
}

.DarkBlueBold {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #2A00AA;
	text-align: center;
}

.bg-gork {
  background-color: #445599;
}

 
.bg-header {
background-color: #061615;    
}

/*2024 Fonts*/
fo {
	font-size: 2.5em;
	font-variant: normal;
	color: #061615;
   	font-family: "FORTE", sans-serif;    
}

mat {
	font-size: 2.5em;
	font-variant: normal;
	color: #061615;
   	font-family: "MATURA", sans-serif;    
}

mag {
	font-size: 2.5em;
	font-variant: normal;
	color: #061615;
   	font-family: "MAGNETO", sans-serif;    
}

bw {
	font-size: 2.5em;
	font-variant: normal;
	color: #061615;
   	font-family: "BROADWAY", sans-serif;  
    line-height: 1.0;
}

har {
	font-size: 2.5em;
	font-variant: normal;
	color: #061615;
   	font-family: "HARLOW", sans-serif;    
}

alice {
	font-size: 2em;
	font-variant: normal;
	color: #061615;
   	font-family: "ALICE", sans-serif;    
}



h1 {
	font-size: x-large;
	font-variant: normal;
	color: #ffffff;
}

h2 {
	font-size: large;
	font-variant: normal;
	color: #000000;
}

h2r {
	font-size: 2em;
	font-variant: normal;
	color: #46020C;
	font-weight: bold;
}
h2b {
	font-size: 2em;
	font-weight: bold;
	font-variant: normal;
	color: #12067F;
}
h1w {
    font-size: x-large;
    font-variant: normal;
    color: white;
    font-weight: bold;
    font-family: Verdana, Geneva;
}

h1b {
    font-size: 2em;
    font-variant: normal;
    color: blue;
    font-weight: bold;
    font-family: Verdana, Geneva;
}

h1r {
    font-size: 2em;
    font-variant: normal;
    color: red;
    font-weight: bold;
    font-family: Verdana, Geneva;
}

h1g {
    font-size: 2em;
    font-variant: normal;
    color: darkgreen;
    font-weight: bold;
    font-family: Verdana, Geneva;
}

h3d {
    font-size: 1.5em;
    font-variant: normal;
    color: #660000;
    font-weight: bold;
    font-family: Verdana, Geneva;
	}

h3g {
    font-size: 1.5em;
    font-variant: normal;
    color: green;
    font-weight: bold;
    font-family: Verdana, Geneva;
	}

h3r {
    font-size: 1.5em;
    font-variant: normal;
    color: red;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	}

h3p {
    font-size: 1.5em;
    font-variant: normal;
    color: #800080;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	}

h3b {
    font-size: 1.5em;
    font-variant: normal;
    color: blue;
    font-weight: bold;
    font-family: Verdana, Geneva;
}

h3w {
    font-size: 1.5em;
    font-variant: normal;
    color: #ffffff;
    font-weight: normal;
    font-family: Verdana, Geneva;
}

h3wr {
    font-size: 1.5em;
    font-variant: normal;
    color: #ffffff;
    font-weight: normal;
    font-family: Verdana, Geneva;
    text-align: right;
	margin-left: 2px;
}

h3c {
    font-size: 1.5em;
    font-variant: normal;
    color: #ffffff;
    font-weight: normal;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

h6 {
	font-size: 14pt;
	font-variant: normal;
	color: #060;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

hh {
	font-size: 1.5em;
	font-variant: normal;
	color: #061615;
   	font-family: "hothouse", sans-serif;
    text-align: center;
}

hh1 {
	font-size: 1.2em;
	font-variant: normal;
	color: #061615;
   	font-family: "hothouse", sans-serif;
    text-align: center;
}

ham {
	font-size: 2.5em;
	font-variant: normal;
	color: #061615;
	font-family: "hamburger", sans-serif;
}

hamw {
	font-size: 2.5em;
	font-variant: normal;
	color: #ffffff;
	font-family: "hamburger", sans-serif;
}

harry {
	font-size: 3em;
	font-variant: normal;
	color: #061615;
	font-family: "harrypotter", sans-serif;
}

hhw {
	font-size: 1.5em;
	text-align: center;
	color: #ffffff;
	font-family: "hothouse", sans-serif;
}

hor {
	font-size: 2.5em;
	font-variant: normal;
	color: #061615;
	font-family: "HokaRed", sans-serif;
}

hrw {
	font-size: 2em;
	font-variant: normal;
	color: #ffffff;
	font-family: "HokaRed", sans-serif;
}

count {
	font-size: 20pt;
	font-variant: normal;
	color: darkred;
	font-weight: bold;
	font-family: Verdana, Geneva;
	text-align: center;
}

lao1 {
	font-size: 2em;
	font-variant: bold;
	color: #061615;
	font-family: "LANEXANG", sans-serif;
}

lao1w {
	font-size: 2.5em;
	font-variant: normal;
	color: #ffffff;
	font-family: "LANEXANG", sans-serif;
}
	
phpresults {
    font-size: 14pt;
    font-variant: normal;
    color: #445599;
    font-weight: normal;
    font-family: Verdana, Geneva;
    text-align: center;
       
}

.ImageBlackBorder {
	background-color: #999;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	color: #999;
	text-align: center;
}
.RedBold {
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.CFF_Background {
	background-color: #CFF;
}

ul {
	list-style-type: square;
    list-style-position: inside;
	text-align: left;
	border-left-style: none;
	color: #030;
}

.bg-darkg {
  background-color: #3f4408 !important;
  
}

.imageLeftAlign {
	text-align: left;
	text-indent: 10;
	margin: 10px;
	vertical-align: top;
}
.imageCenterAlign {
	text-align: center;
	text-indent: 10;
	margin: 10px;
	vertical-align: top;

}

/*Media Hover - Blue*/
.media__blue {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.media__image { display: block; }

.media__body {
	background: rgba(41, 128, 185, 0.6); /*medium blue*/
	bottom: 0;
	color: white;
	font-size: 1em;
	left: 0;
	opacity: 0;
	overflow: hidden;
	padding: 3.75em 3em;
	position: absolute;
	text-align: center;
	top: 0;
	right: 0;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	width: 242px;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body h2 { margin-top: 0; }

.media__body p { margin-bottom: 1.5em; }

.media:nth-child(2) .media__body { background: rgba(146, 41, 185, 0.7); }

.media:nth-child(3) .media__body { background: rgba(185, 41, 128, 0.7); }

.media:nth-child(4) .media__body { background: rgba(185, 50, 41, 0.7); }

.media:nth-child(5) .media__body { background: rgba(185, 146, 41, 0.7); }

.media:nth-child(6) .media__body { background: rgba(128, 185, 41, 0.7); }
/*End Media Hover Blue*/

.news {
  box-shadow: inset 0 -15px 30px rgba(68,85,153,1), 0 5px 10px rgba(0,0,0,0.5);
  width: 580px;
  height: 30px;
  margin: auto;
  overflow: hidden;
  border-radius: 4px;
  padding: 3px;
  -webkit-user-select: none
} 

.news span {
  float: left;
  color: #fff;
  padding: 6px;
  position: relative;
  top: 1%;
  border-radius: 4px;
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
  font: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer
}

.news ul {
  float: left;
  padding-left: 100px;
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none
}

.news ul li {line-height: 30px; list-style: none }

.news ul li a {
  color: #fff;
  text-decoration: none;
  font: 14px;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}

.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }

@keyframes ticker {
  0%   {margin-top: 0}
  25%  {margin-top: -30px}
  50%  {margin-top: -60px}
  75%  {margin-top: -90px}
  100% {margin-top: 0}
}

.glyphicon {
margin-right: 4px !important; /*override*/
}
.pagination .glyphicon {
margin-right: 0px !important; /*override*/
}
.pagination a {
color: #555;
}
.panel ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.news-item {
padding: 4px 4px;
margin: 0px;
border-bottom: 1px dotted #555;
}

* {
  margin:0;
  padding:0;
  border:0;
}

@keyframes slide {
  from { left: 100%;}
  to { left: -100%;}
}
@-webkit-keyframes slide {
  from { left: 100%;}
  to { left: -100%;}
}

#marquee { 
  color:white; 
  background:#000000;
  width:100%;
  height:60px;
  line-height:60px;
  overflow:hidden;
  position:relative;
}

#text {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:60px;
  font-size:24px;
  animation-name: slide;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 20s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count: infinite;
}

/*sliding panels August 2019 Thanks Brad Hussey and YouTube*/

.slide {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.slide img {
    display: inline-block;    
    vertical-align: middle;    
}

.slide-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    color: white;
    font-size: 200%;
    box-sizing: border-box;
    transition: transform 2s ease;      
}

.slide:hover .slide-content {
    transform: translate(0,0);
}

/*DIRECTIONS*/

.slide-top .slide-content {
    transform: translate(0, -100%);
}
.slide-right .slide-content {
    transform: translate(100%, 0);
}
.slide-bottom .slide-content {
    transform: translate(0, 100%);
}
.slide-left .slide-content {
    transform: translate(-100%, 0);
}
#more {display: none;
}
.navbar {
		background-color: #481904;			
}
/* Parent Container */
.content_img{
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    margin-right: 10px;
}

/* Child Text Container */
.content_img div{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #330000;
    color: white;
    margin-bottom: 0px;
    font-family: sans-serif;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s, opacity 0.5s linear;  
    transition: visibility 0s, opacity 0.5s linear;
}

/* Hover on Parent Container */
.content_img:hover{
    cursor: pointer;
}    

.content_img:hover div{
    width: 200px;
    padding: 8px 15px;
    visibility: visible;
    opacity: 0.7;        
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: #445599;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}