/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

* html .clearfix {height: 1%;}
.clearfix {display: block;}
    
/*-----------END CLEARFIX----------*/

/*---------this is all breaking apple's inline span styles!------------*/
#msndiv * {margin:0; padding:0;
text-decoration:none !important;
	font-size:11px !important;
}

#msndiv a span{
	text-decoration:none;
	font-size:14px !important;
	}
/*------------*/
body{
	background-color:#FFFFFF;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7c7976;
	line-height:15px;
	}
	
#container{
	width:973px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}
	
#movie_c{
	width:100%;
	text-align:left;
	background-image:url(../media/images/movie_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
	
#movielft{float:left;
	width:130px;
	background-image:url(../media/images/lbg.jpg);
	background-position:center;
	min-height:277px;
	text-align:left;
	
	}
	
#movie{
	margin:auto;
	width:619px;
	/*background-image:url(../media/images/city720.jpg);*/
	background-position:right;
	}
	
#moviert{
	float:right;
	width:130px;
	background-image:url(../media/images/rbg.jpg) repeat-none;
	background-position:left;
	height:277px;
	}
	
a{
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:13px;
	}
	
#nav_space{
	margin:15px auto;
	width:973px;
}

#bnav_space{
	margin:10px auto 0px auto;
	width:973px;
	background-image:url(../media/images/bnavbg.gif);
	bottom:0px;
}

#news{
	width:474px;
	background-color:#f4f3f2;
	margin:0px 0px 0px 10px;
	padding-bottom:10px;
	}

#news_copy{
	width:440px;
	height:376px;
	overflow:auto;
	margin:10px 11px 11px 10px;
	padding:0px 10px 10px 0px;
	text-align:justify;
	}
	
#awards{
	width:474px;
	background-color:#f4f3f2;
	margin:10px 0px 10px 10px;
	}

#awards_copy{
	width:450px;
	height:77px;
	overflow:auto;
	padding:10px 11px 11px 10px;
	text-align:justify;
	}

#count_down {
	float:left;
	width:100px;
}

#schedule{
	width:362px;
	background-color:#f4f3f2;
	margin:0px 0px 0px 0px;
	float:right;
	}
	
#schedule_copy{
	overflow:auto;
	width:218px;
	height:160px;
	margin:10px 10px 10px 10px;
	text-align:left;
	font-size:10px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.stitle{
	color:#346f57;
	}
	
#calendar{
	width:474px;
	background-color:#f4f3f2;
	margin:10px 0px 0px 0px;
	float:left;
	padding-bottom:10px;
	}
	
#calendar_copy{
	width:450px;
	height:120px;
	overflow:auto;
	margin:10px 11px 10px 10px;
	padding:0px 10px 10px 0px;
	text-align:justify;
	}

#top_c{
	width:100%;
	background-color:#FFFFFF;
	margin:10px 0px 20px 0px;
	padding-bottom:30px;
	}
	
#bottom_c{
	width:100%;
	background-color:#FFFFFF;
	margin-top:20px;
	padding-top:20px;
	}

#right_col{
	width:474px;
	float:left;
	padding-left:12px;
	background-color:#FFFFFF;
	}
	
#left_col{
	width:475px;
	float:left;
	background-color:#FFFFFF;
	}
	
#sightings{
	width:291px;
	background-color:#f4f3f2;	
	margin:10px 0px 10px 0px;
	padding-bottom:10px;
	}
	

	
#blog{
	width:292px;
	background-color:#f4f3f2;	
	margin:10px 0px 10px 0px;
	}
	
#blog_copy{
	width:265px;
	height:200px;
	overflow:auto;
	padding:10px 11px 11px 10px;
	text-align:justify;
	}

#b_right{
	width:265px;
	float:left;
	background-color:#FFFFFF;
	margin-left:25px;
	margin-top:10px;
	}
	
#b_left{
	width:265px;
	float:left;
	background-color:#FFFFFF;
	padding-right:25px;
	}

#entries{
	width:291px;
	background-color:#f4f3f2;	
	margin:0px 0px 10px 0px;
	padding-bottom:10px;
	}
	
#entries_copy{
	padding:10px 11px 10px 10px;
	text-align:justify;
	height:145px;
	}

#topten{
	width:291px;
	background-color:#f4f3f2;	
	margin:0px 0px 10px 0px;
	
	}
	
#topten_copy{
	width:265px;
	height:200px;
	overflow:auto;
	padding:10px 11px 11px 10px;
	text-align:justify;
	}

#b_mid {
	float:left;
	width:342px;
	padding-right: 20px;

}

#video{
	width:342px;
	height:292px;
	
	margin:10px 0px 0px 25px;
	}
	
#livenews{
	width:292px;
	background-color:#f4f3f2;	
	margin:5px 0px 0px 50px;
	}
	
#livenews_copy{
	width:265px;
	height:105px;
	overflow:auto;
	padding:10px 11px 11px 10px;
	text-align:justify;
	}
	
/*------ Nav area -----*/

 #nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:26px;display:block; }

  #nav li ul{
  padding:0;
  margin:0px 0 0 0;
  height:auto;
  }	
  
   
  #nav a{
  	display:block;
	height:26px;
	width:100%;
	}	
	
  #nav a span{display:none;}
  
  #nav li ul li a span{display:block;}
  
   
   #nav {
    height:26px; 
	width:973px;
    background: url(../media/images/top_nav.jpg);
	margin:auto;
    padding: 0;
    position: relative;
	}	

#nav li ul {
  display: none;
  position: absolute; 
  top: 0;
  left: 0;
  }

#nav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#nav li:hover ul, #nav li.over ul{ display: block; }

	/** Nav links are plain text if CSS is turned off **/	
	

	#nav_home{left:124px;top:0px; height:26px;width:45px;}
	#nav_awards{left:182px;top:0px;height:26px;width:143px;}
	#nav_calendar{left:340px;top:0px;height:26px;width:147px;}
	#nav_news{left:500px;top:0px;height:26px;width:43px;}
	#nav_photos{left:556px;top:0px;height:26px;width:61px;}
	#nav_blog{left:631px;top:0px;height:26px;width:48px;}
	#nav_hollywoodnews{left:694px;top:0px;height:26px;width:150px;}

	#nav_home a:hover, #home #nav_home{
    background: transparent url(../media/images/top_nav.jpg)
    -124px -26px no-repeat;}

	#nav_awards a:hover, #awards #nav_awards{
    background: transparent url(../media/images/top_nav.jpg)
    -182px -26px  no-repeat;}

	#nav_calendar a:hover, #calendar #nav_calendar{
    background: transparent url(../media/images/top_nav.jpg)
    -340px -26px no-repeat;}
	
	#nav_news a:hover, #news #nav_news{
	background: transparent url(../media/images/top_nav.jpg)
    -500px -26px no-repeat;}
	
	#nav_photos a:hover, #photos #nav_photos{
	background: transparent url(../media/images/top_nav.jpg)
    -556px -26px no-repeat;}
	
	#nav_blog a:hover, #blog #nav_blog{
	background: transparent url(../media/images/top_nav.jpg)
    -631px -26px no-repeat;}
		
	#nav_hollywoodnews a:hover, #entries #nav_entries{
	background: transparent url(../media/images/top_nav.jpg)
    -694px -26px no-repeat;}
	
	
	
/*------ Bottom nav area -----*/

 #bnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:16px;display:block; }

  #bnav li ul{
  padding:0;
  margin:0px 0 0 0;
  height:auto;
  }	
  
   
  #bnav a{
  	display:block;
	height:16px;
	width:100%;
	}	
	
  #bnav a span{display:none;}
  
  #bnav li ul li a span{display:block;}
  
   
   #bnav{
    height:16px; 
	width:523px;
    background: url(../media/images/nav_bottom.jpg);
	margin:auto;
    padding: 0;
    position: relative;
	}	

#bnav li ul {
  display: none;
  position: absolute; 
  top: 0;
  left: 0;
  }

#bnav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#bnav li:hover ul, #bnav li.over ul{ display: block; }

	/** Nav links are plain text if CSS is turned off **/	
	

	#bnav_contact{left:34px;top:0px; height:16px;width:69px;}
	#bnav_newsletter{left:133px;top:0px;height:16px;width:74px;}
	#bnav_archives{left:239px;top:0px;height:16px;width:55px;}
	#bnav_sponsors{left:328px;top:0px;height:16px;width:56px;}
	#bnav_volunteer{left:420px;top:0px;height:16px;width:60px;}

	#bnav_contact a:hover, #contact #bnav_contact{
    background: transparent url(../media/images/nav_bottom.jpg)
    -34px -16px no-repeat;}

	#bnav_newsletter a:hover, #newsletter #bnav_newsletter{
    background: transparent url(../media/images/nav_bottom.jpg)
    -133px -16px  no-repeat;}

	#bnav_archives a:hover, #archives #bnav_archives{
    background: transparent url(../media/images/nav_bottom.jpg)
    -239px -16px no-repeat;}
	
	#bnav_sponsors a:hover, #sponsors #bnav_sponsors{
	background: transparent url(../media/images/nav_bottom.jpg)
    -328px -16px no-repeat;}
	
	#bnav_volunteer a:hover, #volunteer #bnav_volunteer{
	background: transparent url(../media/images/nav_bottom.jpg)
    -420px -16px no-repeat;}
		
	
	

/*--------------RSS FEED CODE------------*/	
	
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 0px;
}

#example4 li{ /*CSS specific to demo 1*/
margin-bottom: 0px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 0px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color:#000000;
text-decoration: none;
font-weight: bold;
font-size:13px
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 0px;
}

code{ /*CSS for insructions*/
color: red;
}

ul{
	list-style-type:none;
	}

/*-----------Scrollbars------------*/
#scrollbar { 
  position:relative; left:0; top:0;
  width:11px; height:160px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left;:0; top:12px;
  width:11px; height:136px;
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 } 

div#hold	{ 
	position:relative; overflow:hidden;
	width:280px; height:200px; 
  z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:280px; height:200px; 
	clip:rect(0px, 280px, 200px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}