@CHARSET "UTF-8";
/************************************/
/* GENERAL */
/************************************/
html, body { font-family: Arial; }
h1 { font-size: 26px; margin: 5px 0; }
h2 { font-size: 20px; margin: 5px 0; line-height: 1.2em; }
h3 { font-size: 16px; margin: 5px 0; }
h4 { font-size: 14px; margin: 5px 0; }
em { font-style: italic; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
/* contains all the standard declarations for image links made with /background-image */
/* this is done for search engine optimization and to remove image path from html file */
/* rest of styles come from specific id/class declaration, ex. */
.image-link { display: block; text-indent: -9999px; background-position: left top; background-repeat: no-repeat; overflow: hidden; }
.right { float: right; }
img.right { margin-left: 10px; }
/* BEGIN MAIN LAYOUT STYLES */
#main { width: 951px; margin: 0 auto; padding-top: 20px; }
/* HEADER CONTENT STYLES */
#logo { background-image: url(../images/logo.png); width: 339px; height: 94px; }
#header-links { float: right; width: 400px; }
#header-links ul { font-size: 11px; line-height: 13px; color: #999999; }
#header-links ul li a { font-size: 11px; line-height: 13px; color: #999999; } /* have to duplicate styles for IE6 b/c IE6 will not inherit, and ol needs to determine line-height */
#header-links #top-links { text-align: right; margin-bottom: 10px; }
#header-links #top-links li { display: inline; padding-left: 20px; }
#header-links #year-links { float: right; background: url(../images/year-links-bg.gif) left top no-repeat; padding-left: 143px; min-height: 52px; height: auto !important; height: 52px; }
/* NAV STYLES */
#nav { background: url(../images/nav-bg.gif) left top no-repeat; line-height: 39px; padding-left: 17px; width: 934px; /*951-17px padding*/ margin: 13px 0; height: 39px; position: relative; }
#nav ul { font-size: 17px; }
#nav ul li { padding: 9px 0;display: inline; position: relative; }
#nav ul li a { color: #0061a7; padding: 0 13px;}
/* SUB NAV */
#nav ul li ul { visibility: hidden; text-align: left; position: absolute; left: 10px; top: 37px; z-index: 1000; padding: 1px 10px; width: auto !important; background: #f0f0f1 url(../images/nav-sub-bg.gif) left bottom repeat-x; border-top: 1px #e8e8e8 solid; float:left; filter:alpha(opacity=93);-moz-opacity:.93; opacity:.9;}
#nav ul#right-nav li ul { top: 35px; } /* fix for slight offset created by smaller font size */
#nav ul li ul li { display: block; padding: 0; line-height: 1.3em;}
#nav ul li ul li a { font-size: 12px; padding: 0px; white-space: nowrap;}
#nav ul#right-nav { width: 292px; background: url(../images/right-nav-bg.gif) left top no-repeat; text-align: center; font-size: 11px; position: absolute; top: 0px; right: 50px; }
/* BODY CONTENT STYLES */
#content { font-size: 11px; color: #545454; line-height: 1.5em; float: left; margin-bottom: 10px; width: 951px; }
#content a { color: #4695e1; }
#romance-stage { background: url(../images/romance.jpg) left top no-repeat; width: 951px; height: 372px; position: relative; margin-bottom: 15px; }
#romance-stage .schedule { position: absolute; left: 145px; top: 290px; }
#romance-stage .cta-hotel { position: absolute; left: 232px; top: 198px; }
#romance-stage .cta-volunteer { position: absolute; left: 232px; top: 251px; }
#romance-stage .cta-pass { position: absolute; left: 232px; top: 304px; }
#video-stage { background: url(../images/video-stage-bg.png) left top no-repeat; width: 439px; padding-top: 33px; height: 339px; /*372-33px padding*/ text-align: center; position: absolute; top: 0px; right: 0px; }
/* left side of content */
#content #content-main { width: 574px; padding-left: 30px; float: left; }
#content.home #content-main { width: 595px; padding-left: 20px; }
#content-main h1 { color: #0061a7; margin: 10px 0; }
.news-item { margin: 10px 0 16px 0; }
.news-item h2 { color: #0061a7; }
.news-item h4 { color: #b0b0b0; }
.featured-film {display: block; min-height: 100px !important; }
.featured-film img {margin-right: 10px; padding: 3px; background-color: #eee; }
.breadcrumbs { color: #00b0e8; font-size: 12px; margin-bottom: 15px; }
/* INTERIOR PAGE CUSTOM STYLES */
.interior { font-size: 12px; }
.interior p { margin: 14px 0; }
.interior blockquote { padding: 0 30px; }
.interior h4 { color: #0061a7; }
.interior table { margin-bottom: 10px; }
.interior td { padding: 8px; padding-left: 0px; }
.interior ul { list-style-type:circle; padding-left: 10px; margin-left: 10px; }
/* RAIL */
#content #rail { width: 331px; float: right; }
#content.home #rail { width: 300px; padding-right: 20px;}
/* width of get-vff-news block is different depending on context */
#content #rail .get-vff-news { width: 303px; margin: 0 auto; }
#content.home #rail .get-vff-news { width: 288px; }
/* format tables on Hotels page */
#hotels { width: 575px; }
#vail-hotels { float: left; width: 275px; }
#bc-hotels {float: right; width: 275px; }
#hotels img { margin-right: 8px; width: 75px; border:none; margin-bottom: 10px;}
#hotels p { display: block; width: 275px; min-height: 110px !important; margin-bottom: 12px; }
/* formatting of image-links are different depending on context */
#content .image-link { margin: 10px 8px; }
#content.home .image-link { float: left; margin: 0 20px 0 0; }
#rail .callout-group { clear: both; padding: 5px 12px; background: url(../images/rail-bg.gif) left top no-repeat; }
#rail .callout-group.no-padding { padding: 0 !important; }
#rail .callout-group li { margin: 8px 0 20px 0; clear: both;}
#rail .callout-group img { float: left; padding: 0px; margin-top: 4px; margin-right: 8px; }
#rail .photo-stage { position: relative; margin-bottom: 6px; padding: 8px 0; text-align: center; width: 331px; background: url(../images/rail-photo-stage-bg.gif) left top repeat-y; }
#rail .photo-stage .photo-stage-top-edge { position: absolute; top: -8px; left: 0px; width: 331px; height: 8px; background: url(../images/photo-stage-top-edge.gif) left top no-repeat; }
#rail .photo-stage .photo-stage-bottom-edge { position: absolute; bottom: -8px; left: 0px; width: 331px; height: 8px; background: url(../images/photo-stage-bottom-edge.gif) left top no-repeat; }
#rail .photo-stage img { margin: 0 auto; vertical-align: middle; }
/* SPONSOR BAR */
#sponsor-bar { clear: both; padding-top: 20px;}
#sponsor-bar .header { color: #939393; font-size: 9px; font-family: Arial;border-bottom: 1px #f1f1f2 solid; }
#sponsor-bar ul {text-align: center; }
#sponsor-bar ul li { display: inline; }
/* FOOTER STYLES */
#footer { clear: both; background: url(../images/footer-bg.gif) left top no-repeat; padding: 0 30px; width: 891px; /*951-60px padding*/ height: 24px; margin: 8px 0; line-height: 24px; color: #999999; font-size: 10px; }
#footer ol { float: right; }
#footer ol li { display: inline; }
#footer ol li a { font-size: 12px; color: #0061a7; font-weight: bold; padding-left: 20px; }
/* STYLES FOR FAF FRAMEWORK/FORMS/ETC */
form table tr { vertical-align: top; }
input.text, select, textarea { }
.form-header { border-bottom: 1px #EBEBEB solid; color: 666; font-size: 14px; font-weight: bold;}
.passexclusive {color: #999; font-weight: bold;}
/* GENERAL PAGE OBJECTS */
/* these objects that are common except that they appear in different places on the site */
/* the declarations below describe entirely their look, their position is left up to duplicate */
/* declarations located in the appropraite sections of this file */
.get-vff-news { background: url(../images/hatch-bg.gif) left top repeat; font-weight: bold; height: 32px; line-height: 32px; padding-left: 12px; /*300-12px padding*/ font-size: 13px; color: #1a4e96;}
.get-vff-news input { vertical-align: middle; }
.get-vff-news input.text { vertical-align: middle; margin: 0 10px; height: 19px; width: 120px; border: 1px #d5d5d5 solid; }
input.go { width: 34px; height: 19px; }
.image-link.flickr { background: url(../images/flickr-button.gif) left top repeat; width: 58px; height: 25px; }
.image-link.facebook { background: url(../images/facebook-button.gif) left top repeat; width: 100px; height: 25px; }
.image-link.schedule { background: url(../images/btn_film_schedule.png) left top repeat; width: 208px; height: 35px; }
.image-link.cta-hotel { background: url(../images/btn-cta-hotel.png) left top repeat; width: 200px; height: 35px; }
.image-link.cta-volunteer { background: url(../images/btn-cta-volunteer.png) left top repeat; width: 200px; height: 35px; }
.image-link.cta-pass { background: url(../images/btn-cta-pass.png) left top repeat; width: 200px; height: 35px; }