@charset "utf-8";
/* CSS Document */
body{
	background-image:url(../bg.png)
	background-attachment:fixed
	background-position:center;
	background:no-repeat
	background-repeat:no-repeat
font-family: 'Lato', sans-serif;
	margin:0;
	padding:0;
	max-width: 100%;
min-width: 100%;
font-family: 'Lato', sans-serif;
padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);  
	}
img{
	border:none;

	}
h1,h2,h4,h5,h6{
	margin:0;
	padding:0;
font-family: 'Lato', sans-serif;
	}
h1{
	margin:0.5em 0;
font-family: 'Lato', sans-serif;
	}
h3 {
	color:#FFFFFF;
	background: #000;
background: -moz-linear-gradient(top, #303030 17%, #000 100%); /* FF3.6+ */
	-webkit-gradient(linear, left top, left bottom, color-stop(17%, #303030), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	 -webkit-linear-gradient(top, #303030 17%, #000 100%); /* Chrome10+,Safari5.1+ */
	-o-linear-gradient(top, #303030 17%, #000 100%); /* Opera 11.10+ */
	-ms-linear-gradient(top, #303030 17%, #000 100%); /* IE10+ */
	 linear-gradient(to bottom, #303030 17%, #000 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#000', GradientType=0 ); /* IE6-9 */ padding-top: 0px; padding-bottom: 8px; margin: 0; color:#fff; height: auto;z-index: 9999;box-shadow: 0px 0px 12px #000;-moz-box-box-shadow: 0px 0px 12px #000;-webkit-box-shadow: 0px 0px 12px #000;
	text-align:center;
-moz-box-shadow:0 2px 4px #000;
	-webkit-box-shadow:0 2px 4px #000;
	box-shadow:0 2px 4px #000;
font-family: 'Lato', sans-serif;
font-size:1em;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;

}
h2 {
	color:#FFFFFF;
	background-color: #0a0a0a;background: -moz-linear-gradient(top, #0a0a0a 30% #1c1c1c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #0a0a0a),color-stop(100%, #1c1c1c)); background: -webkit-linear-gradient(top, #0a0a0a 30%, #1c1c1c 100%);background: -o-linear-gradient(top, #0a0a0a 30%, #1c1c1c 100%); background: -ms-linear-gradient(top, #0a0a0a 30%, #1c1c1c 100%);background: linear-gradient(to bottom, #0a0a0a 30%, #1c1c1c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#1c1c1c', GradientType=0 ); padding-top: 0px; padding-bottom: 8px; margin: 0; color:#fff; height: auto;z-index: 9999;box-shadow: 0px 0px 12px #000;-moz-box-box-shadow: 0px 0px 12px #000;-webkit-box-shadow: 0px 0px 12px #000;
	text-align:center;
-moz-box-shadow:0 2px 4px #000;
	-webkit-box-shadow:0 2px 4px #000;
	box-shadow:0 2px 4px #000;
font-family: 'Lato', sans-serif;
font-size:1em;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;

}

a{
	color:#0975a2;
	text-decoration:none;
font-family: 'Lato', sans-serif;
	}
a:hover{
	color:#039;
	text-decoration:underline;
font-family: 'Lato', sans-serif;
	}
/* logo */
.logo{
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
font-family: 'Lato', sans-serif;
	}
.logo a{
	display:block;
	padding:10px;
font-family: 'Lato', sans-serif;
}
/* menu */
.menu{
	margin:20px 10px;
	padding:0;
font-family: 'Lato', sans-serif;
	}
.menu a{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	display:block;
	background:#eeeeee url(/images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#aaaaaa;
	padding:10px;
	margin:10px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	box-shadow: 0px 1px 3px #2f3e5c;
-moz-box-shadow: 0px 1px 3px #2f3e5c;
-webkit-box-shadow: 0px 1px 3px #2f3e5c;
font-family: 'Lato', sans-serif;
	}
.menu a:hover{
	color:#3eaab1;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
font-family: 'Lato', sans-serif;
	}
/* content */
.content{
	font-size:12px;
	color:#FFF;
	background-color:#FFF
	line-height:2em;
	padding:0;
	margin:0;
	background-color: #FFF;
box-shadow: 0px 1px 3px #ebebeb;
-moz-box-shadow: 0px 1px 3px #ebebeb;
-webkit-box-shadow: 0px 1px 3px #ebebeb;
-webkit-overflow-scrolling: touch;
font-family: 'Lato', sans-serif;
text-align: center;
width: 100%;
min-width: 100%;
max-width: 100%;
	}
.contentpart{
	font-size:12px;
	color:#000;
	background-color:#FFF
	line-height:2em;
margin: 0px;
	padding:0px;
	background-color: #FFF;
box-shadow: 0px 1px 3px #ebebeb;
-moz-box-shadow: 0px 1px 3px #ebebeb;
-webkit-box-shadow: 0px 1px 3px #ebebeb;
-webkit-overflow-scrolling: touch;
font-family: 'Lato', sans-serif;
text-align: center;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch; overflow: auto;
	}
.content h2{
	margin:0 0 0 5px;
	padding:0;
font-family: 'Lato', sans-serif;
	}
.content p{
	text-align:center;
	margin:0 5px 5px 5px;
	line-height:2em;
	padding:0;
	color: #FFF;
	background-color: #FFF;
font-family: 'Lato', sans-serif;

}
	.content2{
	font-size:12px;
	color:#FFF;
	background-color:#FFF
	line-height:2em;
	background-color: #FFF;
width: 100%;
min-width: 100%;
box-shadow: 0px 1px 3px #2f3e5c;
-moz-box-shadow: 0px 1px 3px #2f3e5c;
-webkit-box-shadow: 0px 1px 3px #2f3e5c;
font-family: 'Lato', sans-serif;

	}
/* footer */
.footer{
	border-top:2px solid #565656;
	font-size:12px;
	margin:10px 0 0 0;
	padding:5px 0;
box-shadow: 0px 1px 3px #2f3e5c;
-moz-box-shadow: 0px 1px 3px #2f3e5c;
-webkit-box-shadow: 0px 1px 3px #2f3e5c;
font-family: 'Lato', sans-serif;
	}
.footer p{
	color:#aaaaaa;
	font-size:12px;
	text-align:right;
	margin:5px;
font-family: 'Lato', sans-serif;
	}
.footer p a{
	color:#848484;
	padding:5px;
font-family: 'Lato', sans-serif;
	}
.footer p a:hover{
	color:#848484;
font-family: 'Lato', sans-serif;
	}
/* clear */
.clear{
	clear:both;
	}
.code{
	padding:0;
	border:1px dotted #bbbbbb;
font-family: 'Lato', sans-serif;
	}
.numbering{
	background:#f2f2f2;
	color:#bbbbbb;
	padding:2px 5px;
font-family: 'Lato', sans-serif;
	}
.tag{
	color:#0975a2;
font-family: 'Lato', sans-serif;
	}
.program{
	color:#ff003c;
font-family: 'Lato', sans-serif;
	}
.head{
	color:#FFFFFF;
	background:#000;
	text-align:center;
-moz-box-shadow:0 2px 4px #000;
	-webkit-box-shadow:0 2px 4px #000;
	box-shadow:0 2px 4px #000;
font-family: 'Lato', sans-serif;
font-size:1em;
min-width: 100%;
width: 100%;
width: 100%;
padding: 0;
margin: 0;
	}	
.modalDialog {
		position: fixed;
font-family: 'Lato', sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
width: 100%;
max-width: 100%;
height: auto;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
width: 100%;
max-width: 100%;
height: auto;
		position: relative;
		margin: 10% auto;

		border-radius: 16px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
font-family: 'Lato', sans-serif;
	}

	.close {
		background: #222;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: 15px;
left: 10px;
		text-align: center;
		top: 10px;
		width: 40px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
font-family: 'Lato', sans-serif;
	}

	.tbody {
		margin: 0;
text-align: center;
width: 100%;
	}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    padding: 18px 15px;
    margin: 0 0 24px 0;
    border: 0;
    outline: none;
    vertical-align: middle;
    min-width: 225px;
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    background: #fdfdfd;
}
.topnav {
display: block;
width: 100%;
min-width: 100%;
background-color: #1c1c1c;
background: #513d35; /* Old browsers */
background: -moz-linear-gradient(top, #0a0a0a 0%, #262626 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a0a0a),color-stop(100%, #262626)); 
background: -webkit-linear-gradient(top, #0a0a0a 0%, #262626 100%);
background: -o-linear-gradient(top, #0a0a0a 0%, #262626 100%); 
background: -ms-linear-gradient(top, #0a0a0a 0%, #262626 100%);
background: linear-gradient(to bottom, #0a0a0a 0%, #262626 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#262626', GradientType=0 );
overflow: hidden;
box-shadow: 0px 0px 12px #000;
-moz-box-box-shadow: 0px 0px 12px #000;
-webkit-box-shadow: 0px 0px 12px #000;
padding: 0;
margin: 0;
 -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
z-index: 99999;
margin-bottom: 0;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
 -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
z-index: 99999;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
z-index: 99999;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
 /* When the screen is less than 999 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1110px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
z-index: 99999;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1110px) {
  .topnav.responsive {position: relative;box-shadow: 0px 0px 12px #000;
-moz-box-box-shadow: 0px 0px 12px #00;
-webkit-box-shadow: 0px 0px 12px #000; -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
 -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
z-index: 99999;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
 -webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in;
z-index: 99999;
border-bottom: 1px solid #3a3a3a;
  }
    	     }
#holidayheader {
   display: block;
 width: 100%;
    height: 20px;
border-bottom: #333 3px solid;
box-shadow: 0px 1px 1px #ba1212;
-moz-box-box-shadow: 0px 1px 1px #ba1212;
-webkit-box-shadow: 0px 1px 1px #ba1212;
font-family: 'Lato', sans-serif;
background: #ba1212;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px;
color: #fff;
}