:root {
	  --chalk: #0978B9; 
	  --night: #000129; 
	  --gold: #ca9802;
}
/*
 gold -  # ca9802

lighter gold - #f5ba07

grey 0- font - #1f1f23
chalk blue - #28A9F5
deep blue: # 000129
*/


/*.bigdiv {width: 100%; height: 100%; background: url(../images/fade.png) repeat-x bottom; position:fixed; top:0; left:0;  border: solid 0px yellow; text-align: center; }*/
.page {width: 1000px; margin: 0 auto;  font-family: 'Oxygen', sans-serif; color: #1f1f23; font-size: 14px;}
.breaker {clear: both;}

a, a:visited, .dead {color: var(--chalk); text-decoration: none;}
a:hover, a:focus, .dead:hover {color: #001c8c; text-decoration: underline;}

header {text-align: left; position: relative; width: 100%; height: 120px;}
header h1 {position: absolute; top: 20px; left: 20px;}
.the { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-family: 'Montserrat Alternates', sans-serif; font-weight: 700; font-size: 20px; color: #f5ba07;position: absolute; top: 73px; left: -8px;}
.welcome { font-family: 'Montserrat Alternates', sans-serif; font-weight: 700; font-size: 25px; color: #f5ba07;position: absolute; top: 20px; left: 0px;}

h1 {font-family: 'Montserrat Alternates', sans-serif; font-weight: 700; font-size: 50px;  background: -webkit-linear-gradient(var(--gold), #f5ba07, var(--gold));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; color: #f5ba07; }
h2 {font-family: 'Montserrat Alternates', sans-serif; font-weight: 700; font-size: 24px; color: var(--chalk);}
aside h2 {font-size: 20px;}
h3 {font-family: 'Montserrat Alternates', sans-serif; font-weight: 700; font-size: 18px; color: var(--night); }
aside h3 {font-size: 16px;}
h4 {color: var(--night); font-size: 16px; font-weight: bold; clear: both}

.socmed {position: relative; float: right; margin: 20px; }
article .socmed  {display: none;}

aside div.T img {width: 100%; max-width: 150px;}


section {width: 100%; min-height: 500px; background-color: white; -webkit-border-radius: 12px ; border-radius: 12px; text-align: left; line-height: 1.5;}

nav {width: 100%;  font-family: 'Montserrat Alternates', sans-serif; font-weight: 400; /*background-color: var(--night);*/ height: 65px; font-size: 16px;}
nav a, nav a:visited {color: #28A9F5;  height: 45px; display: block;  text-decoration: none; padding: 20px 3.5% 0 3.5%; overflow: hidden; position: relative; float: left; text-align: center}
nav a:hover {color: var(--gold); text-decoration: none; padding: 7px 3.5%;}
nav a.home:hover {background: url(../images/icon_razor.png) no-repeat center bottom;}
nav a.about:hover {background: url(../images/icon_rope.png) no-repeat center bottom;}
nav a.pandora:hover {background: url(../images/icon_poison.png) no-repeat center bottom;}
nav a.sponsors:hover {background: url(../images/icon_gun.png) no-repeat center bottom;}
nav a.child:hover {background: url(../images/icon_pills.png) no-repeat center bottom;}
nav a.credit:hover {background: url(../images/icon_zap.png) no-repeat center bottom;}
nav a.tour:hover {background: url(../images/icon_drowning.png) no-repeat center bottom;}

.coupon {border: dashed 1px red; width: 92%; padding: 10px 2%; margin: 10px 2%;}
.pandora_title {width: 100%; text-align: center; }

article {width: 71%;  padding: 20px 3%; position: relative; float: left;}

aside {width: 19%; padding: 20px 2%; position: relative; float: left; clear: left; font-size: 12px }
aside p {width: 94%; padding: 0 3%;}
.photo {width: 100%;}
.photo img {width: 100%;}

.donate {padding: 20px 0;width: 100%;text-align: center; clear: both;}


.box {width: 31%; height: 200px; overflow: hidden; position: relative; float: left; margin-right: 3%; margin-bottom: 20px; }
.box h3 {margin: 0px;}
.blu, .gold, .black {text-align: center; width: 100%; padding: 5px 0; margin-bottom: 10px;}
.box1 {border-bottom: 2px solid var(--gold);}
.gold {background-color: var(--gold);}
.box2 {border-bottom: 2px solid var(--chalk);}
.blu {background-color: var(--chalk);}
.box3 {float: right; margin-right: 0;border-bottom: 2px solid var(--night);}
.black {background-color: var(--night);}
.box3 form {margin-left: 40px;}
.box ul {list-style: none; margin: 0; padding: 10px;}
.box ul li {margin-bottom: 5px;}
.box h3 {color: white;}

.twocol {width: 46%; padding: 20px 2%; position: relative; float: left;}

.logo {width: 48%; min-width: 300px; margin: 10px 1%; position: relative; float: left; text-align: center; height: 200px}



	.hours1, .hours2 {margin: 10px 2% 10px 0; position: relative; float: left; width: 25%}
	.hours2 {width: 44%;}
	.hours1 h3, .hours2 h3 {margin-top: 0px;}


footer {color: silver; font-size: 13px; width: 100%; text-align: center; margin: 30px 0;}
footer aside {display:  none;}


figcaption {color: gray;}
figure {font-size: 12px;position: relative; float: right;}
figure.L1 {width: 169px; margin: 0 0 10px 20px;}
figure.N3 {width: 169px; margin: 0 20px 10px 0px; float: left;}
figure.K1 {width: 200px;margin: 0 0 10px 20px;}
figure.E1 {width: 393px; margin: 0 20px 10px 0px; float: left;}
figure.F1 {width: 200px;margin: 0 0 10px 20px;}
figure.F2 {width: 169px; margin: 0 0 10px 20px;}
figure.P1 {width: 264px; margin: 0 20px 10px 0px; float: left;}
figure.P2 {width: 256px; margin: 0 0 10px 20px;}
figure.J2 {width: 256px; margin: 0 20px 10px 0px; float: left;}
figure.P3 {width: 259px;margin: 0 0 10px 20px;}
figure.D1 {width: 199px; margin: 0 20px 10px 0px; float: left;}
figure.D3 {width: 161px;margin: 0 0 10px 20px;}
figure.D2 {width: 161px; margin: 0 20px 10px 0px; float: left;}

figure.C1 {width: 256px; margin: 0 20px 10px 0px; float: left;}
figure.T7_1, figure.T7_2, figure.T7_3, figure.T7_4, figure.T7_5 {width: 200px;margin: 0 20px 10px 0px; position: relative; float: left;}
/*figure.T7_2, figure.T7_4 {margin: 0 0px 10px 20px; float: right;}*/


.calends table {border-collapse: collapse; border: solid 1px var(--chalk); width: 100%;}
.calends th {background-color:var(--chalk); color: white; font-size: 16px} 
.calends table td {border: solid 1px var(--chalk);}
.calends table td.grey {color: silver;}
.calends table	td.today {color: var(--chalk)}
.calends table	td.event {background-color: #F5BA07;} 
.calends table	th, .calends table td {padding: 2px 5px;}
.calends table a, .calends table a:visited {color: black; display: block; width: 100%; height: 26px; text-align: right;}
.calends table a:hover {color: black; text-decoration: underline;}
	
#dhtmltooltip{
position: absolute; font-family: 'Oxygen', sans-serif; color: #1f1f23; font-size: 14px;
left: -300px;-webkit-box-shadow: 1px 1px 3px 0 #000000;
box-shadow: 1px 1px 3px 0 #000000;
width: 300px;
padding: 5px;
background-color: #F5BA07;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{ display: none;
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* slideshow */
#slideshow1{-webkit-border-radius: 12px; border-radius: 12px; position: relative;width: 1000px; height: 333px; }
#slides {position:relative; width: 1000px; height: 333px;list-style:none; overflow:auto; margin: 0px; padding: 0px; top: 0px; -webkit-border-radius: 12px; border-radius: 12px; }
#slides li {width: 100%; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; -webkit-border-radius: 12px; border-radius: 12px; }
#slide li img {-webkit-border-radius: 12px; border-radius: 12px; }
.pagination {display: none; }

.deadlinkmodal{display: none; font-family: 'Oxygen', sans-serif; color: white; font-size: 22px; width: 400px;  border: solid 1px var(--gold); background-color: var(--night); padding: 30px; border-radius: 20px;-webkit-box-shadow: 4px 4px 20px 0 rgba(0,0,0,1); box-shadow: 4px 4px 20px 0 rgba(0,0,0,1); position: fixed; top: 400px; left: calc(50% - 230px);}
.deadlinkmodal img{position: relative; float: left; margin: 0 10px 0 0;}
.deadlinkmodal p{margin: 0}
.deadlinkmodal span{ text-decoration: line-through;}
button#closemodal{background: transparent; border: 0;color: var(--gold);  margin-bottom: 60px; position: relative; float: right;font-size: 22px; }
button#closemodal:hover, button#closemodal:focus{color: white;}
.dead{cursor: pointer}

footer a, footer avisited, footer .dead {color: var(--chalk); text-decoration: none;}
footer a:hover, footer a:focus, footer .dead:hover {color: var(--gold); text-decoration: underline;}