/*    -----------------------    Main Tags   -----------------------   */  

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background: #030200 url(images/bg.jpg)  center top;
	/*	text-align: center;*/
}
 
hr {
	height: 1px;
	width: 100%;
	background: #a95425;
	border: 0;
	color: #a95425;
}

h1 {
	font: 700 20px/22px Georgia, "Times New Roman", Times, serif;
	color: #533002;
	text-align:left;
	margin:0px;
}

h2 {
	font: 700 15px/15px Georgia, "Times New Roman", Times, serif;
	color: #8f0000;
	margin:0px;
}

h3 {
	font: 700 12px/12px trebucket, arial, verdana, sans-serif;
	color: #a95425;
	padding: 0px 0px 0px 40px;
	margin:0px;
}

ul {
	margin: 0px;
	padding: 0px;
}

/*    -----------------------    Page Structure   -----------------------   */ 

#wrapper {
	width: 100%;
	background: url(images/2008/top_bg.jpg) repeat-x top center;
	float:left;
}

#mc {
	width: 900px;
	margin:auto;
}

#pagetile {
	background:  url(images/mc_bg.gif) repeat-y 0px 0px;
	float:left;
}

#header {
	background: url(images/2008/top.jpg) no-repeat 0px 0px;
	width:900px;
	height:148px;
	float:left;
}

/*    -----------------------    Main Navigation   -----------------------   */  

#navContainer {
	width: 567px;
	margin: 82px 0px 0px 0px;
	float:right;
}

#nav, #nav ul {
	width: 567px;
}

#nav ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0px;
}

#nav ul li a {
	display: block;
	height: 33px;
	margin: 0px;
	padding: 0px;
}

#nav em {
	display: none;
}

/*    -----------------------   Menu Items   -----------------------   */ 

.boxoffice {
	width: 96px;
	background: url(images/2008/m_box_office.gif) no-repeat 0px 0px;
}	
.boxofficehl {
	width: 96px;
	background: url(images/2008/m_box_office.gif) no-repeat 0px -33px;
}
.filmlist {
	width: 86px;
	background: url(images/2008/m_film_list.gif) no-repeat 0px 0px;
}	
.filmlisthl {
	width: 86px;
	background: url(images/2008/m_film_list.gif) no-repeat 0px -33px;
}
.venues {
	width: 75px;
	background: url(images/2008/m_venues.gif) no-repeat 0px 0px;
}	
.venueshl {
	width:75px;
	background: url(images/2008/m_venues.gif) no-repeat 0px -33px;
}


#schedule, #schedule a {
	width: 86px;
	background: url(images/2008/m_schedule.gif) no-repeat 0px 0px;
}	
#schedule a:hover {
	background: url(images/2008/m_schedule.gif) no-repeat 0px -33px;
}
#submitfilm, #submitfilm a {
	width: 112px;
	background: url(images/2008/m_submit_film.gif) no-repeat 0px 0px;
}	
#submitfilm a:hover {
	background: url(images/2008/m_submit_film.gif) no-repeat 0px -33px;
}
#entryform, #entryform a {
	width: 112px;
	background: url(images/2008/m_entry_form.gif) no-repeat 0px 0px;
}	
#entryform a:hover {
	background: url(images/2008/m_entry_form.gif) no-repeat 0px -33px;
}


/*    -----------------------    Tab Navigation   -----------------------   */  

#tabsub a {
	font: normal  12px/12px georgia, arial, geneva, arial, verdana;
	color: #2ca191;
	display: block;
	padding: 2px 2px 2px 2px;
	width: 280px;
	text-decoration: none;
	text-transform: capitalize;
	text-align:right;
	background: #e8e4cd;
}
#tabsub a:hover {
	color: #d58300;
	text-decoration: none;
}
 #tabsub form {
	 padding: 2px 2px 2px 30px;
 }

#tabnavContainer {
	width: 300px;
	margin: 82px 0px 0px 0px;
	float:right;
}

#tabnav, #tabnav ul {
	width: 300px;
}

#tabnav ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0px;
}

#tabnav ul li a {
	display: block;
	height: 21px;
	margin: 0px;
	padding: 0px;
}

#tabnav em {
	display: none;
}



.tabdropdown {
	position: absolute;
	z-index: 1;
	visibility: hidden;
	top: 380px;
	width:295px;
	background: #e8e4cd;
	border-left: 1px solid #c0b98f;
	border-right: 1px solid #c0b98f;
	border-bottom: 1px solid #c0b98f;
}

.tabdropdown a {
	font: normal  11px/11px arial, geneva, arial, verdana;
	color: #533002;
	display: block;
	padding: 8px 8px 8px 8px;
	width: 100px;
	text-decoration: none;
	text-transform: uppercase;
	text-align:left;
}
.tabdropdown a:hover {
	color: #a95425;
	text-decoration: none;
}

#tableftcol {
	width: 95px;
	float:left;
}
#tabwidecol {
	width: 200px;
	float:left;

}
#tabmidcol {
	width: 95px;
	float:left;
}
#tabrightcol {
	width: 95px;
	float:right;
}

.findfilm {
	width: 99px;
	background: url(images/tab_film_info.gif) no-repeat 0px 0px;
}	
.findfilmhl {
	width: 99px;
	background: url(images/tab_film_info.gif) no-repeat 0px -21px;
}
.involvement {
	width: 99px;
	background: url(images/tab_involvement.gif) no-repeat 0px 0px;
}	
.involvementhl {
	width: 99px;
	background: url(images/tab_involvement.gif) no-repeat 0px -21px;
}
.more {
	width: 99px;
	background: url(images/tab_more.gif) no-repeat 0px 0px;
}	
.morehl {
	width: 99px;
	background: url(images/tab_more.gif) no-repeat 0px -21px;
}

/* ----------------- Submenu -----------------*/  

.submenu, .submenu:active, .submenu:visited {
	font: normal  11px/11px arial, geneva, arial, verdana;
	color: #533002;
	display: block;
	padding: 8px 8px 8px 8px;
	width: 100px;
	text-decoration: none;
	background: url(images/submenu_bg.png) !important;
	background: #FFFFFF;
	/*border-bottom: 1px solid #ffffff;
	border-left: 1px solid #c3e2e4;
	border-right: 1px solid #c3e2e4;*/
	text-transform: uppercase;
	text-align:left;
}

.submenu:hover {
	color: #a95425;
	text-decoration: none;
}


/* Box Office*/
.subOne {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 110px;
	margin-left:355px;	
}
/* Venues */
.subTwo {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 110px;
	margin-left:600px;	
}
/* Contact */
.subThree {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 720px;
	margin-left:265px;
}
/* About */
.subFour {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 755px;
	margin-left:265px;
}
/* Get Involved */
.subFive {
	position: absolute;
	z-index: 10;
	visibility: hidden;
	top: 570px;
	margin-left:265px;
}
/* Helpful Info */
.subSix {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 775px;
	margin-left:265px;
}
/* Travel */
.subSeven {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 825px;
	margin-left:265px;
}
.subEight {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 389px;
	width:295px;
	background: #e8e4cd;
	border-left: 1px solid #c0b98f;
	border-right: 1px solid #c0b98f;
	border-bottom: 1px solid #c0b98f;
}
/* Film List */
.subNine {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
	top: 110px;
	margin-left:520px;
	display:none;
}

/* ----------------- Sub Navigation -----------------  */  

#subnavContainer {
	width: 135px;
	height: 150px;
	padding: 0px 0px 0px 130px;
}

#subnav, #subnav ul {
	width: 135px;
}

#subnav ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0px;
}

#subnav ul li a {
	display: block;
	height: 17px;
	margin: 0px;
	padding: 0px;
}

#subnav em {
	display: none;
}

/* ----------------- Right Column Menu Items ----------------- */ 

#staff, #staff a {
	width: 135px;
	background: url(images/m_staff.gif) no-repeat 0px 0px;
}	
#staff a:hover {
	background: url(images/m_staff.gif) no-repeat 0px -17px;
}
#pressroom, #pressroom a {
	width: 135px;
	background: url(images/m_press_room.gif) no-repeat 0px 0px;
}	
#pressroom a:hover {
	background: url(images/m_press_room.gif) no-repeat 0px -17px;
}
.contact {
	width: 135px;
	background: url(images/m_contact.gif) no-repeat 0px 0px;
}	
.contacthl {
	width: 135px;
	background: url(images/m_contact.gif) no-repeat 0px -17px;
}
.getinvolved {
	width: 135px;
	background: url(images/m_get_involved.gif) no-repeat 0px 0px;
}	
.getinvolvedhl {
	width:135px;
	background: url(images/m_get_involved.gif) no-repeat 0px -17px;
}
#sponsors, #sponsors a {
	width: 135px;
	background: url(images/m_sponsors.gif) no-repeat 0px 0px;
}	
#sponsors a:hover {
	background: url(images/m_sponsors.gif) no-repeat 0px -17px;
}
#about, #about a {
	width: 135px;
	background: url(images/m_history.gif) no-repeat 0px 0px;
}	
#about a:hover{
	width: 135px;
	background: url(images/m_history.gif) no-repeat 0px -17px;
}
.helpfulinfo {
	width: 135px;
	background: url(images/m_helpful_info.gif) no-repeat 0px 0px;
}	
.helpfulinfohl {
	width:135px;
	background: url(images/m_helpful_info.gif) no-repeat 0px -17px;
}
#festival, #festival a {
	width: 135px;
	background: url(images/m_festival_archives.gif) no-repeat 0px 0px;
}	
#festival a:hover {
	background: url(images/m_festival_archives.gif) no-repeat 0px -17px;
}
#jengosplayhouse, #jengosplayhouse a {
	width: 135px;
	background: url(images/m_jengos_playhouse.gif) no-repeat 0px 0px;
}	
#jengosplayhouse a:hover {
	background: url(images/m_jengos_playhouse.gif) no-repeat 0px -17px;
}
.travel {
	width: 135px;
	background: url(images/m_travel.gif) no-repeat 0px 0px;
}	
.travelhl {
	width: 135px;
	background: url(images/m_travel.gif) no-repeat 0px -17px;
}

/*    -----------------------   Content  -----------------------   */  

#content {
	width: 900px;
	text-align: left;
	float:left;
	background: url(images/content.jpg) no-repeat 0px 0px;
}

#contentdivide {
	float:left;
  	margin-top: 5px;
  	margin-bottom: 5px;
}

#comments {
	display:none;
}
#borderthis img {
	border:1px solid #533002;
}

#buytickets {
	float:left;
	width:260px;
	height:180px;
	border:1px solid #c0bca2;
	margin:3px;
	padding:5px;
	background: #f8f4e0;
}

/*    -----------------------   Wide Column    -----------------------   */  
#widecol {
	font: normal 12px/16px  arial, verdana, microsoft sans-serif, sans-serif;
	color: #333333;
	width: 565px;
	min-height:500px;
	float:right;
	padding: 0px 20px 0px 0px;
}

 #widecol a {
 	font-weight:bold;
	color: #8f0000;
	text-decoration:none;
}
 #widecol a:hover {
	color: #8f0000;
	text-decoration:underline;
}
#widecol ul  {
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
#widecol ul li {
	font: normal 12px/13px arial, verdana, sans-serif;
	color: #333333;
	list-style-image: url("images/a_bullet.gif");
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
.widecolform {
	margin-left:40px;
}

/*    -----------------------   Left Column    -----------------------   */  

#leftcol {
	font: normal 11px/14px  arial, verdana, sans-serif;
	color: #7f8489;
	width: 300px;
	float:left;
}
/* #leftcol a {
	color: #004e75;
	text-decoration:none;
}
 #leftcol a:hover {
	color: #004e75;
	text-decoration:underline;
}*/
#leftcollinks {
	width: 200px;
	float:right;
	margin: 0px 20px 0px 0px;
}


/*    -----------------------   Mid Column    -----------------------   */  

#midcol {
	font: normal 11px/14px arial, verdana, sans-serif;
	color: #666b6e;
	width: 350px;
	float:left;
	padding:20px 0px 0px 0px;
}

 #midcol a {
	color: #004e75;
	text-decoration:none;
}
 #midcol a:hover {
	color: #004e75;
	text-decoration:underline;
}

/*    -----------------------   Right Column    -----------------------   */  

#rightcol {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 208px;
	vertical-align: top;
	float: right;
	margin:0px 0px 0px 0px;
	height:100px;
}

/*    -----------------------   Small Columns    -----------------------   */  
#smleft { 
	width:260px;
	float:left;
}
#smright {
	width:260px;
	float:right;
}

/*    -----------------------   Content Images    -----------------------   */  
.picleft {
	float: left;
    margin-top: 3px;
	margin-right:8px;
	margin-bottom: 10px;
	border: 0px solid #0b0b71;
}

.picright {
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  border: 0px solid #2b5eae;
}

.pic {
  margin: 2px;
  border: 6px solid #FFFFFF;
}
#showpic {
	display:none;
}
#showpicrotate {
	display:show;
}
#showpicrotate img {
  margin: 2px;
  border: 6px solid #FFFFFF;
}


/* ----------------- Footer -----------------*/  

#copyright  {
	font: normal 10px/12px arial, verdana;
	color: #957959;
	width: 900px;
	height:50px;
	background:  url(images/end.gif) no-repeat 0px 0px;
	/*padding: 70px 0px 0px 0px;*/
	text-align: center;
	float: left;
	text-decoration:none;
}
#copyright p {
	display: none;
}
 #copyright a {
	color: #957959;
	text-decoration:none;
	}
 #copyright a:hover {
	color: #957959;
	text-decoration:underline;
}

/* ----------------- Right Column Links-----------------*/  
#rtlinks {
	margin: 20px 0px 0px 0px;
	float: left;
}

 #note {
 	font: bold 18px/18px arial, verdana;
	color: #FF0000;
	float:right;
	margin:0 20px 0 0;
 }

/* -----------------  Home Logo Link  -----------------*/  

#gohome {
	position: absolute;
	z-index: 10;
	visibility: visible;
	margin:0px 0px 0px 0px;
}

/* -----------------   Advertise in the Festival Program Guide   -----------------*/  
 
.advertise {
	width:550px;
	height:311px;
	background: url(images/form_advertise.gif) no-repeat 0px 0px;
	padding: 45px 0px 0px 0px;
}
.advertise form {
	width: 200px;
	
}
.advertise input {
	font: normal 12px/11px  arial, verdana, microsoft sans-serif, sans-serif;
	color: #50575c;
	border: 0px solid #000099;
	background: none;
	margin: 1px 0px 0px 120px;
	padding: 3px 0px 0px 0px;
}

/* -----------------   Sponsorship   -----------------*/  
 
.sponsorship {
	width:550px !important;
	width:550px;
	height:311px;
	background: url(images/form_sponsorship.gif) no-repeat 0px 0px;
	padding: 45px 0px 0px 0px;
}
.sponsorship form {
	width: 200px;
	
}
.sponsorship input {
	font: normal 12px/11px  arial, verdana, microsoft sans-serif, sans-serif;
	color: #50575c;
	border: 0px solid #000099;
	background: none;
	margin: 1px 0px 0px 120px;
	padding: 3px 0px 0px 0px;
}


/* -----------------   Photo Caption  -----------------*/  
 
#captionleft {
	font: normal 9px/10px  arial, verdana, sans-serif;
	color: #636363;
	float: left;
	width: 280px;
	padding: 0px 5px 0px 0px;	
}

#captionright {
	font: normal 9px/10px  arial, verdana, sans-serif;
	color: #636363;
	width: 280px;
	padding: 5px 5px 0px 5px;	
	margin: 10px 0px 5px 0px;
	float: right;
	text-align:right;
}

/* -----------------   Featured Trailer   -----------------*/  
 
#featured_trailer {
	height: 200px;
}

	#featured_trailer_object {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		width: 186px;
		background: #e9e5ce;
	}
	
	#featured_trailer_caption {
		width: 186px;
		height: 32px;
		background: #e9e5ce;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 4px 0px;
	}
	
	#featured_trailer_caption a {
		color: #533002;
	}
	
	#featured_trailer_caption a:hover {
		color: #533002;
	}