<!-- This is an external style sheet -->

<style type="text/css"> 

<!--h1 {color: teal;} -->
<!--h1 {color: teal; font-family: Arial;}   -->

	h1 {color: "white"; font-family:   sans-serif, verdana, arial, geneva, helvetica; font-size: 400%;    line-height: 10pt; color:  white; text-transform: none;
    text-align: center}

	h2 {color: "white"; font-family:  arial, verdana, geneva, helvetica, sans-serif;   font-size: 200%;  line-height: 10pt; color:  #d5eaf0 ; text-transform: none;
    text-align: center}
	
    h3 {color: white; font-family:  arial, verdana, geneva, helvetica, sans-serif; font-size: 110%;line-height: 170%;  text-transform: none;
    text-align: left; background-color:#999; border-radius:5px 
    }
    
    h4 {color: #000; font-family:  arial, verdana, geneva, helvetica, sans-serif; font-size: 110%;line-height: 110%; color: #000 ; text-transform: none;
    text-align: center}
    
          

   

	body { background-color:    #6bb6db; background-image: url("../images/background.png") ; font-family: arial, verdana, geneva, helvetica, sans-serif; font-size: 12px; line-height: 15px;
      color: black;}




#header_1 {font-family:  arial, verdana, geneva, helvetica, sans-serif; color: white; font-size: 500%;  text-align: center; 
          }

#header_2 {font-family:  arial, verdana, geneva, helvetica, sans-serif; color:  #b7d9e3; font-size: 350%;  text-align: center;}


p.attractions {font-family:  arial, verdana, geneva, helvetica, sans-serif ; font-size: 30px; color: teal; text-align: center;} 

p.information {font-family:  arial, verdana, geneva, helvetica, sans-serif; color: black} 

p.tickets {font-family:  arial, verdana, geneva, helvetica, sans-serif;  line-height: 120% ; width:inherit}

p.address {font-family:  arial, verdana, geneva, helvetica, sans-serif; color: black; font-size: 140%; line-height: 110%}

p.filmlist {font-family:  arial, verdana, geneva, helvetica, sans-serif; line-height: 90%; 
}

p.notes { line-height: 150%; background-color:   #e6e1e1;
        }

div.curr_date
{
     color: black ; font-weight:bold  ; line-height: 150%
} 

div.header
{
        position: absolute; top: 20px; left: 0px;
        width: 100%;
   

        }

#div_news
{
    
    height:70px;
    width:190px;
}

#div_coming_soon
{
        height: 250px;
               }

#div_coming_soon_pic
{
        height: 120px; 
               }

#coming_soon_title
{
        font-size: 120%;
               }

.navbar {position: absolute; top: 0px; left: 0px;	font-family:arial, verdana, geneva, helvetica, sans-serif;
    background-color: #CCC;
    border-bottom: #999;
    border-left: #999;
    border-width: 0 0 thin thin;
    border-style: none none groove groove;
    display: block;
    float: left;
    margin: 0 0 0 10px;
    padding: 0 10px 0 10px;
    width: 200px; }

.filmpage {position: absolute; top: 240px; left: 220px;	
    background-color: white;
        border-radius: 10px;
    border-bottom: #999;
    border-left: #999;
    border-width: 0 0 0 0;
    border-style: solid solid solid solid;
    border-color: #DDDDDD;
	display: block;
    float: left;
    width: 820px; 
	height: 580px;
}

.filmpageheader
{
                border-top-left-radius: 10px;
           border-top-right-radius: 10px;
    background-color:  #999;
    display: block;
    float: left;
    width: 820px;
	height: 60px;
    
}

.filmpageheader p
{
   
       text-align:center;
       font-size: 220%;
       font-weight:bold;
    margin-top: 25px;
    color: white;
}

#next_pres_date
{
       text-align:center;
       font-size: 130%;
       font-weight:bold;
    color: #000;
}

.filmpagelist
{

    background-color:  white;
    border-bottom: #999;
    border-left: #999;
    border-width: 0 0 0 0;
    border-style: solid solid solid solid;
    border-color: #DDDDDD;
    display: block;
    float: left;
    width: 820px;
    height: 510px;
    overflow-y: scroll;
    overflow-x: hidden;
}



div.filmpagelist a:hover
{
    background-color: white;
        color:#369;
        text-decoration: underline;

}

div.filmpagelist img:hover
{
    opacity: 0.6;

}

.filmnext {position: absolute; top: 240px; left: 220px;	
                           border-radius: 10px;
           background-color: white;
    border-bottom: #999;
    border-left: #999;
    border-width: 0 0 0 0;
    border-style: solid solid solid solid;
    border-color: #DDDDDD;
	display: block;
    float: left;
    width: 820px; 
	height: 580px;
	}

.filmdetail {position: absolute; top: 240px; left: 220px;	
    background-color: white;
            border-radius: 10px;
    border-bottom: #999;
    border-left: #999;
    border-width: 0 0 0 0;
    border-style: solid solid solid solid;
    border-color: #DDDDDD;
	display: block;
    float: left;
    width: 820px; 

	}

#main_pic
{    opacity: 0;}

.pacinfo 
    {position: absolute; top: 250px; left: 220px;	
    background-color: white;
    border-bottom: #999;
    border-left: #999;
    border-width: 0 0 0 0;
    border-style: solid solid solid solid;
    border-color: #DDDDDD;
	display: block;
    float: left;
    width: 820px; 
	height: 550px;
	}
	

div.rightcolumn {position: absolute; top: 227px; left: 1050px;	
    background-color: transparent;
    border-width: 0 0 0 0;
    border-style: solid solid solid solid;
    display: block;
    float: left;
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    width: 200px; 
	height: 800px;
	}


div.rightfilmlist ul
{
    
    border-radius: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 155px;
        list-style-type: none;
        text-align:left;
        border-color:  white;
        border-style:   solid;
        border-width:   thin;
        background-color:     rgba(255, 255, 255, 0.6);
        -moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
 box-shadow: 5px 5px 5px #888;
     
        
           }


    div.rightfilmlist li
    {

        margin-left: -2.5em;
        margin-right: 1em;

           }

    div.rightfilmlist a
    {

        display:block;
        padding: 4px 0px 2px 5px;
        border-radius: 5px;
            
    }

div.leftcolumn {position: absolute; top: 210px; left:10px;	
    border-width: 0 0 0 0;
	border-style: solid solid solid solid;
    display: block;
    float: left;
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    width: 200px; 
	height: 800px;
	}

#optionslist li
 {
 
    display: inline;
    list-style-type: none;

 }

		
		ul #optionslist
		{
            list-style: none;
            alignment-adjust: middle;
			white-space: nowrap;
            
		}
		
		#optionslist li
		{
			display: inline;
			list-style-type: none;
            height:50px;
		}
		


#optionsbar { position: absolute; top: 170px; left: 0px;	
        font-family:  arial, verdana, geneva, helvetica, sans-serif;
        width: 1275px ;
        background-color:     white;
        }


	   
        div.filmsidebar { 	
        background-color:    white; 
        }
       
div.eventsbar { font-family: arial, verdana, geneva, helvetica, sans-serif;
        background-color:  #292990;
        color:  #DDDDDD;
        }

div.filmdettitle {font-size: 130%; line-height: 150%; background-color: #e6e1e1; border-radius: 5px;
                  
               
}
p.filmdettitle {font-size: 115%; 
        }

div.hometitle {font-size: 130%; line-height: 150%; background-color: #e6e1e1; border-radius: 5px;
        }

div.seasonlist
{
    font-size: 130%;
    line-height: 150%;
}
        }
.signature {position: absolute; top: 1200px; 	

	display: block;
    float: left;
    width: 820px; 
	}

a
{
    text-decoration: none;
    color: #166695;
}

a:visited   {   color:  #166695;   }
	
  a:hover { color: white ;
            background-color: #369;
          text-decoration: none;
            }
 
   		#optionslist a { padding: 12.5px 12px 12.5px 12px; }
		
		#optionslist a:link
		{
			background-color: white ;
			text-decoration: none;
		}
		
		#optionslist a:hover
		{

			background-color:  #369;
			text-decoration: none;
		}
  
</style>


-->
