/* Program Name: styleAwards.css
   Purpose: Style sheet for awards page (grid)
   Written by: Joe Bolan 
   Last update: 5-15-24 (original)
*/

body { 
	color:#000099; 
	background:url(sitepix/margin.jpg); 
	background-attachment:fixed; 
	background-color:#000088; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:0; 
	width:100%;
	font-weight: bold
}

#wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto auto auto;
	background-color: #F8D150;
}


header {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
	height:200px; 
	width:100%; 
	margin-left:auto; 
	margin-right:auto; 
	width:100%; 
	padding-left:20px; 
	padding-right:20px; 
	background:url(sitepix/pghdr.jpg); 
	background-size: 100%; 
	text-align:left; 
	font-size:3.0em; 
	font-weight:bold; 
	color:#ffffff; 
	border-bottom: solid #000000 2px; 
	border-left: solid #000000 0px; 
	border-right: solid #000000 0px 
}

header img {
	width:150px; 
	height:150px; 
	border: 0px; 
	margin-right: 20px; 
	margin-top:20px
}

header a { 
	font-size:0.6em; 
	font-weight:bold; 
	font-style:italic; 
	text-shadow: 1px 0px 0px rgba(153,51,0,1.0), 0px 1px 0px rgba(0,0,0,1.0), -1px 0px 0px rgba(0,0,0,1.0), 0px -1px 0px rgba(0,0,0,1.0);
}

header a:link { 
	color: #ffffff 
}

header a:visited { 
	color: #ffffff 
}

header a:active { 
	color: #ffffff 
}

header a:hover { 
	color: #ff0000; 
	background: transparent; 
	text-shadow: 1px 0px 0px rgba(255,255,255,1.0), 0px 1px 0px rgba(255,255,255,1.0), -1px 0px 0px rgba(255,255,255,1.0), 0px -1px 0px rgba(255,255,255,1.0); 
}

.errortext {
	font-size: 80%;
	font-weight: bold;
	color: red;
}

nav {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
	border-bottom: solid #000000 2px; 
	padding-left:10px; 
	display:flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: space-evenly;
	/*align-items: baseline;*/
	align-content: space-between;
	width:100%; 
	/*clear:both;*/
	background:url(sitepix/menu1.png)
}

nav a { 
	width:120px; 
	float:left; 
	display:block; 
	text-align:center; 
	color: #0000bb;
	background-color:#eeeeee; 
	font-weight:bold; 
	float:left; 
	display:block; 
	padding:5px; 
	margin:8px; 
	border-radius:10px; 
	border-top:4px solid #dddddd; 
	border-right:4px solid #dddddd; 
	border-bottom:4px solid #aaaaaa; 
	border-left:4px solid #aaaaaa
}

nav a:hover {
	background: radial-gradient(circle, #fdff00, #ffffff); 
	color:#ff0000; 
	background-color:#ffffff; 
	border:4px solid #dd0000
}

.content {
	grid-row: 3 / 4;
	grid-column: 1 / 3;
	margin-left:auto; 
	margin-right:auto; 
	margin-top:26px; 
	margin-bottom:20px; 
	width:94%; 
	top:160px; 
	font-size:1.2em; 
	background-color:#eeeeee; 
	padding-top:15px; 
	padding-left:15px; 
	padding-right:15px; 
	border-radius:20px; 
	border: solid #000000 4px 
}

.topguns {
	grid-row: 4 / 5;
	grid-column: 1 / 3;
}

.yearly {
	grid-row: 5 / 6;
	grid-column: 1 / 2;
}

.lifetime {
	grid-row: 5 / 6;
	grid-column: 2 / 3;
}


.outerwrap {
	text-align:center; 
	overflow:auto; 
	background:#eeeeee 
}

.sectionwrap {
	width:90%; 
	overflow:auto; 
	margin:0 auto; 
	background:#eeeeee 
}

.contentboxes {
	background:#eeeeee; 
	padding:20px; 
	float:left; 
	clear: both
}

.contentbox {
	background-color:#ffffff; 
	float: left; 
	width: 280px; 
	height: 450px; 
	border: 4px solid #000088; 
	border-bottom-left-radius:25px; 
	border-top-right-radius:25px; 
	margin-top: 16px; 
	margin-left:16px; 
	padding-top: 6px; 
	padding-right: 10px; 
	padding-left: 10px; 
	text-align:center;
	font-weight:bold
}

.contentbox a {
	text-decoration: underline; 
	color:#cc0000
}

.contentbox a:hover {
	background:#ff0000; 
	color:#ffffff
}

.contentbox img {
	border: 0px solid #000000 
}

.contentbox2 {
	background-color:#ffffff; 
	float: left; 
	width: 560px; 
	height: 500px; 
	border: 4px solid #000088; 
	border-bottom-left-radius:25px; 
	border-top-right-radius:25px; 
	margin-top: 16px; 
	margin-left:16px; 
	padding-top: 6px; 
	padding-right: 10px; 
	padding-left: 10px; 
	text-align:center;
	font-weight:bold
}

.contentbox2 a {
	text-decoration: underline; 
	color:#cc0000
}

.contentbox2 a:hover {
	background:#ff0000; 
	color:#ffffff
}

.contentbox2 img {
	border: 0px solid #000000 
}

.contentbox img.framed {
	border: 8px groove #cc0000; 
	width:160px; 
	height:174px 
}

.contentbox-parchment {
	background-image:url("sitepix/parchment.jpg"); 
	float: left; 
	width: 280px; 
	height: 450px; 
	border: 4px solid #000088; 
	border-bottom-left-radius:25px; 
	border-top-right-radius:25px; 
	margin-top: 16px; 
	margin-left:16px; 
	padding-top: 6px; 
	padding-right: 10px; 
	padding-left: 10px; 
	text-align:center; 
	font-weight:bold
}

.contentbox a {
	text-decoration: underline; 
	color:#cc0000
}

.contentbox a:hover {
	background:#ff0000; 
	color:#ffffff
}

.pic a:hover  { 
	color:#0000ff; background:yellow
}

fieldset {
	background-color:#ffffcc
}

.centerall {
	text-align:center
}

.misc {
	float:left; 
	margin:0 20px 10px 8px
}

.dailyquote { 
	width:70%; 
	text-align:center; 
	margin-left:15%; 
	margin-right:15% 
}

.contacts { 
	float:left; 
	margin:6px
}

.contacts img { 
	width:110px; 
	height:120px; 
	border:0px 
}

.calhdr	{
	width:90%; 
	font-size: 14pt; 
	color:#000000
}

.presplaque table {
	width:70%; 
	background:url(sitepix/plaque.jpg); 
	padding:25px; 
	border-spacing:10px; 
	text-align:center; 
	font-size:1.6em; 
	color:#000000; 
	border: 3px solid #000000
}

.presplaque td {
	padding:10px; 
	background:#fedb66; 
	border: 2px solid #000000;
	text-align: center
}

.goBack a {
	width:200px; 
	float:left; 
	display:block; 
	text-align:center; 
	color: #0000bb;
	background-color:#eeeeee; 
	font-weight:bold; 
	float:left; 
	display:block; 
	padding:5px; 
	margin-top:25px;
	margin-left:200px; 
	border-radius:10px; 
	border-top:4px solid #dddddd; 
	border-right:4px solid #dddddd; 
	border-bottom:4px solid #aaaaaa; 
	border-left:4px solid #aaaaaa
}

.goBack a:hover {
	background: radial-gradient(circle, #fdff00, #ffffff); 
	color:#ff0000; 
	background-color:#ffffff; 
	border:4px solid #dd0000	
}

.homeButton a {
	width:200px; 
	float:left; 
	display:block; 
	text-align:center; 
	color: #0000bb;
	background-color:#eeeeee; 
	font-weight:bold; 
	float:left; 
	display:block; 
	padding:5px; 
	margin-top:25px;
	margin-left:200px; 
	border-radius:10px; 
	border-top:4px solid #dddddd; 
	border-right:4px solid #dddddd; 
	border-bottom:4px solid #aaaaaa; 
	border-left:4px solid #aaaaaa
}

.homeButton a:hover {
	background: radial-gradient(circle, #fdff00, #ffffff); 
	color:#ff0000; 
	background-color:#ffffff; 
	border:4px solid #dd0000	
}

table { 
	width:90%; 
	margin-left:5%; 
	margin-right:5%; 
	background: #ffffff; 
	border: thin groove white
}

table.hidden { 
	width: 90%; 
	background: #ffffff; 
	border: none 
}

table.hidden2 { 
	width: 90%;
	background: #ffffcc; 
	border: none 
}

table.seventy { 
	width: 70%; 
	background: #ffffff; 
	border:thin groove blue 
}

th { 
	background:url(sitepix/header.png); 
	color: #ffffff; 
	text-align: center; 
	font-family: Ariel, sans-serif; 
	font-size:1.4em; 
	font-weight: bold
}

tr.title {
	background: beige; 
	text-align: center
}

tr.center { 
	text-align:center
}

tr.center2 { 
	text-align:center; 
	font-size:1.2em 
}

tr.center3 { 
	text-align:center; 
	font-size:1.4em 
}

tr.one, td.one {
	color:#cc6600
}

tr.two, td.two {
	color:#009900
}

tr.three, td.three {
	color:#0000ff
}

tr.four, td.four {
	color:#ff0000
}

td.oneplus {
	color:#cc6600;
	font-style: italic
}

td.twoplus {
	color:#009900;
	font-style: italic
}

td.threeplus {
	color:#0000ff;
	font-style: italic
}

td.fourplus {
	color:#ff0000;
	font-style: italic
}

tr.plus {
	color:#000000
}

tr.routesheader {
	background:#ffffcc
}

tr.divider {
	background:#ffffcc
}

tr.terrain {
	background: #ffffff; 
	border-bottom: 1px solid navy; 
	border-top: 1px solid navy; 
	border-collapse: collapse
}

td.showcase { 
	color: #0000cd; 
	background: #ffffff; 
	border: thin groove blue 
}

td.title { 
	background: beige
}

td.center { 
	text-align:center
}

p.funny {
	padding-left: 20px;
	text-indent: -20px;
	margin-top: 2pt;
	margin-bottom: 2pt
}

td {
	text-align: center;
	border-bottom:1px solid #bbbbbb;
}

h1 { 
	font-size:3.0em; 
	font-weight:bold; 
	color:#ff0000;
	text-align: center
}

h2 { 
	font-size:1.6em; 
	font-weight:bolder; 
	font-style:italic; 
	color: #0000bb; 
	text-align:center 
}

h3 { 
	font-size:1.2em; 
	font-weight:bolder; 
	font-style:italic; 
	color: #0000bb; 
	text-align:center 
}

h4 {
	font-size:1.4em; 
	font-weight:bolder; 
	font-style:italic; 
	color: #ffffff; 
	text-align:center 
}	

h5 { 
	font-size:0.6em; 
	font-style:italic
}

h6 {
	font-size: 1em;
	font-weight: bold
}

hr { 
	color: #0000cd 
}

ul {
	list-style-image: url(sitepix/bullet0.gif)
}

ul.youtube {
	list-style-image: url(logopix/youtube.png)
}

#top {
	text-align:center; 
	padding-top:30px; 
	padding-bottom:45px
}

.startlocs {
	background-color:#ffffff; 
	float: left; 
	width: 172px; 
	height:200px; 
	border-radius: 10px; 
	border: 4px solid #880000; 
	margin: 20px; 
	padding-top: 4px; 
	text-align:center}

.startlocs img {
	width:160px; 
	height:120px; 
	border-radius: 6px; 
	border: 2px solid #000000
}

.rtpics {
	background-color:#ffffff; 
	float: left; 
	width: 172px; 
	height:200px; 
	border-radius: 10px; 
	border: 4px solid #000088; 
	margin: 20px; 
	padding-top: 4px; 
	text-align:center
}

.rtpics img {
	width:160px; 
	height:120px; 
	border-radius: 6px; 
	border: 2px solid #000000
}

.locpix img {
	width:100px; 
	border-radius: 4px; 
	border:2px solid #cc0000
}

.eventpix img {
	width:300px; 
	border-radius: 4px; 
	border:2px solid #cc0000
}

.route {
	width:600px
}

.routepix {
	width:112px; 
	float:left; 
	margin-right:10px
}

.routepix a:link { 
	font-weight:bold; 
	font-style:italic; 
	color:#cc0000
}

.routepix a:visited { 
	font-weight:bold; 
	font-style:italic; 
	color:#cc0000
}

.routepix a:active  { 
	font-weight:bold; 
	font-style:italic; 
	color:#cc0000
}

.routepix a:hover { 
	font-weight:bold; 
	font-style:italic; 
	color:#ffffff; 
	background:#cc0000
}

a:link { 
	color: #cc0000; 
	list-style-image: url(sitepix/bullet1.gif)
}

a:visited { 
	color: #cc0000; 
	list-style-image: url(sitepix/bullet1.gif)
}

a:active { 
	color: #cc0000; 
	list-style-image: url(sitepix/bullet1.gif)
}

a:hover { 
	color: #000099; 
	background: #ffff44; 
	list-style-image: url(sitepix/bullet2.gif) 
}

a.toppg	{ 
	font-size:16pt; 
	font-weight:bold; 
	text-align:center; 
	color:gray; 
}

.bling {
	background-color:#ffffff; 
	float: left; 
	width: 130px; 
	height:140px; 
	border: 2px solid #000088; 
	margin-left: 4px; 
	margin-top: 4px; 
	padding-top: 4px; 
	text-align:center; 
	font-size:0.6em; 
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.bling img {
	width:120px; 
	height:120px
}

.centerme {
	float: right
}

.funnypics {
	float: left;
	margin-right: 30px;
	margin-left: 10px;
	border: solid 2px red;
	padding-left: 5px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.funnypics img {
	width: 100px;
	height: 105px;
	margin-left: 20px
}