#background {
     border: 1px solid black;
		 max-width: 87%; /*850px;*/
		 max-width: 1150px;
		 margin-top: 3%; /*20px;*/
    margin-left: 9%; /*160px;*/
		margin-right: 7%; /*80px;*/
		margin-bottom: 5%; /*15px;*/
		 padding: 30px;
		 background: rgba(255,255,255,0.97); /* opacity is 0.87 */
		 -moz-border-radius: 5px; /* added to round corners no ie? */
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
		box-shadow:  7px 4px 5px #999999; /* use "inset" for inside, horizontal, vertical, blur, spread color "inset optionally */
		 }
		 
		 /* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2014 */

@font-face {
    font-family: 'grand_hotelregular';
    src: url('../fonts/grandhotel-regular-webfont.eot');
    src: url('../fonts/grandhotel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grandhotel-regular-webfont.woff') format('woff'),
         url('../fonts/grandhotel-regular-webfont.ttf') format('truetype'),
         url('../fonts/grandhotel-regular-webfont.svg#grand_hotelregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
#gh1 {
 font-size: 400%;
 color: #660000;
 line-height: 100%;
 margin-top: 20px;
 padding-bottom: 30px;
 letter-spacing: 60%;
 font-family: grand_hotelregular, Georgia, serif;
 }
 		
 #gh2 {
 font-size: 150%;
 color: #660000;
 margin-left: 30px;
 margin-top: -20px;
 margin-bottom: 20px;
 font-family: grand_hotelregular, Georgia, serif;
 }
			 
body {
 background: url(../images/theater_background.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 /*  background: #cbd1ce;
		background: -moz-radial-gradient(25% 75%, #fff,#ffdab9);
		background: -o-radial-gradient(25% 75%, #fff,#ffdab9);
		background: -ms-radial-gradient(25% 75%, #fff,#ffdab9);
		background: -webkit-radial-gradient(25% 75%, #fff,#ffdab9);
	color: #102536; */
  font-family: Tahoma;
  margin: 0;
	}
	

	
#banner {
	margin-top: 10px;
	border-bottom: 1px solid #73AFB7;
	padding-left: 15px;
}

#banner h1{
  font-family: Georgia;
	font-size: 150%;
	font-type: bold;
  margin-top: 3px;
	margin-bottom: 10px;
	color: #450f1c;
		}
#banner h2{
font-family: Georgia;
padding-left: 4px;
	margin-bottom: 8px;
	color: #450f1c;
	}
#banner a  {
    font-size: 1.0em;
	color:#660000;
    display: block;
		text-align: left;
		padding: 0;
		text-decoration: none;
			}

#banner a:hover {
    font-size: 0.9em;
	color:#660000;
    display: block;
		text-align: left;
		padding: 0;
		text-decoration: none;
			}
#nowshowing h5 {
	margin: 0;
 float: right;
}
 
#banner img {
float: right;
border-width: 0;
}

#content {
  padding-left: 10px;
  float:clear;
	}
	
#content img {
  	 margin: 10px;
	  border-right: 5px solid gray;
	 border-bottom: 5px solid gray;
	 border-left: 1px solid gray;
	 border-top: 1px solid gray;
	 	}
		
	#nowshowing {
  	padding-left: 1px;
	  float:clear;
	}
	
#nowshowing img {
  	 margin: 20px 0 0 70px;
	 border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	/*background:  url(../images/photo-frame.gif) no-repeat bottom right;*/
	 	}
		
#nowshowing a  {
    padding: 0;
		color: #627081;
		text-decoration: none;
			}
			
#nowshowing a:hover {
   	
	  color: #660000;
	 }
	 
		 
	 #nowshowing h3 {
	font-size: 0.8em;
	color: #450f1c;
	/* padding: 0 0 0 235px; /* to center now show date */
	padding: 0 0 0 275px;
	margin-top: -10px;
	margin-bottom: 9px;
	margin-left: 74px;
	}
	 
 #nowshowing h1 {
 font-family: Georgia;
  padding-top: 1px;
  /*padding-left: 15px;
	padding-bottom: -5px; */
  font-size: 1.1em;
	color: #450f1c;
	/*margin-left:300px; centers "Now Showing" */
	}
	
	.nowshowing h5 {
 font-family: Georgia;
   font-size: 1.1em;
	color: #450f1c;
	margin-left: 3px;
		}
		
		
	
#nowshowing h2 {
	font-size: 100%;
	font-type: normal;
	color: #627081;
	padding: 0;
	/*margin-left: 340px; changed to move "now showing" right
	margin-top: -10px;*/
	margin-bottom: 1px;
	position: right;
	}

#nowshowing p  {
padding: 2px 0 2px 0;
margin: 0;
}

#nowshowing small {
color: black;
font-variant: small-caps;
}

a.history, a.tooltipoldsign, a.tooltipgm
	{
	text-decoration: none;
	color: #14556b;
	}
	
a.history:hover
	{
	background: yellow;
	color: gray;
	}
	
a.history: visited
	{
	color: gray;
	font-variant: small-caps;
	}
	

#donatephoto img {
   float: right;
	 margin-left: 12px;
	 margin-right: 80px;
	 padding-right: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
   border: 0;
	 	}
#concessions h1 {
	font-size: 115%;
	font-family: Georgia, sans-serif;
	font-weight: 100;
	color: #450f1c;
	padding: 0;
	margin-bottom: 2px;
	}
		
#concessions h5 {
	font-size: 80%;
	font-weight: 100;
	margin: 0;
	color: #102536;
	}
		
	#concessions h4 {
	font-size: 90%;
	font-weight: 100;
	margin: 0;
	color: #102536;
	}
#history {
  padding-left: 10px;
	}
	
#history img {
float:right;
border-width: 3px;
padding: 5px;
margin: 2px;
}

#history2 img {
float: left;
border-width: 3px;
padding: 1px 1px 3px 45px;
}

#history h1 {
  font-size: 1.1em;
	color: black;
	}
	
.history
  {
    /*float: right;*/ /* float right removed june 2018 because it messed up minutes.html??? */
    padding: 4px;
    
  }

#content h1 {
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1.1em;
	color: black;
	}
			
h1 {
	font-size: 1.7em;
	color:#14556B;
	}

h2 {
	font-size: 1.1em;
	color: #14556B;
	padding: -5px 0 0 10px;
	margin-top: -10px;
	margin-bottom: 19px;
	position: right;
}

#content h2 {
	font-size: 1.1em;
	color: #14556B;
	padding: -5px 0 0 10px;
	margin-top: -10px;
	margin-bottom: 19px;
	position: right;
	}
	
	
h3 {
	font-size: 0.8em;
	color: black;
	padding: 0 0 0 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: right;
}

#content h3 {
	font-size: 0.8em;
	color: black;
	padding: 0 0 0 235px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	/*
#contentdigital p {
	font-size: 0.8em;
	color: #14556B;
	padding: 0 0 0 235px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
*/
h4 {
	font-size: 0.95em;
	color: #14556B;
	padding: 0 3px 0 3px;
	margin-left: 13px;
	margin-top:3px;
	margin-right: 24px;
	margin-bottom: 1px;
	/*position: right;*/
}

#board h4 {
	font-size: 0.95em;
	color: #14556B;
	padding: 0 3px 0 0px;
	margin-left:4px;
	margin-top:3px;
	margin-bottom: 1px;
	/*position: right;*/
}
#board p {
line-height: 1.0em;
padding: 2px;
margin: 0;
}
#board p b{
line-height: 1.0em;
}

p {
	font-size: 1.0em;
	margin-top:1 px;
	margin-bottom: 0;
	line-height: 130%;
	letter-spacing: 0.9px;
	}

p.byline {
	color: #627081;
	font-size: 0.8em;
	margin-top: -10px;
	margin-bottom: -10px;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	text-indent: 0;
}

p.byline2 {
	color: #627081;
	font-size: 0.8em;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	text-indent: 0;
}
 
/*
.byline a  {
    display: block;
		text-decoration: none;
			}
*/

	

#mainNav {
	float: left;
	
	margin: 3% 2% 2% 2%;
	padding: 1% 1.5% 1.8% 1.5%;
	border: 1px solid black;
	-moz-border-radius: 2%;  /*added to round corners */
	border-radius: 2%;
  	background:  #dbdbf1  url(../images/mainnav.gif) repeat-x top left; /* for old browsers */
	background: -moz-radial-gradient(25% 55%, white,#f7e2de);
	background: -o-radial-gradient(25% 55%, white, #f7e2de);
	background: -webkit-radial-gradient(25% 55%, white, #f7e2de);
  	background: -ms-radial-gradient(25% 55%, white, #f7e2de);
	}
	
#mainNav ul {
	font-size: 0.9em;
	list-style-type: none;
	padding: 6% 2% 0 0;	
	margin-left: 0;	
	text-transform: uppercase;
		/*text-align:center; */
	}
	
#mainNav li {
	margin-bottom: 0.2em;
	line-height: 0.9em;
	}

#mainNav li a {
    		display: block;
		font-size: 0.9em;
		line-height: 1.1em;
		color: #660000;
		text-align: left;
		font-weight: bold;		
		text-decoration: none;
		}		
			
#mainNav  a:visited {
    		display: block;
		color: #660000;
		text-align: left;
		font-weight: normal;
		padding: 0;
		text-decoration: none;
		}

			
#mainNav  a:hover {
		font-size: 0.85em;
   		color: #660000;
		font-weight: normal;
		text-decoration: none;
		}
			
#mainNav li h4 {
    		margin-left: 0;
		}
		
			
#donor p {
    line-height: 100%;
		margin: 0;
		margin-left: 250px;
		padding: 0 0 0 5px;
		}
#donor h3 {
    line-height: 100%;
		margin: 0;
		margin-left: 245px;
		padding: 0 0 0 5px;
		}
			
#content ul {
	font-size: 0.8em;
	list-style-type: square;
}

#content li {
	margin-bottom: 5px;
}

#comingsoon p  {
padding: 2px 0 2px 0;
margin: 0;
}

#comingsoon h2 {
  position: left;
	margin:0;
	padding: 0;
	font-size: 95%;
	color: #627081;
	}
#comingsoon h1 {
  font-family: Georgia;
  position: left;
	margin:0;
	padding: 0 0 0 -4px;
	font-size: 1.1em;
	color: #450f1c;
	}
		
#comingsoon h3 {
    margin: 0;
  padding: 0;
  position: left;
	color: #450f1c;
	}
	
#comingsoon a  {
    padding: 0;
		color: #627081;
		text-decoration: none;
			}
#comingsoon a:hover {
   letter-spacing: .12em;
	  color: #660000;
	 }
	 
#comingsoon img {
padding: 2px;
border-right: solid gray 1px;
border-bottom: solid gray 1px;
}

#comingsoon small {
color: black;
font-variant: small-caps;
}
	
a#imdb {
 color: blue;
 }
a#comson {
  color: #14556B;
	}

#footer {
	clear: both;
	padding-top: 5 px;
	border-top: 1px solid #294E56;
	font-size: 0.7em;
	color: black;
	font-weight: bold;
	letter-spacing: 1.2px;
	}
	
#footer h4 	{
	font-size: 0.6em;
	color: black;
	font-weight: italic;
	letter-spacing: 1.2px;
	}
	
#footer a {
   color: black;
		padding: 0;
		text-decoration: none;
	}

#example {
height: 5em;
margin-left: 230px;
background: yellow;
width: 12em;
-moz-border-radius: 42px 4em 4em 4em;
border-radius: 11em 4em 1em 4em;

}


/* tooltip for coming soon images first one */
#a.tooltip{
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:#ffffff;    /* background colour of display text */
        color:#00ff00;               /* colour of display text */
        border:1px solid black;    /* border colour */
        text-decoration:none;
        font-style:bold;
        }

  a.tooltip:hover {
        z-index:25;
        background-color:#ffffff;

        }

 a.tooltip span{
        display: none;  /* hide the span text using this css */
        }
				
  a.tooltip:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 50em;
        left:27em;
        width: 0em;
      /*  border:1px solid #ff0000; */ /* border colour removed to just display image and no text */
        background-color:#ffffff; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: 95%;
        font-style:bold;
        z-index:30;
        }

        .images {
        vertical-align:bottom;
        }
/* end of tooltip coming soon images first one*/

/* tooltip for coming soon images second one*/
#a.tooltipz{
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:#ffffff;    /* background colour of display text */
        color:#00ff00;               /* colour of display text */
        border:1px solid black;    /* border colour */
        text-decoration:none;
        font-style:bold;
        }

  a.tooltipz:hover {
        z-index:25;
        background-color:#ffffff;

        }

 a.tooltipz span{
        display: none;  /* hide the span text using this css */
        }
				
  a.tooltipz:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 52em;
        left: 32em;
        width: 0em;
      /*  border:1px solid #ff0000; */ /* border colour removed to just display image and no text */
        background-color:#ffffff; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: 95%;
        font-style:bold;
        z-index:30;
        }

        .images {
        vertical-align:bottom;
        }
/* end of tooltip coming soon images second one */


/* tooltip2 for history images */
#a.tooltipgm{
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:#ffffff;    /* background colour of display text */
        color:#00ff00;               /* colour of display text */
        border:3px solid black;    /* border colour */
        text-decoration:none;
        font-style:bold;
        }

  a.tooltipgm:hover {
        z-index:25;
        background-color:#ffffff;

        }

 a.tooltipgm span{
        display: none;  /* hide the span text using this css */
        }
				
  a.tooltipgm:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top:62em;
        left:31em;
        width: 0em;
      /*  border:1px solid #ff0000; */ /* border colour removed to just display image and no text */
        background-color:#ffffff; /* background colour here */
        color:#000000;         /* text colour */
        z-index:30;
        }

        .images {
        vertical-align:bottom;
        }
				
	#a.tooltipoldsign {
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:#ffffff;    /* background colour of display text */
        color:#00ff00;               /* colour of display text */
        border:1px solid black;    /* border colour */
        text-decoration:none;
        font-style:bold;
        }

  a.tooltipoldsign:hover {
        z-index:25;
        background-color:#ffffff;

        }

 a.tooltipoldsign span{
        display: none;  /* hide the span text using this css */
        }
				
  a.tooltipoldsign:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
				border: none;
        top:99em;
        left:45em;
        width: 0em;
      /*  border:1px solid #ff0000; */ /* border colour removed to just display image and no text */
        background-color:#ffffff; /* background colour here */
        color:#000000;         /* text colour */
        z-index:30;
        }

        .images {
        vertical-align:bottom;
				border: none;
        }
/* end of tooltip history images */

img.floatRight {
    		float: right;
   		 margin: 4px;
		border: none;
		padding-right: 60px;
		}

img.floatLeft {
   	 	float: left;
    		margin: 4px;
		border: none;
		}
		
	@media only screen and (max-width: 481px)  /*mobile responsive code */
	{
	#background {max-width: 94%; margin: 6% 2% 6% 2%; }
	#banner {float: none; padding: 0; margin: 0;}
	img.logo  {width: 0%; } /* gets rid of logo image for phones */
	#mainNav {float: left; width: 50%; margin-bottom: 8%; margin-right: 4%; margin-left: -2%;}
	#gh1 {margin: 0; margin-bottom: 3%; margin-top: -4%; padding: 0 0 0 5%; font-size: 350%;}
	#gh2 {margin: 0; padding: 0 0 0 7%; margin-bottom: 3%; font-size: 120%;}
	#nowshowing h3.movietitle {margin: 0; margin-top: -5%; padding: 0;  float: none; font-size: 105%;} /*date*/
	#nowshowing h2.movietitle {margin: 0; margin-bottom: 15%; padding: 0; float: left; font-size: 150%;} /*title*/
	#nowshowing img {margin: 0 5% 10% 0; width: 40%; float: left; border-radius: 4%;}
	p.byline2  {font-size: 95%; margin-top: 55%;}
	#mainNav li a, #mainNav li h4, #mainNav li {font-size: 105%; line-height: 105%;}
	#donor p, #donor h3 {margin-left: 2%}
	#history img {float: left; margin:4% 10% 4% 5%; width: 80%;} /* for history page */
	#history2 img {padding: 0; width: 30%;} /*for thermometer */
	#donatephoto img {float: right; width: 30%;}
	#concessions {font-size: 165%; font-style: bold;}
	#concessions h5 {margin-left: 6%}
	img.conspec {width: 33%;}
   	
	@keyframes logo
	{
	0% {left: 120%; transform: rotate(0) scale(.75);}
	70% {transform: rotate(-720deg) scale(.75); left: 0;}
	100% {	transform: rotate(0) scale(.86);}
	}	 /*end @keyframes*/
	}	/* end small screens  */