body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	left: auto; right: auto; margin: 10px 0px 0px;
	background-color: #EAEBE5;
}
a:link, a:hover, a:active, a:visited { font-weight: bold; color: #35293D; outline: none; text-decoration: none; }
a:hover { color: #FFF; background-color: #AA7500; }
#buttonBar a:hover { background-color: inherit; }
p {
	font-size: 0.95em; line-height: 1.4em; text-align: justify; color: #222;
	height: auto; padding: 0px; margin: 0px 0px 15px 0px;
}
h2 { font-size: 1em; text-align: right; color: #999; padding: 0px; margin: 30px 0px 15px 0px; border-bottom: 1px dotted #999; }
h3 { font-size: 1em; text-transform: uppercase; color: #FFF; background-color: #35293D; padding: 12px 10px; }
h4 { font-size: 1em; text-transform: uppercase; color: #222; }
h5 { font-size: 1em; text-transform: uppercase; line-height: 1.4em; color: #222; margin: 0px 0px 10px; padding-top: 5px; }
h6 { font-size: 1em; color: #FFF; background-color: #000; padding: 7px; margin: 0px; }
ul { font-size: 0.95em; line-height: 1.4em; list-style-position: inside; list-style-type: square; }
ol { font-size: 0.95em; line-height: 1.4em; }

/* Page structure */
#container { width: 950px; margin-right: auto; margin-left: auto; }
#header { width: 950px; position: relative; margin-bottom: 15px; }
#flashHeader { outline: none; }
#subnav { width: 300px; float: left; margin-left: 50px; }
#mainContent { float: right; width: 600px; }
#thinContent { float: left; width: 600px; }
#footer { width: 950px; clear: both; font-size: 0.9em; text-align: center; padding: 20px 0px 10px 0px; }
#title { float: left; width: 300px; margin-left: 10px; }

/* nav buttons */
#buttonBar {
	z-index: 5; position: absolute;
	width: 950px; height: 100px; top: 265px; left: 0px;
}
#leftButtons {
	z-index: 10; position: absolute;
	width: 390px; top: 0px; left: 0px;
	text-align: left; font-weight: bold;
}
#leftButtons img { padding: 0px; margin: 2px; }
#rightButtons {
	z-index: 10; position: absolute;
	width: 375px; top: 0px; left: 575px;
	text-align: right; font-weight: bold;
}
#rightButtons img { padding: 0px; margin: 2px; }

/* Images */
.image { margin: 4px 0px 10px 0px; padding: 5px 8px 16px; border: 3px solid #35293D; }
.imageLeft { float: left; margin: 4px 15px 10px 0px; padding: 0px; border: 1px solid #35293D; }
.imageRight { float: right; margin: 4px 0px 10px 15px; padding: 0px; border: 1px solid #35293D; }
.imageCenter { left: auto; right: auto; }
.sponsorLogo { border: 0px; margin: 10px 1px; padding: 0px; vertical-align: top; }
#footer img { padding: 0px 1px; }

/* forms */
.formTable {
	font-size: 0.9em; text-align: left;
	border: 1px solid black; padding: 0px; margin: 0px; background-color: #EEE;
	border-collapse: collapse; empty-cells: show;
}
.formTable td { border-bottom: 1px solid gray; padding: 3px; margin: 0px; }
.formTable tr { vertical-align: top; }
tr.formTableSubhead { font-size: 1em; font-weight: bold; color: #FFF; background-color: #35293D; }
.requiredInput { font-weight: bold; color: #F00; }
#mailingListForm { text-align: left; line-height: 1.2em; }
#mailingListForm table, #mailingListForm table td {
	font-size: 0.9em;
	padding: 2px; margin: 10px 0px; background-color: #DDD;
	border-collapse: collapse; empty-cells: show;
}
#mailingListForm table td { border-top: 1px solid #999; border-bottom: 1px solid #999; }

/* Film, event, workshop listing pages */
#eventTable { background: #EAEBE5; border: 0px; }
#eventTable td { padding: 4px; }
#eventTable td img { border: 0px; }
ul#eventsList { font-size: 0.95em; line-height: 1.1em; list-style-type: none; list-style-position: outside; float: right; width: 130px; text-align: left; padding: 0px; margin: 0px; }
ul#eventsList li { padding: 4px 0px; margin: 0px; }
/* #eventsList a:link, #eventsList a:visited { color: #000; text-decoration: none; } */
#eventsList a:hover { background-color: #51415D; color: #FFF; }

div#shortBlurb {
	z-index: 15; position: absolute; overflow: none;
	width: 200; padding: 3px;
	color: #000; background-color: #DDD; layer-background-color: #DDD;
	font-size: 0.85em; line-height: 1.4em;
	border-left: 1px solid #BBB;
	border-top: 1px solid #BBB;
	border-right: 4px solid #666;
	border-bottom: 3px solid #666;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.programHover, a.programHover, a:link.programHover { background-color: #51415D; color: #FFF; !important; }
dl.listing { font-size: 0.95em; line-height: 1.4em; text-align: justify; }
dl.listing dt { font-weight: bold; margin-top: 8px; margin-bottom: 2px; }
dl.listing dd { margin: 0px; border-bottom: 1px dotted #999; padding-bottom: 8px; }

/* Popup styles */
#popupContainer { width: 570px; margin: 0px auto; padding: 10px; }
#popupContent { width: 550px; margin: 0px; }
.filmDetails { font-size: 0.85em; font-weight: bold; text-align: right; padding: 2px 0px; margin-top: 2px; }
.subtitled { vertical-align: bottom; font-size: 0.85em; text-align: right; padding: 2px 0px; margin-top: 2px; }
.subtitledImg { vertical-align: bottom; padding-right: 2px; }
.filmTime { font-size: 0.85em; font-weight: bold; text-align: right; border-bottom: 1px solid #35293D; padding-bottom: 3px; margin-bottom: 5px; }
.utilLinks { font-size: 0.85em; text-align: center; padding: 2px; border-top: 1px dotted #999; margin-top: 10px; }
img.popupImg { width: 550px; margin: 0px; border: 0px; }


/* Alignment classes */
.textCenter { text-align: center; }
.textLeft { text-align: left; }
.textRight { text-align: right; }

/* Other styles */
p.sponsorLogos { text-align: center; }
.blogEntry { margin-bottom: 25px; }
.poweredphplist { margin-top: 8px; }
font.required { display: none; }
.smallNote { font-size: 0.9em; font-style: italic; }
.errorMsg { color: red; font-weight: bold; }
.resLinks { font-size: 0.9em; border-top: 1px dotted #999; padding-top: 2px; margin-top: 8px; }
.hiddenBox {
	z-index: 15; position: absolute; overflow: none;
	visibility: hidden; display: none;
	width: 180px; padding: 2px;
	color: black; background-color: #F6F6F6; layer-background-color: #F6F6F6;
	font-size: 0.8em; text-align: left;
	border-style: solid; border-color: #444; border-width: 1px 4px 3px 1px;
}
#title a, #title img { border: 0px; }
.tt  { float: right; }
.clearRight { clear: right; }