/* FULL PAGE IMAGE STYLE fonta & fontb */
html, body {height:100%; width:100%; padding:0; margin:0; background-color:transparent;}
#full-screen-background-image {z-index:-999; min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left: 0;}
#wrapper {position:relative; width:980px; min-height:400px; margin:0px auto; color:#transparent;}

body {margin:0; background-color:#000000;}
.lightbox {position:fixed; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center; z-index:0; background:rgba(255, 255, 255, .4)}
.toolbarLB {text-align:right; padding:3px;}
.closeLB {color:red; cursor:pointer;}
.closeLB:hover {color:red; background-color:#ff0000; cursor:pointer;}
.lightbox closed:hover {color:red; background-color:#ff0000; cursor:pointer;}

.lightbox .iframeContainer {vertical-align:middle; background:transparent; padding:2px;}
.lightbox.closed {display:none;}

#buttonradialbluecrash {width:20px; height:20px; border:2px solid #ffff00; background:#000066; border-radius:50%; position:absolute; filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99; cursor:pointer; z-index:1;}
#buttonradialredcrash {width:20px; height:20px; border:2px solid #ffff00; background:#990000; border-radius:50%; position:absolute; filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99; cursor:pointer; z-index:1;}

.popup{background-color:#ffffff; padding:0px 38px; position:absolute; transform:translate(-50%,-50%); left:50%; top:38%; border-radius:20px; border:3px solid #ffffff; font-family:"Poppins",sans-serif; display:none; text-align:left; -moz-box-shadow:40px 40px 40px 40px black; -webkit-box-shadow:40px 40px 40px 40px black; box-shadow:0 0 40px black; z-index:7;}
.popup button {position:absolute; font-family:book antiqua; font-size:22px; color:#ffffff; background:#ff0000; color:#FFFFFF; line-height:40px; right:-30px; text-align:center; top:-30px; width:48px; height:48; text-decoration:none; font-weight:bold;  border:2px solid #ffff00; -webkit-border-radius:50px;}
.popup button:hover {background:#009933;}

/* .popup{background-color:#b2b2b2; padding:0px 38px; position:absolute; transform:translate(-50%,-50%); left:50%; top:37%; border-radius:20px; border:3px solid #ffffff; font-family:"Poppins",sans-serif; display:none; text-align:left; -moz-box-shadow:40px 40px 40px 40px black; -webkit-box-shadow:40px 40px 40px 40px black; box-shadow:0 0 40px black; z-index:7;}
.popup button {position:absolute; font-family:book antiqua; font-size:22px; color:#ffffff; background:#ff0000; color:#FFFFFF; line-height:40px; right:220px; text-align:center; top:280px; width:200px; height:50; text-decoration:none; font-weight:bold; border:2px solid #ffff00; -webkit-border-radius:50px; cursor:pointer;}
.popup button:hover {background:#009933;} */

.center {display:block; top:500px; margin-left:auto; margin-right:auto; width:50%;}

/* P.blocktext {margin-left:auto; margin-right:auto; width:800px; top:200px; height:250px; text-align:left; line-height:24px; font-family:book fantasy; font-size:20px; font-weight:bold; font-style:bold; color:#ffff00; background-color:#990000; padding:10px; border-radius:10px; border:1px solid #ffff00; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:99;} */
P.blocktext {margin-left:auto; margin-right:auto; width:800px; top:200px; height:250px; text-align:left; line-height:24px; font-family:book fantasy; font-size:20px; font-weight:bold; font-style:bold; color:#000000; background-color:#e5e5e5; padding:10px; border-radius:10px; border:0px solid #ffff00; -moz-box-shadow:0 0 40px black; -webkit-box-shadow:0 0 40px black; box-shadow:0 0 40px black; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:99;}

a2.orange {margin:0; padding:0;}
.a2 {transition:text-shadow, 0.5s, ease; display:block; padding:20px 0px 20px 0px; color:#fff; text-shadow:#343434 1px 1px 1px; text-decoration:none;}
a2:hover {color:#ff9933; text-shadow:#343434 1px 1px 1px, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff6633, 0 0 70px #ff6633, 0 0 80px #ff6633, 0 0 100px #ff6633, 0 0 150px #ff6633; text-decoration:none;}

a3.white {margin:0; padding:0;}
.a3 {transition:text-shadow, 0.5s, ease; display:block; padding:20px 0px 20px 0px; color:#fff; text-shadow:#343434 1px 1px 1px; text-decoration:none;}
a3:hover {color:#ffffff; text-shadow:#343434 1px 1px 1px, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff6633, 0 0 70px #ff6633, 0 0 80px #ff6633, 0 0 100px #ff6633, 0 0 150px #ff6633; text-decoration:none;}

a4.white {margin:0; padding:0;}
.43 {transition:text-shadow, 0.5s, ease; display:block; padding:20px 0px 20px 0px; color:#b2b2b2; text-shadow:#343434 1px 1px 1px; text-decoration:none;}
a4:hover {color:#b2b2b2; text-shadow:#343434 1px 1px 1px, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff6633, 0 0 70px #ff6633, 0 0 80px #ff6633, 0 0 100px #ff6633, 0 0 150px #ff6633; text-decoration:none;}



h1ww14 {text-align:left; margin:0px; color:#ffff00; text-shadow:0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font:14px 'ChunkFiveRegular';}
<!-- TABS RIGHT MODALS -->
h1ww16 {text-align:left; margin:0px; color:#ffff00; text-shadow:0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font:16px 'ChunkFiveRegular';}

h1ww17 {text-align:left; margin:0px; color:#ffff00; text-shadow:0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font:17px 'ChunkFiveRegular';}
h1ww18 {text-align:left; margin:0px; color:#ffff00; text-shadow:0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font:18px 'ChunkFiveRegular';}
h1ww20 {text-align:left; margin:0px; color:#ffff00; text-shadow:0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font:20px 'ChunkFiveRegular';}
h1ww36 {text-align:left; margin:0px; color:#ffff00; text-shadow:0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font-size:36px 'ChunkFiveRegular';}
h1ww36 {text-align:left; margin:0px; color:#ffff00; text-shadow:0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font-size:36px 'ChunkFiveRegular';}

h1bw22 {text-align:left; margin:0px; color:#b8e2ef; /* 6699ff 0000ff */ text-shadow:0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font:22px 'ChunkFiveRegular';}

/* ACTIVE-USED IN LTDPEC DEMOCRAT SEAL LOGO-<a id="rotator" href */
a#rotator img {background:tranparent; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;} 
a#rotator img:hover {background:transparent; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); z-index:9999;} 

/* #page-wrap {position:relative; top:0px; width:800px; margin:50px auto; padding:20px; background:white; -moz-box-shadow:0 0 20px black; -webkit-box-shadow:0 0 20px black; box-shadow:0 0 20px black;}
/* p {text-align:left; font:15px; Georgia, Serif;}

/* common - THERMOMETER ICON TEXT POPUP */
span.thermometer span {font-family:book antiqua; font-size:20px; color:#ffff00; text-decoration:none; text-shadow:2px 2px 2px #ffffff; z-index:9;}
span.thermometer:hover {text-decoration:none; background:transparent; z-index:9; }
span.thermometer span {position:absolute; left:-9999px; margin:0px; 0px; 0px; 0px; padding:0px; 0px; 0px; 0px; border-style:solid; border-color:#000000; border-width:0px; z-index:1000; border-radius:5px; margin:0px; z-index:9;}
span.thermometer:hover span {left:-3%; background:#f0ece6; z-index:9;} 
span.thermometer span {position:absolute; left:-9999px; margin:5px; 5px; 5px; 5px; padding:0px; 0px; 0px; 0px; border-style:solid; border-color:#000000; border-width:0px; z-index:9;}
span.thermometer:hover span {margin:0px -260px; 0px; -5px; width:260px; background:#ffffff; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; z-index:9;} 

/* EDITOR HELP */
span.help {border-bottom: none; background: #transparent;}
span.help:hover {text-decoration: none; background: #transparent; z-index: 6;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
span.help span {position: absolute; left: -9999px; margin: 20px 0 0 0px; padding: 3px 3px 3px 3px; border-style:solid; border-color:#000000; border-width:2px; z-index: 6;}
span.help:hover span {left: 1%; background: #transparent;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} 
span.help span {position: absolute; left: -9999px; margin: 4px 0 0 0px; padding: 10px 30px 30px 30px; border-style:solid; border-color:#000000; border-width:2px;}
span.help:hover span {margin: 48px 0 0 -10px; background: #fafafa; z-index:6;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} 

/* FULL-PAGE BODY BACKGROUND WITH STATIC IMAGE */
/* body, html {height:100%; margin:0; font:400 15px/1.8 "Lato", sans-serif; color:#fff;}
.bgimg-0, .bgimg-1, .bgimg-2 {position:relative; opacity:0.80; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bgimg-0 {background-image: url("../images/faced.png"); height:100%;}
.caption0 {position:absolute; top:60%; line-height:30px; left:25%; right:20% width:60%; text-align:left; color:#000;}
.caption0 span.border {background-color:transparent; color: #ffffff; padding:18px; font-size:25px; letter-spacing:10px;}
h3 {letter-spacing:5px; text-transform:uppercase; font:20px "Lato", sans-serif; color:#111111;} */

.boxredblue200 {font-family:book antiqua; font-size:24px; font-weight:bold; font-style:bold; color:#990000; text-decoration:none;}
.boxredblue200 {align:left; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #990000; padding:5px 5px; background:#ffeac4; width:655px; height:auto; margin:5px 0px 0px 40px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:1100;}
.boxredblue200:hover {border-color:#3f48cc; text-decoration:none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8);}

/* PLAYLIST */
.boxredblue200 {font-family:book antiqua; font-size:24px; font-weight:bold; font-style:bold; color:#990000; text-decoration:none;}
.boxredblue200 {align:left; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #990000; padding:5px 5px; background:#ffffff; width:700px; height:auto; margin:5px 0px 0px 40px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:1100;}
.boxredblue200:hover {border-color:#3f48cc; text-decoration:none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8);}

.boxredblue610 {font-family:book antiqua; font-size:24px; font-weight:bold; font-style:bold; color:#990000; text-decoration:none;}
.boxredblue610 {align:left; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #990000; padding:5px 5px; background:#ffeac4; width:610px; height:auto; margin:5px 0px 0px 40px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:1100;}
.boxredblue610:hover {border-color:#3f48cc; text-decoration:none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8);}

/* uncommon-RESERVE2 TABLE */
.boxredblue680 {font-family:book antiqua; font-size:14px; font-weight:bold; font-style:bold; color:#990000; text-decoration:none;}
.boxredblue680 {align:left; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #990000; padding:5px 5px; background:#f0ece6; width:680px; height:925px; margin:5px 0px 0px 15px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:1100;}
.boxredblue680:hover {border-color:#3f48cc; text-decoration:none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8);}

/* uncommon-RESERVE 2 & 3 SPAN TABLE WRAPPER */
.boxredblue700 {font-family:book antiqua; font-size:14px; font-weight:bold; font-style:bold; color:#990000; text-decoration:none;}
.boxredblue700 {align:left; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #990000; padding:5px 5px; background:#f0ece6; width:700px; height:auto; margin:5px 0px 0px 15px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:1100;}
.boxredblue700:hover {border-color:#3f48cc; text-decoration:none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8);}

/* burger001 */
.boxredblue90012 {font-family:book antiqua; font-size:12px; font-weight:bold; font-style:bold; color:#990000; text-decoration:none;}
.boxredblue90012 {align:left; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #990000; padding:5px 5px; background:#f0ece6; width:900px; height:auto; margin:5px 0px 0px 15px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:1100;}
.boxredblue90012:hover {border-color:#3f48cc; text-decoration:none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8);}


/* PLAYING */
.boxredblue84012 {font-family:book antiqua; font-size:12px; font-weight:bold; font-style:bold; color:#990000; text-decoration:none;}
.boxredblue84012 {align:left; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #990000; padding:0px 0px; background:#f0ece6; width:840px; height:auto; margin:0px 0px 0px 0px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:1100;}
.boxredblue84012:hover {border-color:#3f48cc; text-decoration:none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8);}



/* uncommon-RESERVE 2 & 3 SPAN TABLE */
.hoverspantable680 {align:center; width:680px; border-collapse:collapse; font-family:book antiqua; font-size:12px; font-weight:bold; font-style:bold; text-decoration:none; color:#000066; margin:20; padding:5px; 5px; 5px; 10px; border:1px solid #000000; border-radius:5px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:1;}
.hoverspantable680 td {padding:2px; border:#000000 1px solid;}
.hoverspantable680 tr {background:#e6e6e6;}
.hoverspantable680 tr:hover {background-color:#b2b2b2;}

.boxcenter {font-weight:bold; font-style:bold;}
.boxcenter {border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border:1px solid #b2b2b2; padding:5px 5px; background:#ffffff; width:990px; height:auto; margin:5px 0px 0px 15px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; z-index:1100;}
.boxcenter:hover {border-color:#3f48cc; text-decoration:none; box-shadow: 0px 0px 5px 0px rgba(0, 100, 255, 0.8); -webkit-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8); -moz-box-shadow:0px 0px 5px 0px rgba(0, 100, 255, 0.8);}

.hoverspantablecenter {align:center; width:980px; border-collapse:collapse; font-family:book antiqua; font-size:18px; font-weight:bold; font-style:bold; text-decoration:none; color:#000066; margin:20; padding:5px; 5px; 5px; 10px; border:1px solid #000000; border-radius:5px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index:1000;}
.hoverspantablecenter td {padding:2px; border:#000000 1px solid;}
.hoverspantablecenter tr {background:#e6e6e6;}
.hoverspantablecenter tr:hover {background-color:#999999;}

.effecticon {border-style:solid; border-color:#b2b2b2; border-width:0px; z-index:1000; border-radius:5px; margin:0 auto;}
.effecticon:hover {-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5); transition:all 0.3s; -webkit-transition:all 0.3s;}

.effectmusic {border-style:solid; border-color:#b2b2b2; border-width:0px; z-index:1000; border-radius:5px; margin:0 auto;}
.effectmusic:hover {-webkit-transform:scale(2.0); -moz-transform:scale(2.0); -o-transform:scale(2.0); transform:scale(2.0); transition:all 0.3s; -webkit-transition:all 0.3s;}

.effectcalendar {border-style:solid; border-color:#b2b2b2; border-width:0px; z-index:1000; border-radius:5px; margin:0 auto;}
.effectcalendar:hover {-webkit-transform:scale(20); -moz-transform:scale(20); -o-transform:scale(20); transform:scale(20); transition:all 0.3s; -webkit-transition:all 0.3s;}


.shadowzoomdarkblue {color:#e6e6e6; font:bold 30px Helvetica, Arial, Sans-Serif; text-shadow:1px 1px #003399, 2px 2px #003399, 3px 3px #003399; -webkit-transition: all 0.12s ease-out; -moz-transition:all 0.12s ease-out; -ms-transition:all 0.12s ease-out; -o-transition:all 0.12s ease-out;}
.shadowzoomdarkblue:hover {position:relative; top:-3px; left:-3px; text-shadow: 1px 1px #0066cc, 2px 2px #0066cc, 3px 3px #0066cc, 4px 4px #0066cc, 5px 5px #0066cc, 6px 6px #0066cc;}

.shadowzoommediumblue {color:#e6e6e6; font:bold 30px Helvetica, Arial, Sans-Serif; text-shadow:1px 1px #0066ff, 2px 2px #0066ff, 3px 3px #0066ff; -webkit-transition: all 0.12s ease-out; -moz-transition:all 0.12s ease-out; -ms-transition:all 0.12s ease-out; -o-transition:all 0.12s ease-out;}
.shadowzoommediumblue:hover {position:relative; top:-3px; left:-3px; text-shadow: 1px 1px #0066cc, 2px 2px #0066cc, 3px 3px #0066cc, 4px 4px #0066cc, 5px 5px #0066cc, 6px 6px #0066cc;}

.shadowzoomlightblue {color:#e6e6e6; font:bold 30px Helvetica, Arial, Sans-Serif; text-shadow:1px 1px #0099ff, 2px 2px #0099ff, 3px 3px #0099ff; -webkit-transition: all 0.12s ease-out; -moz-transition:all 0.12s ease-out; -ms-transition:all 0.12s ease-out; -o-transition:all 0.12s ease-out;}
.shadowzoomlightblue:hover {position:relative; top:-3px; left:-3px; text-shadow: 1px 1px #0066cc, 2px 2px #0066cc, 3px 3px #0066cc, 4px 4px #0066cc, 5px 5px #0066cc, 6px 6px #0066cc;}

nav ul ul {display:none;}
nav ul li:hover > ul {display:block;}
nav ul {background:transparent; padding:0 5px; border-radius:0px; list-style:none; position:relative; display:inline-table;}
nav ul:after {content:""; clear:both; display:block;}
nav ul li {float:left;}
nav ul li:hover {background:transparent;}
nav ul li:hover a {color:#000000;}
nav ul li a {display:block; width:100px; padding:0px 5px; color:#ffff00; text-decoration:none;}
nav ul ul {background:#b2b2b2; border-radius:0px; padding:0; position:absolute; top:100%;}
nav ul ul li {float:none; border-top:1px solid #6b727c; border-bottom:1px solid #575f6a; position:relative;}
nav ul ul li a {padding:5px 40px; color:#ffff00;}	
nav ul ul li a:hover {background:#47a3da;}
nav ul ul ul {position:absolute; left:100%; top:0;}

/* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);}
.flip-container:hover .front, .flip-container.hover .front {-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}
/* END: Accommodating for IE */

.flip-container, .front, .back {height:230px; width:370px; display:inline-block; margin-bottom:-7px;}
.flipper {-webkit-transition:0.6s; -webkit-transform-style:preserve-3d; -ms-transition:0.6s; -moz-transition:0.6s; -moz-transform:perspective(1000px); -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transition:0.6s; transform-style:preserve-3d; position:relative;}
.front, .back {-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:0.6s; -webkit-transform-style:preserve-3d; -moz-transition:0.6s; -moz-transform-style:preserve-3d; -o-transition:0.6s; -o-transform-style:preserve-3d; -ms-transition:0.6s; -ms-transform-style:preserve-3d; transition:0.6s; transform-style:preserve-3d; position:absolute; top:0; left:0;}
.front {-webkit-transform:rotateY(0deg); -ms-transform:rotateY(0deg); background:transparent; z-index:2;}
.back {background:transparent; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); -o-transform:rotateY(-180deg); -ms-transform:rotateY(-180deg); transform:rotateY(-180deg);}
.front .name {font-size:2em; display:inline-block; background:rgba(33, 33, 33, 0.9); color:#f8f8f8; font-family:Courier; padding:5px 10px; border-radius:5px; bottom:60px; left:25%; position:absolute; text-shadow:0.1em 0.1em 0.05em #333; display:none; -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -ms-transform:rotate(-20deg); transform:rotate(-20deg);}
.back-logo {position:absolute; top:40px; left:90px; width:160px; height:117px; background:url() 0 0 no-repeat;}
.back-title {font-weight:bold; color:transparent; position:absolute; top:180px; left:0; right:0; text-align:center; text-shadow:0.1em 0.1em 0.05em #acd7e5; font-family:Courier; font-size:2em;}
.back p {position:absolute; bottom:40px; left:0; right:0; text-align:center; padding:0 20px;}
.flipcardscontainer{width:370px; background-color:transparent;}

/* BIDEN DROP MENU COLUMN */
.menu1-btn {width:180px; height:40px; background-color:#000066; color:#ffff00; padding:0px; font-size:18px; font-weight:bolder; font-weight:bold; font-style:bold; font-family:fantasy; border-radius:10px; border:1px solid #ffff00; outline:none; cursor:pointer;}
.dropdown1-menu {position:relative; display:inline-block;}
.menu1-content {display:none; position:absolute; width:180px; font-size:12px; font-family:fantasy; background-color:transparent; text-color:#000000; min-width:180px; z-index:99;}
.links {color:#000000; padding:8px 8px; text-decoration:none; display:block; font-size:14px; border-bottom:1px solid black; border-radius:10px;}
.links:hover {background-color:rgb(255,153,51);}
.dropdown1-menu:hover .menu1-btn {background-color:#47a3da;}

/* HARRIS DROP MENU COLUMN */
.menu2-btn {width:175px; height:40px; background-color:#000066; color:#ffff00; padding:0px; font-size:18px; font-weight:bolder; font-weight:bold; font-style:bold; font-family:fantasy; border-radius:10px; border:1px solid #ffff00; outline:none; cursor:pointer;}
.dropdown2-menu {position:relative; display:inline-block;}
.menu2-content {display:none; position:absolute; width:175px; font-size:12px; font-weight:bolder; font-weight:bold; font-style:bold; font-family:fantasy; background-color:transparent; text-color:#000000; padding:0px; min-width:175px; z-index99;}
.links {color:#000000; padding:8px 8px; text-decoration:none; display:block; font-size:14px; border-bottom:1px solid black; border-radius:10px;}
.links:hover {background-color:rgb(255,153,51);}
.dropdown2-menu:hover .menu2-btn {background-color:#47a3da;}

.buttonCalendar {width:180px; height:40px; background-color:#000066; text-color:#ffff00; border-radius:10px; border:1px solid #ffff00; font-family:fantasy; font-size:18px; font-weight:bold; font-style:bold; padding:0px 0px 2px; 0px; text-align:center; text-decoration:none; display:inline-block; margin:0px 0px; z-index:1; cursor:pointer;}
.buttonCalendar:hover {background-color:#47a3da; text-color:#ffff00;}
.buttonTimedate {width:175px; height:40px; background-color:#000066; text-color:#ffff00; border-radius:10px; border:1px solid #ffff00; font-family:fantasy; font-size:18px; font-weight:bold; font-style:bold; padding:0px 0px 2px; 0px; text-align:center; text-decoration:none; display:inline-block; margin:0px 0px; z-index:1; cursor:pointer;}
.buttonTimedate:hover {background-color:#47a3da; text-color:#ffff00;}

.buttonReserve1 {width:30px; height:160px; background-color:#000066; text-color:#ffff00; border-right:0px solid yellow; border-left:1px solid yellow; border-top:1px solid yellow; border-bottom:1px solid yellow; border-top-left-radius:10px; border-bottom-left-radius:10px; font-family:fantasy; font-size:18px; font-weight:bold; font-style:bold; padding:0px 0px 2px 0px; vertical-align:right; text-align:center; text-decoration:none; display:inline-block; margin:0px 0px; cursor:pointer;">
.buttonReserve1:hover {background-color:#47a3da; text-color:#ffff00;}

.buttonReserve4 {width:30px; height:160px; background-color:#000066; padding:0px 10px 0px 10px; border-right:0px solid yellow; border-left:1px solid yellow; border-top:1px solid yellow; border-bottom:1px solid yellow; border-top-left-radius:10px; border-bottom-left-radius:10px; vertical-align:right; cursor:pointer; z-index:5;}
.buttonReserve4:hover {background-color:#47a3da; text-color:#ffff00;}