/* element styles */
body {
	font-family: Verdana, Helvetica, Arial;
	font-size: 100%;
	color: black;
	background-color: #486F72;
	background-image: url( "/2007/graphics/background1.jpg" );
	background-attachment: fixed;
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}
/* Hides from IE5-mac \*/
* html body { font-size: 90%; }
/* End hide from IE5-mac */
a:link, a:visited {
	color: #FD3F39;
	text-decoration: none;
}
a:hover {
	color: #FD3F39;
	text-decoration: none;
}
blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
}
input.button {
    padding: 0 .25em;
    width: 0;
    overflow:visible;
}
input.button[class] { /*ie ignores [class]*/
    width: auto;
}

/* main logo and venues */
#logoBox {
	float: right;
	display: block;
	background-color: Black;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	width: 182px;
	border: 4px solid #FD3F39;
}
#tfLogo {
	margin: 0px;
	padding: 0px;
	border-bottom: 4px solid #FD3F39;
}
#navVenues {
	color: White;
	font-weight: bold;
	text-align: center;
	margin: 5px auto;
	border: 0px;
}
#navVenues img {
	border: 1px solid DimGray;
	margin: 5px 0px;
	width: 150px;
}

/* nav menu styles */
#menuList {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	background-color: Black;
	color: White;
	text-decoration: none;
	margin: 10px auto 5px 10px;
	height: 28px;
	padding: 0px;
	text-align: left;
}
#menuList tr {
	vertical-align: top;
}
#menuList td {
	border-right: 1px solid #666;
	padding: 1px;
}
#menuList td ul {
	display: none;
	position: absolute; 
	top: 35px;
	background-color: Black;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#menuList a {
	display: block;
	color: White;
	text-decoration: none;
}
#menuList a:hover {
	display: block;
	color: #FD3F39;
	text-decoration: none;
}
#menuList li {
	list-style: none;
	float: left;
	position: relative;
	padding: 5px;
	border: 0px;
	background-color: Black;
	width: 12em;
	display: block;
	float: none;
}
#menuList td a {
	display: block;
	color: White;
	padding: 0px 5px;
	text-decoration: none;
}
#menuList td a:hover {
	color: #FD3F39;
	text-decoration: none;
	padding: 0px 5px;
}
#menuList td:hover ul, #menuList td.over ul {
	display: block;
}

/* Main content area & header */
#contentArea {
	display: block;
	font-size: 0.9em;
	background-color: Beige;
	color: black;
	margin: 10px;
	padding: 0px;
	padding-bottom: 10px;
	border-width: 4px 1px;
	border-style: solid;
	border-color: #FD3F39;
}
#pageHeaderBar {
	display: block;
	font-weight: bold;
	background-color: #FFC65F;
	border-bottom: 3px solid #FD3F39;
	vertical-align: bottom;
}
#festTitle {
	display: block;
	color: #486F72;
	text-align: right;
	float: right;
	padding: 5px;
}
#pageHeaderBar h1 {
	display: block;
	font-size: 1.6em;
	color: black;
	text-align: left;
	margin: 0px;
	padding: 10px;
}

/* body contents */
.contentBox {
}
.contentBlock {
	padding: 10px;
	margin: 0px;
}
/* Hides from IE5-mac \*/
* html .contentBlock { height: 1%; }
/* End hide from IE5-mac */
.contentBlock h2 {
	clear: left;
	font-size: 1.4em;
	margin-top: 25px;
	margin-bottom: 10px;
}
.contentBlock h3 {
	clear: left;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 25px;
	margin-bottom: 7px;
}
.contentBlock img {
	float: left;
	border: 1px solid black;
	margin-right: 5px;
	margin-bottom: 10px;
}
.contentBlock img.imgRight {
	float: right;
	border: 1px solid black;
	margin-left: 5px;
	margin-bottom: 10px;
}
.contentBlock img.sponsorLogo {
	float: none;
	border: 0px;
	margin: 10px 5px;
}
.contentBlock img.mugshotLeft {
	float: left;
	border: 1px solid black;
	margin-right: 5px;
	margin-bottom: 10px;
}
.contentBlock img.mugshotRight {
	float: right;
	border: 1px solid black;
	margin-left: 5px;
	margin-bottom: 10px;
}
#rotatorBar {
	height: 100px;
	border: 0px;
	margin: 0px auto;
}
#rotatorBar img.rotatorImg {
	height: 100px;
	width: 150px;
	margin: 0px 10px 10px 0px;
	border: 1px solid black;
}

/* listings */
.listingItem {
	clear: left;
	display: block;
	background-color: WhiteSmoke;
	vertical-align: top;
	border-width: 1px 3px 2px 1px;
	border-style: solid;
	border-color: DarkGray;
	margin: 5px 10px;
	padding-bottom: 5px;
}
/* Hides from IE5-mac \*/
* html .listingItem { height: 1%; }
/* End hide from IE5-mac */
.listingItemInfo {
	display: block;
	line-height: 120%;
	float: left;
	background-color: FireBrick;
	color: White;
	text-align: left;
	width: 25%;
	padding: 3px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.listingItemTitle {
	font-weight: bold;
}
.listingItemTitle a:link, .listingItemTitle a:visited {
	color: White;
	text-decoration: none;
}
.listingItemTitle a:hover {
	color: #FD3F39;
	text-decoration: none;
}
.listingItemShowtime {
	font-size: 0.9em;
	font-style: italic;
}
.listingItemBlurb {
	display: block;
	line-height: 150%;
	font-size: 0.9em;
	margin-left: 27%;
	text-align: left;
	margin-right: 10px;
}

/* form styles */
.formTable {
	font-size: 0.9em;
	border: 1px solid black;
	padding: 0px;
	margin: 0px;
	background-color: Gainsboro;
	border-collapse: collapse;
	empty-cells: show;
}
.formTable td {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 3px;
	margin: 0px;
}
.formTable tr {
	vertical-align: top;
}
.formTable tr.NRT td {
	color: Gray;
}
.formTableSubhead {
	font-weight: bold;
	color: White;
	background-color: #486F72;
}

/* schedule styles */
.scheduleBox {
	clear: left;
	background-color: WhiteSmoke;
	font-size: 0.9em;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 190px;
}
.scheduleTimeColumn {
	float: left;
	width: 10%;
	border-left: 1px solid DarkGray;
	border-right: 1px solid DarkGray;
	border-bottom: 2px solid DarkGray;
	padding: 0px;
	margin: 0px;
}
.scheduleVenueColumn3 {
	float: left;
	width: 29%;
	border-right: 1px solid DarkGray;
	border-bottom: 2px solid DarkGray;
	padding: 0px;
	margin: 0px;
}
.scheduleVenueColumn4 {
	float: left;
	width: 21%;
	border-right: 1px solid DarkGray;
	border-bottom: 2px solid DarkGray;
	padding: 0px;
	margin: 0px;
}
.scheduleVenueColumn5 {
	float: left;
	width: 17%;
	border-right: 1px solid DarkGray;
	border-bottom: 2px solid DarkGray;
	padding: 0px;
	margin: 0px;
}
.scheduleVenueColumn6 {
	float: left;
	width: 14%;
	border-right: 1px solid DarkGray;
	border-bottom: 2px solid DarkGray;
	padding: 0px;
	margin: 0px;
}
.scheduleDate {
	font-size: 1.1em;
	background-color: FireBrick;
	color: white;
	font-weight: bold;
	height: 40px;
	border-right: 1px solid FireBrick;
	border-top: 2px solid FireBrick;
	border-bottom: 1px solid DarkGray;
	margin: 0px;
	padding: 3px 0px 0px 3px;
}
.scheduleTime {
	background-color: Gainsboro;
	text-align: right;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-right: 2px;
	border-bottom: 1px solid DarkGray;
	height: 99px;
}
.scheduleVenue {
	font-size: 1.1em;
	background-color: LightGrey;
	color: Black;
	font-weight: bold;
	height: 40px;
	width: 100%;
	text-align: center;
	border-top: 2px solid #FD3F39;
	border-bottom: 1px solid DarkGray;
	padding: 3px 0px 0px 0px;
	margin: 0px;
}
.scheduleEmptySlot015 {
	width: 100%;
	height: 24px;
	margin: 0px;
	border-bottom: 1px solid DarkGray;
}
.scheduleEmptySlot030 {
	width: 100%;
	height: 49px;
	margin: 0px;
	border-bottom: 1px solid DarkGray;
}
.scheduleEmptySlot045 {
	width: 100%;
	height: 74px;
	margin: 0px;
	border-bottom: 1px solid DarkGray;
}
.scheduleEmptySlot100 {
	width: 100%;
	height: 99px;
	margin: 0px;
	border-bottom: 1px solid DarkGray;
}
.scheduleFilmSlot {
	font-size: 0.95em;
	width: 100%;
	color: White;
	background-color: #336699;
	text-align: center;
	border-bottom: 1px solid DarkGray;
	margin: 0px;
	padding: 0px;
	overflow-y: visible;
}
.scheduleEventSlot {
	font-size: 0.95em;
	width: 100%;
	background-color: #669933;
	text-align: center;
	border-bottom: 1px solid DarkGray;
	margin: 0px;
	padding: 0px;
	overflow-y: visible;
}
.scheduleWorkshopSlot {
	font-size: 0.95em;
	width: 100%;
	background-color: #FFCC33;
	text-align: center;
	border-bottom: 1px solid DarkGray;
	margin: 0px;
	padding: 0px;
	overflow-y: visible;
}
.scheduleSpecialSlot {
	font-size: 0.95em;
	width: 100%;
	background-color: #FF9933;
	text-align: center;
	border-bottom: 1px solid DarkGray;
	margin: 0px;
	padding: 0px;
	overflow-y: visible;
}
.scheduleFilmSlot a:link, .scheduleFilmSlot a:visited {
	color: White;
	text-decoration: none;
}
.scheduleFilmSlot a:hover {
	color: #FD3F39;
	text-decoration: none;
}
.scheduleEventSlot a:link, .scheduleEventSlot a:visited, .scheduleWorkshopSlot a:link, .scheduleWorkshopSlot a:visited, .scheduleSpecialSlot a:link, .scheduleSpecialSlot a:visited {
	color: Black;
	text-decoration: none;
}
.scheduleEventSlot a:hover, .scheduleWorkshopSlot a:hover, .scheduleSpecialSlot a:hover {
	color: #FD3F39;
	text-decoration: none;
}
.scheduleBox a {
	font-weight: bold;
}
.scheduleSpacer {
	clear: left;
	margin: 0px;
	border: 0px;
	background-color: transparent;
	height: 10px;
}

/* schedule slot sizes -- 15-min increments up to 5 hours */
.time015 { height: 24px; }
.time030 { height: 49px; }
.time045 { height: 74px; }
.time100 { height: 99px; }
.time115 { height: 124px; }
.time130 { height: 149px; }
.time145 { height: 174px; }
.time200 { height: 199px; }
.time215 { height: 224px; }
.time230 { height: 249px; }
.time245 { height: 274px; }
.time300 { height: 299px; }
.time315 { height: 324px; }
.time330 { height: 349px; }
.time345 { height: 374px; }
.time400 { height: 399px; }
.time415 { height: 424px; }
.time430 { height: 449px; }
.time445 { height: 474px; }
.time500 { height: 499px; }

/* general character styles */
.smallNote {
	font-size: 8pt;
	font-style: italic;
}
.initCap {
	font-size: 1.8em;
	font-weight: bold;
	color: #486F72;
}

/* general block styles */
.center {
	text-align: center;
	margin: 0px auto;
}
.spacer20 {
	border: 0px;
	background: transparent;
	height: 20px;
}
.noBulletList {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0;
	padding-left: 25px;
	text-indent: -15px;
}
.noBulletList li {
	padding-bottom: 3px;
}
.floatLeft {
	float: left;
	margin-left: 0px;
}
.clearLeft {
	clear: left;
	padding: 0px;
	margin: 0px;
}
.floatRight {
	float: right;
	margin-right: 0px;
}
.clearRight {
	clear: right;
	padding: 0px;
	margin: 0px;
}
.floatCenter {
	float: none;
	margin: 0px auto;
}
.new:before {
	content: url( "/2007/graphics/new.jpg" );
}