* { margin:0; padding:0 }
html { height:101% ; font-size:120% }

@media screen and (min-device-width: 1025px) {
 body {   width:100%; max-width:1920px }
.button { height:2em;   }
 }
@media screen and (max-device-width:1024px) { 
  body { font-size:100% }
 .button { height:3em;   }
}
	
hr {   
    border: 0;
    height: 1px;
    color:black;
    background-color:silver;
clear:both;
}
p {margin-top:.5em}
table { color:black; border:none; width:100%;  }
th,
td { vertical-align:top; padding-right:1em; text-align:left }
th { font-weight:bold}

.hellip {
	font-size:.9em;
	color:blue;
	}
ol { margin-left:4em; line-height:1.15 }	

article { padding:0 0 1em 0; }
article ul { font-size:.8em; margin-top:.5em }		
article ul li{ margin-left:2em; }
h1, h2, h3	{ font-family:Arial, Tahoma, font-weight:normal }
h1 { text-shadow:2px 2px 2px #000; font-size:1.6em ; color:#f1f1f1}
h2 { color:black; font-size:1.3em ; color:#f1f1f1; margin:1em 0 1em 0 }
h3,h4 { font-size:1.1em; margin:1em 0 1em 0;}

body {
	'position:relative;
	font-family: arial; font-weight:600; font-color:#0000a0;
	line-height:1.4;
	max-width:80vw;
   margin:auto;
	}
	
/*********** DEFINE MAIN PAGE LAYOUT ***********/

.main 
{  
	min-height:101vh; margin:1.5em auto 0 auto; 
	box-shadow:8px 8px 15px #2f2f2f, -8px 8px 12px #2f2f2f; 
//	background-image:url("http://forgmemorial.com/images/bg2.jpg");
//	background-repeat:no-repeat;
//	background-attachment: fixed;
}

main img {   max-width:100% }

section.content { background:#f1f1f1}
section.content .main-no-image { height:4em }

section.content .main-image 
{
max-height:96vh;
overflow:hidden
}
section.content .main-image img { 
	max-width:100%;
	margin:auto;
}
section.content .main-image h1 { display:none }

section.note .main-image img { display:none }

section.content h1 { }

section.content h2 
{ 
	text-shadow:2px 2px 4px black;
	font-weight:normal; 
	background:rgba(0,0,0,.5);
	padding:0 .5em 0 .5em;
}

section.content table { margin:1em 0 1em 0 }

section.content article { 
	text-align:left; 
	color:black;
	width:90%; max-width:1024px;
	margin:auto
	}
	
section.content article img {}

section.sidebar {
	margin:auto; 
	cursor:pointer;
	color:#222;
	width:1024px;
	}
section.sidebar h2 {  }	
section.sidebar .sidebar-content {  }
section.sidebar:hover { display:block }

.search-container { 
	width:80%; max-width:60em; margin-left:10%; 
	padding:120px 2em 2em 1em;
	margin-bottom: 2em;
	background-color:rgba(255,255,255,.9) 
	}
.search-results { font-size: .9em; color: #555}
.search-result { margin-bottom: 3em; font-size:1.2em }
.search-result .thumbnail { display:none; }
.search-result h2 { color:#0000df; font-weight:normal; font-size:1.1em; margin-bottom: 8px; text-decoration: underline }


section.sidebar aside { overflow:hidden ; clear:left; margin:1em 2em .5em 0; border-bottom:1px solid silver}
section.sidebar h1 { font-size:1.2em; margin:0 0 .5em 0;padding:0; background:#aaa;  }
section.sidebar  h2 { font-size:1.1em; margin-left:1em }
section.sidebar article { float:left; padding-left:1em; }

section.news { clear:both; width:68% }
section.news aside { clear: left; padding-bottom:1em; border-top:1px solid silver; margin-bottom:1em; }
section.news img { float:left;  margin-bottom:1em; margin-top:1em }
section.news h1,
section.news h2,
section.news article { margin-left:30%; font-size:1em ; margin-bottom:1em; padding-top:1em}

.thumbnail-container { margin-left:62% ; height:70%; overflow:auto; overflow-y: scroll }


/********** DEFINE MAIN-CONTENT LAYOUT ***********/

section.grid-container { width:90%; margin:10% 5% 0 5%; color:white }
section.grid h1 { color:white; margin-bottom:2em } 
section.grid aside { float:left; margin-right:24px; margin-bottom:2em; width:180px; box-shadow:4px 8px 12px #f1f1f1; color:#fff}
section.grid .image-container { height:150px; overflow:hidden }
section.grid h2 { color:#f1f1f1; text-align:center; text-transform:uppercase; font-weight:normal; font-size:.9em; height:3em; overflow:hidden }
section.grid article { display:none }

section.agenda-container { overflow:auto }
section.agenda-container .grid { float:left;  margin:1em; border:1px solid #aaa;padding:1em;overflow:auto}
section.agenda-container .grid table { margin-top;1em; margin-bottom:2em}
section.agenda-container .grid table th,
section.agenda-container .grid table td { border:1px solid #444;padding:.5em }
/************ GALLERY CONTAINER **********/

section.full-image { clear:both; color:#f1f1f1; width:100%; margin-top:1rem }
section.full-image h1 { display:none }
section.full-image img { width:100%; }
section.full-image article { display:none } 

.image-container,
.gallery-container {
	margin-left:5%;
	padding-top:8em;
	width:90%;
overflow:auto;
	}
.image-container img {width:100%}
.thumbnail { 
	float:left;
	border:1px solid silver;
	margin:12px;
	width:180px;
	height:135px;
	overflow:hidden
	}
.thumbnail img { 
	width:100%;
	}

.profiles { position:relative; top:0; left :2%; width:95%; background:white }
.profiles h2 { font-size:1.8em; margin-bottom:1em; margin-top:1em; }
.profiles td a { line-height:1.5em; color:blue; text-decoration:none; margin-left:.25em }
.profiles td { 
	width:32%;
	color:black;
	}

/***** WAGERING PLUGIN **********/

table.odds { margin-left:10%;  }
table.odds th, 
table.odds td { line-height:2em; font-size:1.2em; border:1px solid black; font-size:.9em  }
table.odds th { font-weight:bold; font-size:.9em  }

form.wager-form select,
form.wager-form input { color:blue;  margin-right: 1em }


form.wager-button { position:absolute; top:12px; right:12px; 	}



/************* HEADER STYLESHEET ******************/

header { 
	position:fixed; top:0; left:0;  z-index:10 ; 
	width:100%; background:rgba(0,0,3,.9);   
	}
header table {font-size:100% }
nav { width:100%; margin-top:.25em; height:1.5em }

/* BEGIN GLOBAL SETTINGS */

.logo { display:none; color:red; font-size:1.1em; font-style:Italic; margin:2px 0 2px 10px;  }

.menu-header {display:none}
.menu-icon { display:none; }
.menu-container 
{ 
	float:left; padding:0; width:100%;
	height:1.5em; overflow:hidden
}
.menu-container img { height:100%;  }
.menu-item { 
	float:left; text-align:right; 
	list-style:none;
	padding-left:1.4em;
	color:#f1f1f1;
	cursor:pointer;
	text-shadow: 1px 1px black
	}
.menu-item a { 
	text-decoration:none;
	color:white;
	}
.menu-item img { margin-top:.1em; height:1.1em }
.menu-item:hover {  }
.menu-item a:hover { 
	color:white;
	text-decoration:underline
	}	
.searchform{ 
	position:fixed;
	z-index:2
	}
.searchform input[type='text'] { 
	float:left;
	opacity:0.8;
	font-style:italic;
	color:#000;
	padding-left:1%;
	height:2em;
	width:32em; 
	border:1px solid black;
	background-color:#fff;
	border-radius:8px;
	box-shadow:4px 4px 12px #000;
	}
.searchform input[type=submit] {
	float:left;
	height:98%; width:6%;
	background: url('images/Search-icon.png') 100%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	border:none; 
	}
	
/******* DROP DOWN MENU PLUG-IN *******/

.drop-down { 
	display:none;
	padding:8px;
	border-radius:8px;
	box-shadow:4px 4px 12px #5f5f5f;
	position:absolute; 
	background-color:black;
	border:1px solid #eaeaea;
	text-align:left;
	z-index:30;
	line-height:1.4;
	color:silver;
	max-width:32vw;
}
.drop-down td { padding-right:2em}

#cnews { font-size:.9em }
#cnews b { color:#fff; font-weight:normal; text-decoration:underline; font-size:1em }
#cnews .hellip { color:#cacaff }

.count-down { 
	position:fixed; top:36px; right:0;
	padding:4px;
	color:white; 
	background:rgba(0,0,0,.8);
	font-size:.9em; font-weight:normal;
z-index:9000
	}

//.social-media { position:absolute; top:3em; right:3%; height:2em; }	
@media screen and (min-width:601px) { 
	.searchform { top:3em; left:4%; height:2em; width:80% }
}

@media screen and (orientation:portrait) {
	section.content .main-image img { top:0; height;100%; width:auto }
}
/******* OVERRIDE SETTINGS FOR SMALL SCREENS *********/
@media screen and (max-width:800px) { 
	
	header { height:36px; }
	img.menu-icon { display:block; height:26px; margin:6px 1% 0 1% }

	.searchform {
		left:20%; top:2px; 
		width:75%; border:1px solid #999;
		background-color:white; height:28px
		}
	.searchform input[type='text'] { height:98%; width:90%; border:none; border-radius:0; box-shadow:none }

	nav {
		position:absolute; top:32px; left:0;  display:none;   
		border-right:1px solid #eaeaea;
		background-color:#f1f1f1;		
		min-height:98vh;
		width:60%;
		border-right:1px solid black		
	}
	.menu-header { display:block ; padding-top:.25em; margin-bottom:1em }
	.menu-header a { float:right;  }
	.menu-header h3 { clear:right; padding-left:.5em; color:Blue; margin:0}
	.menu-header hr { clear:both }
	.menu-close { float:right; color:#f00; margin-right:1em; cursor:pointer; display:block; height:2em }
	.menu-container { height:auto; overflow:normal; background:rgba(0,0,0,.5) }
	.menu-item { text-align:left; clear:left; line-height:2  }
	.drop-down { width:480px; padding:4px; }
	main {margin-top:36px; }
	section.content article img { width:98%; margin:0 }
	section.content article { margin-left:8px; font-size:1em }
section.content h1, section.content h2 { font-size:1.1em; text-align:center; padding:1px }
section.content h3, section.content h4 { font-size: .9em }
strong {font-size:1em }
}