<!-
	body {
	font : 100% Helvetica, arial, sans-serif;

	font-size:13px;
	letter-spacing:1px;
	font-color:#000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	list-style:none;
	
	}
	
a {color: #6f0358; text-decoration:none; font-weight:bold; font-size:14px;}
a:hover {color: #123067; text-decoration:none; font-weight:bold;}	
a.pinklink {color: #ffffff; text-decoration:none; font-weight:bold; font-size:14px;}
a.smaller{color: #6f0358; text-decoration:none; font-weight:bold; font-size:11px; letter-spacing:normal; padding-right:8px; padding-top:8px; margin-top:5px; margin-right:2px;margin-bottom:5px;margin-left:2px; }
.fact {display: inline;width:120px;float:right;}
h2 {color: #123067;}
h3{ margin-bottom:1px; margin-top:0px; 
}

#subnav 
{ background-image:url(assets/templates/mytemplates/images/subnavline.gif )
 }
ul.horizontal-list {
	min-width: 696px;
	list-style: none;
	padding-top: 13px;
       }
	ul.horizontal-list li {
		display: inline;
             
 
}
a.sub {color: #6f0358; text-decoration:none; font-weight:bold; font-size:11px; letter-spacing:normal;padding-right:4px; padding-left:4px; border-right: 1px solid #711515}
a.sub:hover {color: #123067; text-decoration:none; font-weight:bold; font-size:11px; letter-spacing:normal; padding-right:4px; padding-left:4px; border-right: 1px solid #711515}
a.sub.active {color: #123067; border-right:none;padding-right:4px; padding-left:4px}
.active {color: #123067; text-decoration:none; font-weight:bold; font-size:11px; letter-spacing:normal;padding-right:4px; padding-left:4px; border-right: 1px solid  #711515 }
.sub.active {color: #123067; text-decoration:none; font-weight:bold; font-size:11px; letter-spacing:normal;padding-right:4px; padding-left:4px; border-right: 1px solid  #711515 }
.lastitem.active {color: #123067; text-decoration:none; font-weight:bold; font-size:11px; letter-spacing:normal;padding-right:4px; padding-left:4px; border-right: none}
.lastitem a{border-right:none;padding-right:4px; padding-left:4px;}
.lastitem active a{border-right:none;padding-right:4px; padding-left:4px;}
.lastitem a:hover {border-right:none;padding-right:4px; padding-left:4px;}

 #wrap {
	background: url(../images/background.jpg) top center no-repeat;
background-color:#b8d9eb;

	margin: 0 0;
	padding: 0 0;
	
}

.oneColFixCtrHdr #container {
	width: 950px;  /
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
	padding-top:5px;
	font-family:Helvetica,Arial, sans-serif;
	font-size:13px;
	letter-spacing:normal;
	font-color:#222;
	background-color:#fff;
	list-style:none;
}
.oneColFixCtrHdr #header {
	background: #FFF;
margin:0 0;
height:110px;

  }

.logo {float:left; padding-top:4px;padding-left:5px;}
.contact { padding-right:4; padding-left:570px;}	

.oneColFixCtrHdr #global {
	background: #FFF;
	background-repeat: no-repeat;
	min-height: 142px;
}
.oneColFixCtrHdr #search_box {
	margin: 20px 0px; 
	padding: 0 0 0 680px;
	width: 260px;
    height: 40px;

 	
}

	

#search_box #go {
    float: right;
	margin: 0px0;
	

*------------------------------------------------------------------
	Main Navigation - #nav
--------------------------------------------------------------------*/
}
#iconmenu {position: relative; margin: 0px auto; padding: 0px; width: 931px; height: 55px;background: url(../images/mainnav3.jpg) #FFF;}
#iconmenu li {width:950px; height:55px; position: absolute; top: 0px; background: url(../images/mainnav3.jpg) 0 0 no-repeat #FFF; display: block; list-style: none;}
#iconmenu a {display: block; ;text-align: center;color: #fff; text-decoration:none; padding-top:20px}
#iconmenu a:hover {}
#iconmenu #panel1 {width: 101px; height: 55px;left: 0px; background-color:#FFF}
#iconmenu #panel50 {width: 150px; height: 55px;left: 101px; background-position: -101px -0px;}
#iconmenu #panel15 {width: 115px; height: 55px;left: 251px; background-position: -251px 0;}
#iconmenu #panel33 {width: 194px; height: 55px;left: 366px; background-position: -366px 0;}
#iconmenu #panel32 {width: 125px; height: 55px;left: 560px; background-position: -560px 0;}
#iconmenu #panel57 {width: 117px; height: 55px;left: 685px; background-position: -685px 0;}
#iconmenu #panel58 {width: 124px; height: 55px;left: 802px; background-position: -802px 0;}


#iconmenu #panel1 a:hover {width: 101px; height: 55px;background: url(../images/mainnav3.jpg) 0px -56px no-repeat;}
#iconmenu #panel50 a:hover {width: 150px; height: 55px;background: url(../images/mainnav3.jpg) -101px -56px no-repeat;}
#iconmenu #panel15 a:hover {width: 115px; height: 55px;background: url(../images/mainnav3.jpg) -251px -56px no-repeat;}
#iconmenu #panel33 a:hover {width: 194px; height: 55px;background: url(../images/mainnav3.jpg) -366px -56px no-repeat;}
#iconmenu #panel32 a:hover {width: 125px; height: 55px;background: url(../images/mainnav3.jpg) -560px -56px no-repeat;}
#iconmenu #panel57 a:hover {width: 117px; height: 55px;background: url(../images/mainnav3.jpg) -685px -56px no-repeat;}
#iconmenu #panel58 a:hover {width: 124px; height: 55px;background: url(../images/mainnav3.jpg) -802px -56px no-repeat;}

 
#iconmenu #panel1.current {width: 101px; height: 55px;background: url(../images/mainnav3.jpg) 0px -56px no-repeat;display: block;text-align: center;color: #fff; text-decoration:none;text-decoration:none; font-weight:bold; font-size:14px;border-right: none}
 #iconmenu #panel50.current {width: 150px; height: 55px;background: url(../images/mainnav3.jpg) -101px -56px no-repeat;display: block;text-align: center;color: #fff; text-decoration:none;text-decoration:none; font-weight:bold; font-size:14px;border-right: none}
 #iconmenu #panel15.current {width: 115px; height: 55px;background: url(../images/mainnav3.jpg) -251px -56px no-repeat;display: block;text-align: center;color: #fff; text-decoration:none;text-decoration:none; font-weight:bold; font-size:14px;border-right: none}
#iconmenu #panel33.current {width: 194px; height: 55px;background: url(../images/mainnav3.jpg) -366px -56px no-repeat;display: block;text-align: center;color: #fff; text-decoration:none;text-decoration:none; font-weight:bold; font-size:14px;border-right: none}
 #iconmenu #panel32.current {width: 125px; height: 55px;background: url(../images/mainnav3.jpg) -560px -56px no-repeat;display: block; text-align: center;color: #fff; text-decoration:none;text-decoration:none; font-weight:bold; font-size:14px;border-right: none}
#iconmenu #panel57.current {width: 117px; height: 55px;background: url(../images/mainnav3.jpg) -685px -56px no-repeat;display: block;text-align: center;color: #fff; text-decoration:none;text-decoration:none; font-weight:bold; font-size:14px;border-right: none}
#iconmenu #panel58.current {width: 124px; height: 55px;background: url(../images/mainnav3.jpg) -802px -56px no-repeat;display: block;text-align: center;color: #fff; text-decoration:none;text-decoration:none; font-weight:bold; font-size:14px;border-right: none}

 .clear {  
     clear:both  
 }  
   
	
#subnav {
	height: 40px;
	width:910px;
	margin:0 20px;
	 
}

#subnav.table {
	display: block;   /* Allow the centering to work */
	margin: 0 auto;

}



	
	
	.pics{
		border:#CCC solid 10px;}

#gallery {  
     position:relative;  
     height:273px;
	 overflow: hidden;
 }  
     #gallery a {  
         float:right;  
         position:absolute;  
    }  
      
     #gallery a img {  
         border:none;  
     }  
       
     #gallery a.show {  
         z-index:500;
position:absolute;  
     }  

    #gallery. caption {  
        z-index:600;   
        background-color:#000;   
     height:50px;   
         width:100%;   
         position:absolute;  
        bottom:0;  
     }  
   
     #gallery .caption .content {  
         margin:5px;
		 position:absolute;
		 color:#ffffff;
		
    }  
       
     #gallery .caption .content h3 {  
         margin:0;  
        padding:0;  
		color:#1DCCEF;
		letter-spacing:1px;
     }  
       
.oneColFixCtrHdr #mainContent {
width: 946px;  
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; 
padding: 0 2px;
background: #FFFFFF;
}
.C2level
{
width: 625px;
float:left;
margin:0px 15px;
}
.C3level
{
width: 265px;
float:left;
margin:0
}



.imax
{
width: 290px;
float:left;
margin:3px
}
.C2
{
width: 325px;
float:left;
padding:10px

}
.C3
{
width: 277px;
margin:0px 
}
#clear {
clear: both;
margin:0 0;
}
#exhibits
{padding:5px; margin:5px

}
#blogsidebar {background:#F5FAFA; padding:15px; margin:2px; }

#blogsidebar a {color: #6f0358; text-decoration:none; font-weight:bold; font-size:11px;}
#blogsidebar a:hover {color: #123067; text-decoration:none; font-weight:bold;font-size:11px}	

#nowshowing ul
{
list-style-type:none;
padding:4px;
margin:4px;
}	

	
 #nowshowing li
	 {list-style: none; margin-left: 6px; list-style-type:none;margin-top:8px; 
 margin-bottom:8px; 
	}
	
#nowshowing a
	 {text-decoration:none; color:#6f0358; margin-bottom:12px;font-weight: normal; font-size:14px 
	}
	
	
.oneColFixCtrHdr #sticky {
	width: 950px; 
	height:530px; 
	margin:0 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0 0px;/* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:url(../images/home_back.jpg) no-repeat bottom #FFF ; 
	
	}
	.showtime {font-weight:bold; margin:0px; padding-left:140px; padding-right:10px; display:block; z-index:200}
	
	.spidey {
	position: absolute;
	top: 854px;
	z-index: 99;
	left: 1020px;
}
.popcorn { position: absolute;
	top: -Xpx;
	margin-top:30px; 
	margin-bottom:1px;
	z-index: 99;
	
}

.C4
{
width: 260px;
float:left;
margin-bottom:1px;
margin-top:50px;
margin-left:20px;
margin-right:10px;
color:#FFF;


}
.C5
{
width: 260px;
float:left;
margin-bottom:1px;
margin-top:50px;
margin-left:10px;
color:#FFF;
}

	
.C7
{
width: 277px;
float:left;
margin-bottom:1px;
margin-top:10px;
margin-left:20px;
height:200px;
color:#FFF;

}
.C8
{
width: 188px;
float:left;
margin-bottom:1px;
margin-top:0px;
margin-left:20px;
height:200px;
color:#FFF;
}

.C9
{
width: 120px;
float:right;
margin:320px 22px 0px 0px;
padding:0px 0px 0px 0px;
color:#FFF;
list-style:none;

}	
.C9 ul
{
list-style-type:none;
padding:2px;
margin:0px 0px;
color:#000;
}	
	
.C9 li
	 {list-style: none;  list-style-type:none;margin: 16px 25px; 
	}
	
.C9 a
	 {text-decoration:none; color:#6f0358; font-weight: normal; margin:0px; 
	}
	
#clear {
clear: both;
margin:0 0;
}



 #footer {
	padding: 2 2px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	width: 950px;
	height:150px;
	font-size:10px;
	font-color:#333;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../images/ferret.gif); background-repeat:no-repeat; background-position:right top;
	
}
	

 #footer p {
	margin:0 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 10px 20px 20px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	letter-spacing:normal;
}
 #footer .footerlinks a {color: #6f0358; text-decoration:none; font-weight:normal; display:inline; font-size:10px;margin:0 0;}
#footer .footerlinks {text-align:right; padding: 0px 0px 0px 120px; margin:0 0;}
 #footer .sponsors { float: left; margin: 0px 255px; } 
#footer .ferret { float: right; margin: 0px; }