/*CSS Reset*/
html, body {margin: 0; padding: 0; border: 0;
background: transparent; font-size: 10px;}
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead
{margin: 0; padding: 0; border: 0;vertical-align:baseline; background:transparent;}
img {margin: 0; padding: 0; border: 0;}
table {border-collapse:collapse; border-spacing: 0;}
input, select, textarea, form, fieldset
{margin: 0; padding: 0; border: 0;}
article, aside, dialog, figure, footer, header, hgroup, nav, section
{display:block}
h1, h2, h3, h4, h5, h6, p, blockquote, td, th, a, caption, em, strong, strike
{font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal;
font-style:normal; line-height:100%; text-indent: 0; text-decoration:none;
text-align:left; color:#000000;}
/*Headings*/
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#000}
h1 {font-size:46px}
h2 {font-size:40px}
h3 {font-size:36px}
h4 {font-size:36px}
h5 {font-size:30px}
h6 {font-size:20px}
/*Text Elements*/
p {color#000; font-size:28px; line-height:120%; padding: 0 10px; font-weight:normal;}
p .left {margin:1.5em 1.5em 1.5em 0; padding:0;}
p .right {margin: 1.5em 0 1.5em 1.5em; padding:0;}
a {font-size:inherit; }
a:link {color:blue; }
a:visited {color:blue;}
a:active {color:#000;}
a:focus {color:#666;}
a:hover {color:#f00;}
.threed {
color: #CCCCCC;
text-shadow: 0 1px 0 #999999, 0 2px 0 #888888,
0 3px 0 #777777, 0 4px 0 #666666,
0 5px 0 #555555, 0 6px 0 #444444,
0 7px 0 #333333, 0 8px 7px rgba(0, 0, 0, 0.4),
0 9px 10px rgba(0, 0, 0, 0.2);
}
blockquote {color:#000; font-size:12px;}
strong {font-weight:bold;}
em {font-style:italic;}
/*Lists*/
ul { }
ol {list-style-type:decimal;}
ul li {color:#000; font-size: 30px;}
ol li {color:#000; font-size: 30px;}
/*Forms*/
form {text-align:left; margin:20px;}
label, submit, input, textarea {border:0; padding:0; margin:0; background:none;}
label {float: left; width:400px; text-align:right; display:block; margin-top:0; font-size:14px; font-weight:bold;}
input, textarea {border:1px #333 solid; padding:5px;}
input {margin: 6px 0 8px 0;}
textarea {width:90px; height:150px; margin:6px 0 16px 0;}
.txtinpt {Background-color:#E7F0FE; width:600px; font-size:28px; }
.submit {width:180px; height:60px; margin-left:0px; font-size:36px; border-radius: 10px; font-weight:bold; background-color:#8FB6C9; color:white;
border: 2px navy solid; box-shadow: 0px 0px 10px 4px #355560 inset; text-shadow: 1px 0px 1px black; }
.submit:hover {background-color:red; color:yellow;}
.submit2 {width:100%; height:80px; margin: 0 0 0 30px; font-size:44px; border-radius: 10px; font-weight:bold; background-color:#8FB6C9; color:white;
border: 2px navy solid; box-shadow: 0px 0px 10px 4px #355560 inset; text-shadow: 1px 0px 1px black; }
.submit2:hover {background-color:red; color:yellow;}
/*#8FB6C9*/
/*PROJECT*/
body {background:#61030B; padding:0 0 0 0; background-image:url('../images/pdtln4.jpg'); background-repeat:no-repeat; background-attachment:fixed;}
.wrapper{width:960px; margin: 0px auto; position:relative; min-height:1000px; overflow:hidden;}
#wrapper1 { background-color:#A5B7D8; padding: 0 0 40px 0; position:relative;}
#wrapper1 h1 {text-align:center; padding: 20px 0;}
#wrapper2 {background-image:url('../images/bckgrd2.jpg') ; padding:20px 0 0 0; position:relative; }
#wrapper2 h1 {text-align:center; padding: 20px 0;}
#wrapper3 {background-color:#A5B7D8; }
#wrapper4 {background-image:url('../images/bckgrd3.jpg') ; padding:0 0 0 0; position:relative; }
#wrapper4 h1 {text-align:center; padding: 20px 0;}
/* General Effects */
.bdrrt {box-shadow: 4px 10px 10px -4px #444;}
.bdrlft {box-shadow: -10px 10px 10px -4px #444;}
.diva {margin: 10px auto 20px auto; border: 4px #37006F solid; border-radius:10px; width:400px; background-color:#FFFFCC;}
.diva h2 {font-size:44px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding: 20px 4px 6px 4px; font-weight:bold;}
.diva h3, h3 a {font-size:36px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding: 20px 4px 6px 4px; font-weight:bold;}
.diva h4 {font-size:34px; font-family:Arial, Helvetica, sans-serif; text-align:center; padding: 6px 4px 6px 4px; font-weight:bold; line-height: 120%;}
.diva h5 {text-align:center; font-size:32px; font-family:Arial, Helvetica, sans-serif; padding: 10px 4px 10px 12px; font-weight:bold; color:black; text-decoration:underline;}
.diva h6 {text-align:left; font-size:30px; font-family:Arial, Helvetica, sans-serif; padding: 20px 4px 10px 12px; font-weight:bold; color:navy;}
.diva p, p a {font-size:32px; font-family:Arial, Helvetica, sans-serif; padding: 4px 12px 20px 12px; font-weight:bold; line-height:120%;}
.diva ul {font-size:34px; font-family:Arial, Helvetica, sans-serif; margin: 10px 0 10px 220px; padding: 6px 4px 6px 4px; font-weight:bold; line-height: 120%;}
.diva li {font-size:34px; font-family:Arial, Helvetica, sans-serif; padding: 6px 4px 6px 4px; font-weight:bold; line-height: 120%;}
.divb {width:1040px; padding:20px 20px; border: 2px navy solid; background-color:#FFFFBB; border-radius:10px; box-shadow: 4px 10px 10px -4px #444; clear:both;}
.divb h1 {margin: 12px 0 12px 0; line-height:120%; font-size:44px; font-weight:bold; text-align:center; text-shadow: 0px 1px 2px #555;}
.divb h2 {margin: 12px 0 12px 0; text-align:center; text-shadow: 0px 1px 2px #555; font-size:36px;}
.divb h3 {line-height:120%; padding: 0 0 0 0; font-size:20px; font-weight:bold;}
.divb h3 a {line-height:120%; padding: 0 0 0 0; font-size:20px;font-weight:bold;}
.divb h4 {line-height: 120%; font-size:30px; text-align:center; padding: 10px 0;}
.divb h4 a {line-height: 120%; font-size:30px; text-align:center; padding: 10px 0; font-style:normal; font-weight:bold;}
.divb p, p a {font-size:28px; font-family:Arial, Helvetica, sans-serif; padding: 4px 12px 20px 12px; font-weight:bold; line-height:120%;}
.divc{padding: 20px 0 0 0; margin:0 0; } /*provide border between title and submenu */
/*Photo Containers*/
.phtctr1{
padding:20px 0 0 30px;}
.phtctr2{
float:right; width: 450px; margin: 20px 20px; }
.phtctr2 img {width:100%;}
.phtctr2a{
float:right; width: 350px; margin: 10px 10px; }
.phtctr2a img {width:100%;}
.phtctr2b{
float:right; width: 250px; margin: 10px 10px; }
.phtctr2b img {width:100%;}
.phtctr3 {display:inline-block; width:430px; margin: 20px auto 0 auto;}
.phtctr3 img {display:block; width:80%; margin: 20px auto;}
.phtctr3 h5 {text-align:center; line-height:120% }
.phtctr4 {display:block; width:600px; margin: 20px auto 0 auto;}
.phtctr4 img {display:block; width:100%; margin: 20px auto;}
.phtctr4 h5 {text-align:center; line-height:120% }
.phtctr4 h6 {text-align:center; line-height:120%; font-size:20px; font-weight:normal; }
.phtctr4a {display:block; width:800px; margin: 20px auto 0 auto;}
.phtctr4a img {display:block; width:100%; margin: 20px auto;}
.phtctr4a h5 {text-align:center; line-height:120% }
.phtctr4a p {font-size:22px; text-align:center; line-height:120% }
.phtctr5{
float:left; width: 300px; margin: 20px 20px; }
.phtctr5 img {width:100%;}
.phtctr5a{
float:left; width: 450px; margin: 20px 20px; }
.phtctr5a img {width:100%;}
.phtctr6 {display:block; width:880px; margin: 20px auto 0 auto;}
.phtctr6 img {display:block; width:100%; margin: 20px auto;}
.phtctr6 h5 {text-align:center; line-height:120% }
.phtctr6 p {font-size:22px; text-align:center; line-height:120% }
.phtctr7{
float:left; width: 450px; margin: 20px 20px; }
.phtctr7 img {width:100%;}
.phtctr7 p {width:100%; text-align:center; font-size:22px;}
.phtplrd {width: 80%;
display:block; margin:0 auto 20px auto;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.phtplrd2 {width:400px;
display:block; margin: 10px 0 10px 20px; padding: 10px 10px 20px 10px;
background-color: white; border: 1px solid #BFBFBF;
box-shadow: 10px 10px 5px #aaaaaa;
}
.phtplrd2 img {width:100%;}
.phtplrd2 p {font-size:24px; text-align:center;}
.phtplrdctr { text-align: center; padding: 10px 20px;}
.rotate_right {
float: left;
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Safari */
transform: rotate(7deg);
}
.rotate_left {
float: left;
-ms-transform: rotate(-8deg); /* IE 9 */
-webkit-transform: rotate(-8deg); /* Safari */
transform: rotate(-8deg);
}
/* Soft Edges for photos Add "background:url('../images/flags/[pic]') left top no-repeat;" to div id or style tag */
.phtctrsft{box-shadow: 25px 25px 50px 0 #D2E9FF inset, -25px -25px 50px 0 #D2E9FF inset; }
/*Photo Styles from W3*/
/*Image Modal*/
.myImg {
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
.myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
/* Modal Content (image) */
.modal-content {
margin: auto;
display: block;
width: 80%;
/*max-width: 800px;*/
}
/* Caption of Modal Image */
.mdcptn {
margin: 10px auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
}
/* Add Animation */
.modal-content, .mdcptn {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}
@keyframes zoom {
from {transform: scale(0.1)}
to {transform: scale(1)}
}
/* The Close Button */
.close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 48px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {
width: 100%;
}
}
/*Manual Slider*/
.sldrcntnr {
position:relative;}
.sldrcntnr h2 {text-align:center;}
.w3-display-left {
position: absolute;
top: 50%;
left: 3%;
transform: translate(0%,-50%);}
.w3-display-right {
position: absolute;
top: 50%;
right: 3%;
transform: translate(0%,-50%);}
.w3-btn-floating {transition: background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s;}
.w3-btn-floating{
width: 80px;
height: 80px;
line-height: 80px;
display: inline-block;
text-align: center;
color: #fff;
background-color: #000;
/* position: relative;*/
overflow: hidden;
z-index: 1;
padding: 0;
border-radius: 50%;
cursor: pointer;
font-size: 50px;
}
/*Various Containers*/
.ftcntnr {width:80%; margin: 20px auto; padding: 10px 10px; background:#D2E9FF; border-style:solid; border-radius:20px; border-width:4px; border-color:navy; }
/*Title Classes*/
.title1 {Border: 4px navy solid; border-radius: 20px; margin: 0 auto 20px auto; padding: 10px 10px 10px 10px; width:700px; background-color:#D2E9FF;
box-shadow: 4px 10px 10px -4px #444; }
.title1 h1, h1 a { font-weight:bold; font-size:48px; text-align :center; text-shadow: 0px 1px 2px #555; }
.title1 h2 { text-align:center; font-weight:bold; text-shadow: 0px 1px 2px #555; padding: 6px 0;}
.title1 h5, h5 a {font-size:30px; font-weight:bold; text-align:center; text-shadow: 0px 2px 3px #555;}
.title1 h6, h6 a {font-size:28px; font-weight:bold; text-align:center; }
.title1 p {text-align:center;}
/*Index Page*/
.msgbnr {position:absolute;}
.mainbnr {overflow:hidden; height:450px;}
.mainbnr img {width:100%; animation-name: fade; animation-duration: 1.5s;} }
/*Picture Changer for Index Page*/
.autobnr{display:none; }
/* Fading animation */
.fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* The dots/bullets/indicators on pictures*/
.dot {
height: 15px;
width: 15px;
margin: 20px 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/*Main Page Divs*/
.main1 {Border: 4px navy solid; border-radius: 20px; margin: 0 auto 20px auto; padding: 20px 10px 10px 20px; width:900px; background-color:#D2E9FF;
box-shadow: 4px 10px 10px -4px #444; font-family:Arial, Helvetica, sans-serif; }
.main1 h2, h2 a {font-size:40px;text-align:center; line-height:120%; }
.main1 h3, h3 a {font-size:36px; text-align:center; line-height:120%; margin: 0 0 20px 0;}
.main1 h4 {font-size: 32px; line-height:120%; padding: 10px 0;}
.main1 h5 {line-height:130%; text-align:center;}
.main1 iframe {display:block; margin: 20px auto;}
.main1 ul {margin: 20px 0 20px 40px; }
.main1 ul li { font-weight:normal; line-height:140%}
.main1 ul li a { font-weight:normal; font-size:inherit;}
/*Main Menu Bar*/
#topnav {
width:100%; height:60px; background-color:#E0EDFC; border-top:4px #444444 solid; border-bottom:4px #444444 solid; padding: 2px 0 0 0; margin: 0 0 0px 0;}
#topnav ul {
width: 650px;
margin: 12px 0 0 12px;
}
#topnav ul li {position:relative; display:inline; padding: 4px 0px 8px 24px; width:80px;}
#topnav ul li a { padding:0 4px; font-size:30px; font-weight:bold; color:#000066; font-family:Arial, Helvetica, sans-serif; }
#topnav a {}
#topnav a:hover {color:#f00;}
#topnav a:active {color:#FFFF99;}
#topnav li ul{
margin:10px 0 0 0; padding:0px 0 0 0; display:none; width:100%; position:absolute; left:0px; z-index: 99; top: 8px;
background-color:#E0EDFC; border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px; box-shadow: 4px 10px 10px -4px #444;
border-left: 4px #000066 solid; border-bottom: 4px #000066 solid;
border-right: 4px #000066 solid;
}
/* Only edit the last 2 items - set the top margin and background color of the submenus */
#topnav li:hover ul
{display:block; width:200px; } /* sets the width of the submenus*/
#topnav li li
{list-style:none; display:list-item; padding: 28px 0px 8px 4px; float:left; width:140px;}
#topnav li ul li a
{padding:4px 8px; font-size:28px; font-weight:bold; color:#000066;} /* DO NOT EDIT */
#hmsym {float:left; margin: 10px 20px 0 10px; position:relative;}
#hmsym ul {margin:8px 0 0 0; padding:0px 0 0 0; display:none; width:100%; position:absolute; left:0px; z-index: 99; top: 32px;
background-color:#E0EDFC; border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px; box-shadow: 4px 10px 10px -4px #444;
border-left: 4px #000066 solid; border-bottom: 4px #000066 solid;
border-right: 4px #000066 solid; }
#hmsym:hover ul {display:block; width:300px; }
#hmsym ul li {width:100%; list-style :none; display:block; padding: 24px 0px 8px 4px; }
#hmsym ul li a {padding:4px 8px; font-size:28px; font-weight:bold; color:#000066;}
#social_media {float: right; height:50px; width:100px;padding :0 0 0 0;
margin:8px 2px 0 0; color:#ff0000; font-size:15px }
#social_media ul {width:100%; margin: 0 0 0 0;}
#social_media ul li {margin: 0 0 0 0px; padding: 0 20px; display:inline;}
#social_media a {padding: 0 0; margin: 0 0;}
/*Manual Slider*/
.phtcntnr {
position:relative;
}
.w3-display-left {
position: absolute;
top: 50%;
left: 3%;
transform: translate(0%,-50%);}
.w3-display-right {
position: absolute;
top: 50%;
right: 3%;
transform: translate(0%,-50%);}
.w3-btn-floating {transition: background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s;}
.w3-btn-floating{
width: 80px;
height: 80px;
line-height: 80px;
display: inline-block;
text-align: center;
color: #fff;
background-color: #000;
/* position: relative;*/
overflow: hidden;
z-index: 1;
padding: 0;
border-radius: 50%;
cursor: pointer;
font-size: 50px;
}
#updtctr {float:right; margin: 0 0; padding: 0 0;}
#updt {width:440px; background-color:#FFFF99; padding:0 10px 10px 10px; border: 6px solid #37006F; border-radius:10px; margin: 0 0 0 0; overflow:hidden; }
#updt h1 {text-align:center; padding: 10px 0 10px 6px; font-weight:bold; font-size:48px; font-style:italic; text-decoration:underline; color:#37006F;}
#updt h2, h2 a {text-align:center; margin: 8px 8px; padding: 6px 0;font-weight :bold; font-size:46px; }
#updt h3, h3 a {text-align:center; padding: 6px 0 10px 0; font-weight:bold; font-size:44px; line-height: 120%;}
#updt h4, h4 a {text-align:center; margin: 10px 0 6px 0; padding:4px 0; font-weight:bold; font-size:38px;}
#updt h5, h5 a {text-align:center; padding: 6px 0 10px 0; font-weight:bold; font-size:34px;}
#updt p {padding: 20px 0 20px 0; font-size:40px; font-weight:bold; text-align:center; line-height:110%;}
#updt p a {font-size:40px; font-weight:bold; text-align:center; padding: 0 0;}
.tsth3 {text-align:center; padding: 6px 0 10px 0; font-weight:bold; font-size:42px; line-height: 100%;}
/*Projects Menu*/
#prjmnu{position:absolute; top:120px; left:20px; z-index:80; }
#prjmnu ul {background:#D2D9EC; width:380px; Border: 2px navy solid; border-radius: 20px; padding: 20px 0 20px 10px; opacity:0.7; }
#prjmnu ul li{ display:inline-block; width:340px; height:40px; font-size:34px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:blue; padding:20px 10px;}
#prjmnu ul li div { display:none; position:absolute; top:10px; width:530px; left:390px; z-index:84; background:#A5B7D8; padding:10px 10px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
#prjmnu h4 a {display:block; font-size:32px; background:#FF6666; width:inherit; clear: right;opacity:.7;padding: 20px 30px 20px 0; text-align:right; color:navy; margin:0 0; }
#prjmnu h4 a:hover {background:blue; color:yellow;}
#prjmnu ul li div img { display:block; margin: 0 auto; padding: 10px 0 20px 0;}
#prjmnu h5 {text-align:center; padding: 10px 0 20px 0; font-size:34px; font-weight:bold;}
#prjmnu h6 a {display:block; font-size:32px; background:#FF6666; width: 300px; float:right; clear: right;opacity:.7;padding: 20px 30px 20px 0; text-align:right; color:navy; }
#prjmnu ul li div hr {margin: 0 0; float:right; clear:right; width:330px;}
#prjmnu h6 a:hover {background:blue; color:yellow;}
#prjmnu p {padding: 0 0 10px 0;}
#prjmnu p a {font-size:inherit;}
#prjmnu ul:hover{opacity: 1.0;}
#prjmnu ul li:hover{background:#A5B7D8; color:red; font-size:38px; width:420px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
#prjmnu ul li:hover div {display:block;}
.mnuhr {width:600px;}
#prjsbmnu{ width:240px; background:#FFCCCC; float:left;}
#prjsbmnu span{color:#EBEBEB; font-size:30px;}
#prjsbmnu:hover {background:#FF7575}
/*Fund Raisers*/
#fndmnu{position:absolute; top:1094px; left:20px; z-index:80; }
#fndmnu ul {background:#D2D9EC; width:380px; Border: 2px navy solid; border-radius: 20px; padding: 20px 0 20px 10px; opacity:0.7; }
#fndmnu ul li{ display:inline-block; width:340px; height:40px; font-size:34px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:blue; padding:20px 10px;}
#fndmnu ul li div { display:none; position:absolute; width:530px;left:390px; z-index:84; background:#A5B7D8; padding:10px 10px;}
#fndmnu ul li div img { display:block; margin: 0 auto; padding: 10px 0 20px 0;}
#fndmnu h5 {text-align:center; padding: 10px 0 20px 0; font-size:34px; font-weight:bold;}
#fndmnu h6 a {display:block; font-size:32px; background:#FF6666; width: 300px; float:right; clear: right;opacity:.7;padding: 20px 30px 20px 0; text-align:right; color:navy; }
#fndmnu ul li div hr {margin: 0 0; float:right; clear:right; width:330px;}
#fndmnu h6 a:hover {background:blue; color:yellow;}
#fndmnu p {padding: 0 0 10px 0;}
#fndmnu p a {font-size:inherit;}
#fndmnu ul:hover{opacity: 1.0;}
#fndmnu ul li:hover{background:#A5B7D8; color:red; font-size:38px; width:420px; border-top-right-radius:10px;}
#fndmnu ul li:hover div {display:block;}
#fndsbmnu{ width:240px; background:#FFCCCC; float:left;}
#fndsbmnu span{color:#EBEBEB; font-size:30px;}
#fndsbmnu:hover {background:#FF7575}
/*Flagpole Park Div Index Page*/
#flag { padding: 6px 6px; margin: 20px auto; border-radius:10px;box-shadow: 4px 10px 10px -4px #444;}
#flag h1 {text-align:center; padding: 10px 0 10px 6px; font-weight:bold; font-size:46px; font-style:italic; text-decoration:underline; color:#37006F;}
#flag h2, h2 a {text-align:center; margin: 8px 8px; padding: 6px 0;font-weight :bold; font-size:46px; }
#flag h3, h3 a {text-align:center; padding: 10px 0 0 0; font-weight:bold; font-size:42px; line-height:110%; color:#37006F;}
#flag img, img a {}
#flgctr {margin: 10px auto; width:200px; height: 100px; border: 6px solid #37006F; border-radius:10px;box-shadow: 4px 10px 10px -4px #444; overflow:hidden;}
/*Flagpole Park Page*/
#lfpptl {position:absolute; left:120px; top:260px;}
#lfppt2{overflow:hidden; background-image:url('../images/bckgrd1.jpg');}
#lfppt2 h2 {padding: 0 0 10px 0;}
#lfppt2 h4 { padding: 20px 0; width:100%; text-align:center; font-size:32px;}
#lfppt2 h4 a {font-size:32px;}
#lfppt2 img{display:block; margin: 10px auto; box-shadow: 4px 10px 10px -4px #444; }
#flgsdbr{background:url('../images/flags/flgple.png') left top no-repeat; width:130px; height:1200px; margin: 0px 0 400px 0;float:right;}
.lfppt3 {width:700px; Border: 4px navy solid; border-radius: 20px; background-color:#D2E9FF; margin: 0 0 20px 20px;}
/*Headings*/
.whotitle {Border: 4px navy solid; border-radius: 20px; margin: 0 auto 20px auto; padding: 20px 10px 20px 10px; width:400px; background-color:#FFFFCC;
box-shadow: 4px 10px 10px -4px #444; overflow:hidden;}/*Old cplor#A5B7D8*/
.whotitle h1, h1 a { font-weight:bold; font-size:52px; text-align:center; text-shadow: 0px 1px 2px #555; }
.whotitle h5, h5 a {font-size:42px; font-weight:bold; text-align:center; padding: 20px 0 0 0; text-shadow: 0px 2px 3px #555;}
.whotitle2 {Border: 4px navy solid; border-radius: 20px; margin: 0 auto 20px auto; padding: 20px 10px 20px 10px; width:400px; background-color:#D2E9FF;
box-shadow: 4px 10px 10px -4px #444; overflow:hidden;}/*Old cplor#A5B7D8*/
.whotitle2 h1, h1 a { font-weight:bold; font-size:80px; text-align:center; text-shadow: 0px 1px 2px #555; }
.whotitle2 h2, h2 a { font-weight:bold; font-size:50px; text-align:center; text-shadow: 0px 1px 2px #555; }
.whotitle2 h5, h5 a {font-size:42px; font-weight:bold; text-align:center; padding: 20px 0 0 0; text-shadow: 0px 2px 3px #555;}
.whotitle3 {Border: 4px navy solid; border-radius: 20px; margin: 0 auto 20px auto; padding: 20px 10px 20px 10px; width:400px;
box-shadow: 4px 10px 10px -4px #444; overflow:hidden;
}
.whotitle3 h1, h1 a { font-weight:bold; font-size:80px; text-align:center; text-shadow: 0px 1px 2px #555; }
.whotitle3 h2, h2 a { font-weight:bold; font-size:50px; text-align:center; text-shadow: 0px 1px 2px #555; }
.whotitle3 h5, h5 a {font-size:42px; font-weight:bold; text-align:center; padding: 20px 0 0 0; text-shadow: 0px 2px 3px #555;}
/*Radio Auction Page*/
/*Quick Menu*/
.qkmnu { width:100%; height:150px; position:relative; margin:20px 0 80px 0; }
.qkmnu img {display:block; position:absolute; top:20px; left:100px; width:80%; z-index:2;}
.qkdpdn { display:none; position:absolute; top:20px; left:120px; z-index:1; width:76%; background-image:url('../images/rdaucqkpkdpdn.png');
background-repeat:no-repeat; background-size:100% 100%; padding: 140px 0 40px 0; opacity:0.9;
}
.qkdpdn ul li {list-style:none; margin:20px 0 20px 40px;}
.qkdpdn ul li a {font-weight:bold; font-size:46px; text-shadow: 0px 1px 2px #555;}
.qkmnu:hover div {display:block;}
/*Quick Pick Dropdown*/
#rdaucqkpk{}
#rdaucbnr{width:400px; height:150px; position:absolute; top: 0px; left:530px; margin:10px 0 80px 0; opacity:0.8; background-color:rgb(247, 195, 19);
border-radius:10px; padding:0px 0px 0px 0px; overflow:hidden; box-shadow: 4px 10px 10px -4px #444;}
#rdaucbnr img {display:block; height:100%; float:right;}
#rdaucbnr h4 {text-align:center; line-height:120%; color:rgb(2 83 165); margin:20px 0px 0px 0px; }
#rdaucbnr h4 a {text-align:center; line-height:120%; color:rgb(2 83 165); margin:20px 0px 0px 0px; }
#rdaucbnr ul {margin:0 0 0 0; padding:20px 0 20px 0; display:none; width:350px; position:absolute; left:12px; z-index: 98; top: 240px;
box-shadow: 4px 10px 10px -4px #444; opacity:0.8; border-radius:100px; background-color:rgb(254,230,206);
}
#rdaucbnr:hover { opacity:1.0; }
/*#rdaucbnr:hover h4 {color:rgb(2,83,165); }
#rdaucbnr:hover h4 a {color:rgb(2,83,165);}
#rdaucbnr:hover ul {display:block; }
#rdaucbnr ul li {width:100%; list-style :none; display:block; padding: 20px 0px 20px 0px; text-align:center; }
#rdaucbnr ul li a {padding:4px 8px; font-size:36px; font-weight:bold; color:#000066;}
#aucinfo h1{font-size:100px; color:navy;}
#aucinfo h2{font-size:80px; color:navy;}
#aucinfo h3{font-size:60px; color:navy;}*/
/*Timer*/
#aucpgtmr {}
#aucpgtmr h1 {font-size:64px; font-weight:bold; color:red; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
#aucpgtmr h2 {font-size:50px; font-weight:bold; color:navy; }
/*Divs*/
#auchw {font-size:30px;}
#auclst h3, p {margin: 20px 0;}
#auclst a {display:block; margin:0 auto;}
#auclst a img {display:block; margin:0 auto;}
#aucbdnm h3, p {margin: 20px 0;}
#aucpkup a {display:block; margin:0 auto;}
#aucpkup a img {display:block; margin:0 auto;}
#aucpay img {display:block; margin:0 auto;}
#auchw ul li {font-size:28px; font-weight:normal;}
/*Contact Page*/
#cntct_frm {width:800px; margin: 50px auto 10px auto; border: 2px navy solid; background:#FFFFAA; float:none; clear:both; margin-top:25px;
border-radius:10px; box-shadow: 4px 10px 10px -4px #444; padding: 10px 0 0 0;}
#cntct_frm h2 {width:100%; text-align:center;}
#cntct_frm ol {list-style-type:none; padding: 10px 0 0 10px;}
#cntct_frm li { padding: 10px 20px; }
#cntct_frm li label { text-align:left; font-size:32px; font-weight:bold; }
#cntct_frm .txtinpt {width:100%}
#cntct_frm .submit {display:block; margin:20px auto;}
#cntct_frm input{}
.contact {margin: 15px auto; width:500px; padding:10px 10px; background-color:#FFFFAA; border:2px navy solid; box-shadow: 4px 10px 10px -4px #444; border-radius:10px;}
.contact h2 {text-align:center; text-shadow: 0px 1px 2px #555; font-size:36px; margin-bottom:15px;}
.contact h3 {text-align:center; font-size:22px; margin-bottom:6px; font-size:30px;}
/*Download Form*/
.getapp {display:block; width:360px; margin: 20px auto;}
.getapp form button {width: 300px; height:200px; margin: 5px 0 0 0; border-radius: 10px; font-weight:bold; background-color:#8FB6C9; color:white;
border: 2px navy solid; box-shadow: 0px 0px 10px 4px #355560 inset; text-shadow: 1px 0px 1px black; font-size:36px;}
.getapp form button:hover { background-color:red; color:yellow; }
/*Download Form with Hyperlink Style Buttons*/
.getapp2 {display:block; width:100%; margin: 10px auto; padding: 0 10px;}
.getapp2 h3 {text-decoration:underline;}
.getapp2 form {margin: 5px 0;}
.getapp2 form button {width: 860px; height:60px; margin: 0 0 0 0; font-weight:normal; background-color:transparent; color:blue;
text-shadow: 1px 0px 1px black; font-size:36px; border-radius: 10px; border-style:none;}
.getapp2 form button:hover { background-color:red; color:yellow; }
/*Join Page*/
#join1{}
/*Radio Auction*/F
.actnthmb {display:block; width:440px; height:480px; margin:0 10px 10px 10px; padding:10px 10px 10px 10px; border-style:solid; border-width:2px; border-color:navy; border-radius:10px; background-color:#FFFFCC; overflow:hidden;}
.actnthmb h4 {display:block; line-height:120%; margin:0 auto; padding:20px 0 5px 0; text-align:center; width:920px; font-size:32px;}
.actnthmb h4 a {line-height:120%; font-size:32px;}
.actnthmb h6 {display:block; line-height:120%; margin:0 auto; line-height:120%; padding:5px 5px; text-align:center; width:920px; font-size:24px;}
.actnthmb h6 a {line-height:120%; font-size:24px;}
.actnthmbhrz {display:block; margin:0 auto; width:268px; height:200px; }
.actnthmbvrt {display:block; margin:0 auto; width:150px; height:200px; }
.actndv {}
#ithm{width:900px;}
#ithm h6 {padding: 10px 0; font-size:32px;}
#ithm h6 a {margin: 30px 0; font-size:32px;}
/*Radio Auctio Item Expanded Description Popup*/
/* Popup container - can be anything you want */
.popup {
position: relative;
display: inline-block;
cursor: pointer;
color:blue;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.popup:hover {
color:red;
}
/* The actual popup */
.popup .popuptext {
visibility: hidden;
width: 850px;
background-color: #555;
color: #fff;
text-align: center;
font-size:24px;
border-radius: 6px;
padding: 8px 0;
position: absolute;
z-index: 1;
bottom: 100%;
left: 5%;
margin-left: 10px;
}
/* Popup arrow */
.popup .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
}
/*About Us page*/
/*#aboutus h3{clear:both;}*/
/*Lions Log In Page*/
#lnsloginfrm p {text-align:center;}
#lnsloginfrm input[type=text], input[type=password] {font-size:28px;}
#lnsloginfrm input[type=button], input[type=reset] {display:block; margin: 40px auto; height:60px; width:200px;font-size:30px;
border-width:4px; border-radius:10px; border-color:navy; background-color:aqua; color:red;}
#lnsloginfrm input[type=button]:hover, input[type=reset]:hover {background-color:red; color:yellow;}
/*Lions Member Page*/
.lnsphn table {display:block; margin: 20px auto; width:600px;border-collapse :collapse; border-width:2px; border-style:solid;}
.lnsphn th {font-size:28px;padding:4px 20px 4px 4px; border-bottom-style:solid; border-bottom-width:2px; font-weight:bold; text-align:right;}
.lnsphn td {font-size:28px;padding:4px; border-bottom-style:solid; border-bottom-width:2px;}
/*Memoriam Pages*/
.memoriam{background:black; display:block; margin: 10px 0 10px 50px; padding:40px 0; width:800px; border-radius:20px;}
/*Foundation Pages*/
/*Foundation Main Page*/
#fndttl { padding: 10px 30px 10px 10px; height:320px; }
#fndttl h1, h1 a { font-weight:bold; font-size:80px; text-align :center; text-shadow: 0px 1px 2px #555; padding: 0 0 }
#fndttl h2 { text-align:center; font-weight:bold; text-shadow: 0px 1px 2px #555; padding: 6px 0; font-size:52px; padding: 70px 0 20px 0;}
.title2 h5, h5 a {font-size:30px; font-weight:bold; text-align:center; text-shadow: 0px 2px 3px #555;}
.title2 h6, h6 a {font-size:28px; font-weight:bold; text-align:center; }
.title2 p {text-align:center;}
#dntpg {float:right; padding: 0 0 0 20px;}
/*Donate Button*/
#dntnow{display:block; margin:0px auto; ; overflow:hidden; padding: 10px 0 20px 0; width:360px;}
#dntnow h5{text-align:center;}
#dntnow form {margin: 0 0 10px 30px;}
#dntnow form input{border-style:none;}
#dntnow a {display:block; margin: 10px auto;}