body { background-color: #E1F5FE;  margin-top: 0px; font-family: verdana, Arial, Helvetica, sans-serif;}

H1 { color: #EC008C; }
H2 { color: #F78620; font-weight:bold; font-size: 200%;}
H3 { color: #4A148C; font-weight:bold; }
H4 { color: #00A3E6; }
H5 { color: #4A148C; font-weight:bold;}

a:link.navbarLink { color:#000; font-size: large; text-decoration: none; font-weight:bold; margin-left: 1em; margin-right: 1em;  } 
a:visited.navbarLink  { color:#000; font-size: large; text-decoration: none; font-weight:bold; margin-left: 1em; margin-right: 1em; }
a:hover.navbarLink { color:#FFF; font-size: large; text-decoration: none; font-weight:bold; margin-left: 1em; margin-right: 1em; } 
a:active.navbarLink  { color:#000; font-size: large; text-decoration: none; font-weight:bold; margin-left: 1em; margin-right: 1em; }

a:link.navbarLink2 { color:#000; font-size: large; text-decoration: none; font-weight:bold;  } 
a:visited.navbarLink2  { color:#000; font-size: large; text-decoration: none; font-weight:bold; }
a:hover.navbarLink2 { color:#FFF; font-size: large; text-decoration: none; font-weight:bold; background-color:#32A9E1; } 
a:active.navbarLink2  { color:#000; font-size: large; text-decoration: none; font-weight:bold; }

.bgNav { background-color: #32A9E1}

.navbar-toggler { background-color:#FFF;  }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

a:link.rightLink { color:#FFF;} 
a:visited.rightLink  { color:#FFF; } 
a:hover.rightLink { color:#F79870; } 
a:active.rightLink  { color:#FFF; }


.TitleBar { padding: 3px 0px 2px 10px; background-color:#00A3E6; margin-bottom: 7px;}
p.TitleBar { color:#FFF; }

a:link.titleLink 	{ color:#01579B; text-decoration: none; } 
a:visited.titleLink { color:#01579B; text-decoration: none;} 
a:hover.titleLink 	{ color:#BF360C; text-decoration: none;} 
a:active.titleLink  { color:#01579B; text-decoration: none;}


.contribHeader { text-align:center; color:#000; }
.contribBold { text-align:center; color:#FFF; font-weight:bold; font-size:16px; }


td.event {
font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000; 
vertical-align: top;
text-align: left;
border: solid #00A3E6;  
border-width: 0px 0px 2px 0px;  
}

td.listhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px; 
color: #00A3E6;
font-weight: bold;
text-align: left;
}

td.film {
font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FFFFFF; 
vertical-align: baseline;
text-align: left;
border: solid #00A3E6;  
border-width: 0px 0px 2px 0px;
}

td.film2 {
font-family: Verdana, Arial, Helvetica, sans-serif;

color: #FFFFFF; 
vertical-align: top;
text-align: left;
border: solid #DF9B4E;  
border-width: 0px 0px 2px 0px;
}

td.location {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px; 
font-weight: bold;
color: #00A3E6;
vertical-align: top;
text-align: left;
}

td.press {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #000000; 
vertical-align: top;
}

a:link {color: #009688; text-decoration: none; font-weight:bold; } 
a:visited {color: #009688; text-decoration: none; font-weight:bold; } 
a:hover {color: #4A148C; text-decoration: none; font-weight:bold; } 
a:active {color: #009688; text-decoration: none; font-weight:bold; } 

td.sponsorlink a:link {color: #00A3E6; text-decoration: none; } 
td.sponsorlink a:visited {color: #00A3E6; text-decoration: none; } 
td.sponsorlink a:hover {color: #000000; text-decoration: underline; } 
td.sponsorlink a:active {color: #00A3E6; text-decoration: none; } 



p { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:  color: #000000; }

.high1 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #00A3E6; font-weight: bold;  }
.high2 { font-family: verdana, Arial, Helvetica, sans-serif; color: #00A3E6; font-weight: bold; font-size: 18px; line-height: 22px;}
.high3 { font-family: verdana, Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; font-size: 14px; line-height: 20px; background-color:#00A3E6;}

.source { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 65%; line-height: 14px;}
.credits { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 65%; line-height: 14px;}
 
 




td.film a:link {color: #E3AF66; text-decoration: none; font-weight: bold; } 
td.film a:visited {color: #E3AF66; text-decoration: none;  font-weight: bold; } 
td.film a:hover {color: #FFFFFF; text-decoration: underline;  font-weight: bold; } 
td.film a:active {color: #E3AF66; text-decoration: none;  font-weight: bold;}

td.film2 a:link {color: #E3AF66; text-decoration: none; font-weight: bold; } 
td.film2 a:visited {color: #E3AF66; text-decoration: none;  font-weight: bold; } 
td.film2 a:hover {color: #FFFFFF; text-decoration: underline;  font-weight: bold; } 
td.film2 a:active {color: #E3AF66; text-decoration: none;  font-weight: bold;}

td.event2 {
font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000; 
vertical-align: top;
text-align: left; 
}

.blackBorder {border: 1px solid #000000;}
.whiteBorder {border: 1px solid #FFFFFF;}

img.film {border: 1px solid #000000; margin-left: 15px; margin-bottom: 7px; float: right;  } 
img.film2 {border: 1px solid #000000; margin-right: 15px; margin-bottom: 7px; float: left; } 
img.logo {border: 7px solid #FFFFFF; margin-left: 15px; margin-bottom: 7px; float: right;} 
img.logo2 {border: 7px solid #FFFFFF; margin-right: 15px; margin-bottom: 7px; margin-top: 7px; float: left;}
img.logo3 {margin-right: 15px; float: left;}

hr {color: #00A3E6; height: 2px; margin-bottom: -5px;}

.float-left {
  float: left;
  margin: 0px 10px 2px 0px;
  }
  
.float-right {
  float: right;
  margin: 0px 0px 2px 10px;
  } 
  
p.boxThis { padding: 10px; background-color:#00A3E6;} 

/* Styling the slideshow */
#blackBorder { background-image:url('../img/contour.png'); background-repeat: no-repeat; margin-left:auto; margin-right:auto; width:850px; margin-top: 15px;}

#slideShowContainer{
	width:750px;
	height:520px;
	position:relative;
	margin:3px auto; 
}

#slideShow{
	position:absolute;
	width:730px;
	height:480px;
	background-color:#fff;
	margin:10px 0 0 10px;
	z-index:100;
	
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;
}

#slideShowContainer > a{
	border:none;
	text-decoration:none;
	text-indent:-99999px;
	overflow:hidden;
	width:36px;
	height:37px;
	background:url('../img/arrows.png') no-repeat;
	position:absolute;
	top:50%;
	margin-top:-21px;
}

#previousLink{
	left:-38px;
}

#previousLink:hover{
	background-position:bottom left;
}

a#nextLink{
	right:-38px;
	background-position:top right;
}

#nextLink:hover{
	background-position:bottom right;
}

/* columns of same height styles - from http://www.gekode.co.uk/bootstrap-3-responsive-columns-of-same-height/ */
 
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}
 
@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
 
/* vertical alignment styles */
 
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

.btn-primary { background-color: #3F3772}