/* CSS Document */
body{padding:0px; margin:0px; background:#071e24; color:#fff; font:16px/18px Tahoma, Geneva, sans-serif}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:12px/16px Tahoma, sans-serif; color:#FFFFFF; text-decoration:underline; background-color:#000000;}
p a:hover{color:#74ff38; text-decoration:none;}

.headline{font:18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; background-color:#ffd700;}

html, 

body {
/* background-image: url("../images2/clouds2.gif");
background-repeat: no-repeat;
background-size: 120% 120%; */
/*background-position:center;*/
}
body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: url("../images2/clouds2.gif") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    overflow:hidden;
}

      .shadowfilter {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(126, 5, 255, 50));
        -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
	
}.shadowfilter:hover {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
}
}.shadowfilter:mousedown {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
}

#container{width:1024px; position:relative; margin:0 auto;}


/* HEADER */

/*#header{width:1080px; height:504px; position:inherit; background:url(../images/Ascension Logo3.gif) 0 0 no-repeat }*/


/* MENU */
.menu{margin:0 auto; padding:0; height:30px; width:90%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:18px, Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

/* CONTENT */

#content{width:825px; position:relative; clear:both; margin: 0 auto;}

#leftPan{align-content: center; width:400px; float:left; margin:31px 40px 0 43px; display:inline;}
#rightPan{align-content: center; width:335px; float:left; margin:35px 0 0 0;}

#welcome{margin-bottom:24px}
#welcome h2{height:25px; position:relative; margin-bottom:8px}
#welcome img{float:left; margin-right:15px; margin-left:4px; display:inline}
#welcome p{float:left; width:240px}
#welcome p span{display:block; margin-bottom:10px; padding-top:3px}

#about h2{height:25px; position:relative; margin-bottom:8px}
#about img{float:left; margin-right:15px; margin-left:4px; display:inline}
#about p{float:left; width:240px}
#about p span{display:block; margin-bottom:10px; padding-top:3px}

#about ul {margin-left:12px; clear:both; margin-top:15px}
#about ul li{font:16px/18px Tahoma, Geneva, sans-serif; background:url(../images/arrow.gif) 0 4px no-repeat; padding-left:18px; height:20px;}
#about ul li a{color:#9af1ff; text-decoration:underline;}
#about ul li a:hover{color:#ff4646; text-decoration:bold;}

#news{align-self:center; margin-bottom:10px}
#news h2{align-self:center; height:21px; position:relative; margin-bottom:10px}
#news p span{align-self:center; display:block; margin-bottom:20px}

#shows h2{height:21px; position:relative; margin-bottom:10px}
#shows p span{display:block; margin-bottom:10px; padding-top:3px}

.clear#end{height:20px}

/* FOOTER */
#revolver {
  pointer-events: none;
}

#footer{height:53px; clear:both; align-self: center; background:url(../images/b_footer.gif) 0 0 no-repeat }
#footer p{padding: 12px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#fff}