* {margin: 0; padding: 0;}
html { font-size: 16px; -webkit-text-size-adjust: 16px; }
body {background: #fffaee; font-family: arial, sans-serif; color: #277bd1; scrollbar-base-color: #0066FF;  font-size: 62.5%;}
h1 {font-family: "ff-enzo-web", verdana, sans-serif; font-size: 1.7em; font-weight: normal; color: #277bd1}
h2 {font-size: 1.7em; font-family: "ff-enzo-web", verdana, sans-serif; font-weight: normal; font-style: italic; color: #00CCFF; text-align: center;}
h3 {margin-top: 0; margin-bottom: 0; font-size: 1.7em;  font-family: "ff-enzo-web", verdana, sans-serif;}
h4 {color: blue; margin-top: 0; margin-bottom: 0; font-size: 1.5em; text-align: center}
p{font-family: "ff-enzo-web", arial, sans-serif; font-size: 0.9em; font-weight: 200; line-height: 1.3; margin-top: 0px; padding-bottom: .4em}
@media (min-width: 610px) and (max-width: 910px) {p {font-size: 1.3em;}}
@media (min-width: 910px) {p {font-size: 1.4em;}}
span {font-family: "ff-enzo-web", arial, helvetica, sans-serif; font-size: 1em; color: #277bd1}

#holder {width: 320px;  position: absolute; left: 50%; margin-left: -160px; margin-top: 5px; z-index: 1}
@media (min-width: 610px) and (max-width: 910px) {#holder {width: 600px;  position: absolute; left: 50%; margin-left: -300px; margin-top: 5px; z-index: 1}} 
@media (min-width: 910px) {#holder {width: 900px; position: absolute; left: 50%; margin-left: -450px; margin-top: 5px; z-index: 1}} 

a:link {font-family: "ff-enzo-web", arial, sans-serif; font-weight: 200; font-size: 1.2em; color:#4db1fd; text-decoration:underline}
a:visited {font-family: "ff-enzo-web", arial, sans-serif; font-weight: 200; font-size: 1.2em; color:#4db1fd; text-decoration:underline}
a:hover {font-family: "ff-enzo-web", arial, sans-serif; font-weight: 200; font-size: 1.2em; color:#277bd1; text-decoration:none;}
#companylogo {
	position: absolute;
	left: 1%;
	top: -.1em;
	width: 40%;
	z-index: 3;
}
#companylogo img {width:123%; height: auto}
@media (min-width: 610px) and (max-width: 910px) {#companylogo img {width:78%; height: auto}}
@media (min-width: 910px) {#companylogo img {width:60%; height: auto;}}

#socialmedia {position: absolute; top:14em; left: 64.5%; z-index: 5; font-size: 1em}

#strapline h1 {font-weight: bold;
font-size: 1.5em}
#strapline {
	position: absolute;
	left: 54%;
	top: 3.3em;
	width: 30em;
	height: 3em;
	z-index: 3;
	font-size: 0.8em
	}
@media (min-width: 610px) and (max-width: 910px) {#strapline {top:5.1em; left: 23.2em}}
@media (min-width: 910px) {#strapline {top:3.5em; left: 30%; font-size: .9em }}

#strapline img{width: 60%}
@media (min-width: 610px) and (max-width: 910px) {#strapline img {width: 53%
	}}
@media (min-width: 910px) {#strapline img{width: 80%}}

.linklist a:link {font-family: "ff-enzo-web", verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#277bd1; text-decoration:none}
.linklist a:visited {font-family: "ff-enzo-web", verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#277bd1; text-decoration:none}
.linklist a:hover {font-family: "ff-enzo-web", verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#ffffff; text-decoration:none}
#links {z-index: 5}
.header {z-index: 5}
.header a:link {font-family: "ff-enzo-web", arial, sans-serif; font-size: 1.6em; font-weight: bold; color:#277bd1; text-decoration:underline}
.header a:visited {font-family: "ff-enzo-web", arial, sans-serif; font-size: 1.6em; font-weight: bold; color:#277bd1; text-decoration:none}
.header a:hover {font-family: "ff-enzo-web", arial, sans-serif; font-size: 1.6em; font-weight: bold; color:#4db1fd; text-decoration:none;}
.header a:active {font-family: "ff-enzo-web", arial, sans-serif; font-size: 1.6em; font-weight: bold; color:#277bd1; text-decoration:none}
@media (min-width: 610px) and (max-width: 910px) {.header a:link {text-decoration: none}}
@media (min-width: 910px) {.header a:link {text-decoration: none}}
.page {position: absolute; left: 2%; top: 18.5em; width: 96%; height: auto; color: #277bd1; border: none; background-color: #fffaee;;
 padding: 0 .2em 0 .2em; display: none}
@media (min-width: 610px) and (max-width: 910px) {.page {top: 16.5em; left: 12%; width: 80%}}
@media (min-width: 910px) {.page {top: 19.3em; left: 17%; width: 68%}}
.cell1 {border-top: solid 1px #6FB2F5; background-color: #fffaee; padding: .0em; padding-top: .8em; height: 1.5em}
@media (min-width: 610px) and (max-width: 910px) {.cell1 {padding: .4em; padding-top: .9em; height: 1.5em}}
@media (min-width: 910px) {.cell1 {padding: .4em; padding-top: .9em; height: 1.5em}}
.cell1 {font-weight: bold}
.cell2 {border-top: solid 1px #6FB2F5; background-color: #fffaee; padding: 0em; padding-top: .8em; padding-bottom: .5em; height: 1.5em; text-align: right}
.cell3 {background-color: #fffaee; padding: 3px; padding-top: 8px; height: 20px}
.cell4 {background-color: #fffaee; padding: 3px; padding-top: 8px; font-weight: bold; height: 20px}

.event {position: absolute; left: 15%; width: 32%; color: #277bd1}

.header a:link
.MD {position: absolute; left: 4em; width: 30%; color: #277bd1}
.GK {position: absolute; left: 4em; width: 30%; color: #277bd1}
.FB {position: absolute; left: 4em; width: 30%; color: #277bd1}
.ESWM {position: absolute; left: 4em; width: 30%; color: #277bd1}
.DF {position: absolute; left: 4em; width: 30%; color: #277bd1}
.BIT {position: absolute; left: 4em; width: 30%; color: #277bd1}
.PJ {position: absolute; left: 4em; width: 30%; color: #277bd1}
.wshp {position: absolute; left: 4em; width: 40%; color: #277bd1}
.tatter {position: absolute; left: 4em; width: 30%; color: #277bd1}
.DWA {position: absolute; left: 4em; width: 30%; color: #277bd1}
.SS {position: absolute; left: 4em; width: 30%; color: #277bd1}
.MED {position: absolute; left: 4em; width: 30%; color: #277bd1}
.CASS {position: absolute; left: 4em; width: 30%; color: #277bd1}
.BEAST {position: absolute; left: 4em; width: 30%; color: #277bd1}
.BG {position: absolute; left: 4em; width: 30%; color: #277bd1}
.CC {position: absolute; left: 4em; width: 30%; color: #277bd1}
.WD {position: absolute; left: 4em; width: 30%; color: #277bd1}
.JM {position: absolute; left: 4em; width: 30%; color: #277bd1}
.BB {position: absolute; left: 4em; width: 40%; color: #277bd1}
.AP {position: absolute; left: 4em; width: 30%; color: #277bd1}
.LB {position: absolute; left: 4em; width: 30%; color: #277bd1}
.JB {position: absolute; left: 4em; width: 30%; color: #277bd1}
.LBLS {position: absolute; left: 4em; width: 30%; color: #277bd1}
.AH {position: absolute; left: 4em; width: 30%; color: #277bd1}



.venue {
	position: absolute;
	left: 45%;
	width: 42%;
}
.venuelink {position: absolute; left: 45%; width: 42%; font-size: 0.8em}
.time {
	position: absolute;
	left: 86%;
	width: 12%;
}
.flight {position: absolute; left: 45%; width: 45%; color: #ff0000}
#graphic {position: absolute; left: 28%; top:150px}
#instructions {position: absolute; right: -150px; top: 150px; width: 150px}
#instructions p {font-size: 1.6em; font-weight: bold; color: #277bd1}
#navigation {
	position: absolute;
	left: 0%;
	top: 15em;
	text-align: center;
}
@media (min-width: 610px) and (max-width: 910px) {#navigation {top: 12em; font-size: 1.1em; left: 11%}}
@media (min-width: 910px) {#navigation {top: 12.5em; font-size: 1.2em; left: 16%}}

#schedule {position: absolute; left: 200px; top: 60px}
#navigation p {font-size: 1.6em; font-weight: bold; text-align: center; color: #277bd1}
#navigation li {line-height: 1.5; list-style-type: none; text-align: left; padding: .8em 1em .8em 1em;}
#navigation li {display: inline}


.schedgraph {filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.6); -moz-opacity: 0.6;}
ul#menu li a:link {color:#fff;}
ul#menu li a:visited {color:#fff;}
ul#menu li a:hover {color:#4db1fd;}
ul#menu li a:active {color:#fff;}

#update {
	position: absolute;
	right: 5px;
	top: 545px;
	width: 150px
}
#update p {text-align: right; color: #277bd1; font-size: 10px}
#navigation2 {
	position: absolute;
	left: 292px;
	top: 543px;
	text-align: center;
}
#navigation2 p {font-size: 1.6em; font-weight: bold; text-align: center; color: #eff}
#navigation2 ul {line-height: 1.5; list-style-type: none; text-align: center; padding: 8px 8px; margin-left: 0}
#navigation2 ul li {display: inline}
.fadein {visibility: hidden; position:absolute; right: 2%; top: .2em; width:42%; z-index: 3}
@media (min-width: 610px) and (max-width: 910px) {.fadein{visibility: visible;}}
@media (min-width: 910px) {.fadein{visibility: visible;}}

.fadein img {position:absolute; right: 0em; top: 0px; width:100%; height: auto}
@media (min-width: 910px) {.fadein img {width:80%; height: auto}}

 .wf-loading h1, .wf-loading h3, .wf-loading p, .wf-loading a {
    visibility: hidden;
  }

  .wf-active h1, .wf-active h3, .wf-active p,  .wf-inactive h1, .wf-inactive h3, .wf-inactive p {
    visibility: visible;
  }


.fadeinindex { position:absolute; left: 2%; top: 15em; width:96%; z-index: 3; visibility: hidden}
@media (min-width: 610px) and (max-width: 910px) {.fadeinindex{left: 41.1%; visibility: visible; top: .2em; width: 59%}}
@media (min-width: 910px) {.fadeinindex{left: 56%; top: .2em; width: 42%; visibility: visible}}


.fadeinindex img {position:absolute; right: 0em; top: 0em; width:80%; height: auto;}
@media (min-width: 910px) {.fadeinindex img {width:80%; height: auto}}