body {

        color: #333;
	font-size: 11px;
	line-height: 16px;
	font-family: verdana, helvetica, arial, sans-serif;
        margin-left: 0;
        margin-right: 0;
}
	
/*** structure ***/

div.frame {
	width:700px;
	margin-right:auto;
	margin-left:auto;
	padding: 0;
	text-align: left;
margin-top: 10px;
}

.interact_button {
border: 1px solid #ff6a1e;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

div.framewide {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	padding: 0;
	text-align: left;
margin-top: 10px;
}

div.box {
	padding: 12px;
}

#maincol_wide {
	width: 620px;
	padding:0;
	float:left;
	margin-right: 4px;
        overflow:visible;
}

#maincol {
	width: 420px;
	padding:0;
	float:left;
	margin-right: 4px;
        overflow:visible;
}

#maincolwide {
	width: 640px;
	padding:0;
	float:left;
	margin-right: 4px;
        overflow:visible;
}

#sidecol {
	width:276px;
	padding: 0;
	float: left;
}

#leftfoot {
	width: 417px;
	padding:0;
	float:left;
	padding-right: 3px;
	
}

#rightfoot{
	width:267px;
	padding: 0 0 0 12px;
	float: left;
	border-left: 1px dotted #333;
}

	
/*** festival year & choose a year dropdown ***/

#numyear {
	float: right;
  	font-weight: bold;
  	font-size: 10px;
  	padding: 4px 7px 4px 7px;
}

#dropyear  {
	float: right;
  	padding: 0;
  	margin: 0;
  	list-style: none;
	font-weight: bold;
  	font-size: 10px;
}


#dropyear li {
  	position: relative;
  	width: 15em;
}

#dropyear li ul {
	display: none;
  	position: absolute; 
  	left: 0;
  	list-style: none;
  	padding-left:0;
  	margin-left: 0;
  	background-color: #888;
  	border-bottom: 4px solid #fff; 	
}


/* for non-IE browsers*/
#dropyear li > ul {
	top: auto;
	left: auto;
}

#dropyear li:hover ul, #dropyear li.over ul { 
	display: block; 
}


#dropyear a {
	font-weight: bold;
	padding: 4px 0 4px 10px;
	color: #fff;
	border-left: 4px solid #fff;
}

#dropyear li li a {
	display: block;
}

#dropyear li li a:hover {
    background-color: #ff9900;
    color: #fff;
}

#dropyear div#current{
	padding:4px 0 4px 10px;
	/*color:#666; */
        color:#ffffff;
	/* border-bottom: 4px solid #fff; */
	/* background-color:#ccc; */
        background-color: #ff9900;
	border-left: 4px solid #fff;	
}

#dropyear span#arrow {
  	position: absolute; 
  	right: 0;
  	top: 0;
  	padding: 4px 6px 4px 6px;
  	/*border-left: 4px solid #fff;*/
  	color: #fff;
  	font-size: 10px;
	/* background-color: #ccc; */
        background-color: #ff9900;
	font-weight: normal;
}


/*** END choose a year dropdown ***/


/*** navbar ***/

#navbar {
	margin: 20px 0 0 0;
	/*background-color: #7B8C94; */
    background-color: #777;
	padding: 3px 3px 3px 3px;
}

#navbar a{
	color: #fff;
	padding: 0 15px 0 15px;
}

#navbar a:hover {
	color: #C7D4DC;
}

#navbar_shadow {
    background-color: #C7D4DC;
   height: 4px;
}

/*** END navbar ***/


/*** maincol ***/
div.splash {
	text-align: center;
}
/*** END maincol ***/


/*** sidecol ***/

div.subnav {
	background-color: #C7D4DC;
}

.subnav ul li {
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	padding-left: 6px;
	margin: 0 0 0 12px;
	font-weight: bold;
}


div.currentfest {
	/*color: #A4501D;
	margin-bottom: 4px;
 	background: url(/im/side_mtm6.jpg) no-repeat bottom right;
 	background-color: #FFCC66;*/
}


#cats li {
	background-image: url("bullet_red.gif");
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	padding-left: 6px;
	margin: 0;
}

div#quote {
    border: 4px solid #C7D4DC; 
    margin-top: 4px;
    margin-bottom: 4px;
    color: #555;
}

/*** END sidecol ***/







/*** news index (calendar) ***/

div.calendar {
        margin-top: 12px;
	background: url(/im/mtm8_premiere.jpg) no-repeat right top;
}


div.calendar caption {
	text-align: left;
}
  
div.calendar th {
	text-align:center;
	font-weight: bold;
	background-color: #ccc;
	color: #333;
	padding: 3px 4px 3px 4px;
	font-size: 10px;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;	
}

div.calendar td {
	text-align:right;
	background-color: #e6e6e6;
	color: #666;
	font-weight: bold;	
	padding: 3px 4px 3px 4px;
	font-size: 10px;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;	
}

div.calendar #today{
	background-color: #C7D4DC;
}


/*** END news index (calendar) ***/



/*** type: festival specific pages**/

/* WATCH specific */

#film_thumbnail_box{
      float: left;
      width: 410px;
}

#film_thumbnail{
       float:left;
       margin-top: 20px;
       margin-right: 5px;
       margin-bottom: 30px;
       width:66px;
       height:51px;
       border:1px solid #cc0000;
}

#film_thumbnail_blurb{
       float:right;
       width: 325px;
}

#playerbox {
	width: 396px;
}

#qt { 
	/* position: absolute;*/

}

#festconnection {
   margin-top: 10px;
   border-top: 1px dotted #666;
   margin-bottom: 10px;
}

.festframe {
   	background-image: url(/im/bg_extension.gif);
	background-position: 50% 0px;
   	background-repeat: no-repeat;
}

div#festbg {
   width: 100%;
   /* background-position: top center; */
   background-position: 50% 0px;
   padding-bottom:500px;
}

div.festmaincol {
    min-height: 477px;
    /* background-color: #fff; */
 }


div#filmdesc {
    clear: both;
    min-height: 240px;

}

ul.actionlinks li{
   margin-bottom: 12px;
}

#filmaction1, #filmaction2, #filmaction3, #filmaction4, #filmaction5, #filmaction6, #filmaction7, #filmaction8, #filmaction9, #filmaction10, #filmaction11, #filmaction12, #filmaction13, #filmaction14, #filmaction15, #filmaction16 { 
	display				: none;
}

#filmtitle1, #filmtitle2, #filmtitle3, #filmtitle4, #filmtitle5, #filmtitle6, #filmtitle7, #filmtitle8, #filmtitle9, #filmtitle10, #filmtitle11, #filmtitle12, #filmtitle13, #filmtitle14, #filmtitle15, #filmtitle16 { 
	display				: none;
}

#filmdesc1, #filmdesc2, #filmdesc3, #filmdesc4, #filmdesc5, #filmdesc6, #filmdesc7, #filmdesc8, #filmdesc9, #filmdesc10, #filmdesc11, #filmdesc12, #filmdesc13, #filmdesc14, #filmdesc15, #filmdesc16 {
	display				: none;
}


/* end WATCH specific */


div.subnav {
	margin-bottom: 4px;
	padding-top: 8px;
}

div.subnav ul li {
	margin: 0 0 2px 0;
	font-weight: bold;
	color: #555;
	font-size: 10px;
}

#filmlist li {
	display				: inline;
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}

#filmlist a { 
	float				: left;
	width				: 66px;
	height				: 51px;
	margin				: 0px 4px 4px 0px;
	padding				: 0px;
}	
	
#filmlist a {  
	text-decoration: none; 
}

#filmlist a:hover { 
	background-position: -66px 0px; 
}



#summary {
  color: #555;
}

div#festfooter {
    padding-top: 10px;
}

div#festsponsors {
   float: left;
}

div#festae{
  float:right;
  width: 264px;

}

div.filmimg {
	padding-left: 5px;
}

div.filmimg img{
       width: 266px;
       margin: 0;
       vertical-align: bottom;
}

div.filmimg p {
    margin: 0;
    padding: 3px 0 3px 5px;
    width:261px;
    font-size: 10px;
    text-align:left;
    font-weight: bold;
}

/*** END type: festival specific pages***/


/*** headers ***/

h2 {
	color: #444;
	font-size: 12px;
	margin: 16px 0 4px 0;
	font-weight: bold;
	padding: 0;
}

h3 {
	color: #555;
	font-size: 10px;
	margin: 0 0 4px 0;
}

h3.white {
	color: #fff;
	margin: 0;
}

h3.linetop {
	padding-top: 3px;
	border-top: 1px dotted #555;
	margin: 0;	
}

h2.lineboth {
	padding: 3px 0 3px 0;
	border-top: 1px dotted #555;
	border-bottom: 1px dotted #555;
	margin-bottom: 12px;
	margin-top: 12px;
}

h3.linebottom {
	padding-bottom: 3px;
	border-bottom: 1px dotted #555;
	margin: 4px 0 0 0;	
}
#submit_linebottom {
	padding-bottom: 3px;
	border-bottom: 1px dotted #555;
	margin: 4px 0 0 0;
	padding-top: 40px;
}

h3.lineboth {
	padding: 3px 0 3px 0;
	border-top: 1px dotted #555;
	border-bottom: 1px dotted #555;
	margin-bottom: 12px;
	margin-top: 12px;
}

h3.side {
	background-color: #ccc;
	padding: 3px 3px 3px 12px;
	margin: 0;
        text-transform: uppercase;
}

h3.whiteside {
     color: #e5c333;
     padding: 3px 3px 3px 12px;
     margin: 0;
     text-transform: uppercase;
}

/*** END headers ***/

/*** links ***/

a {
	text-decoration: none;
	color: #cc0000;
}

a:hover {
	text-decoration: none;
	color: #FF6600;
}

/*** END links ***/


/*** img ***/

img {
	border: 0;
}

.img_left, .filmimg_left { float:left;padding-right:10px;padding-bottom:4px; }

.img_right, .filmimg_right { float:right;padding-left:10px;padding-bottom:4px; }


/*** END img ***/

.clearfloat {
         clear:both;
}

.date {
font-size: 10px;
color: #666;
}

div.grey {
	background-color: #e6e6e6;
}

p {
	margin-top: 0;
}

p.more {
       font-weight: bold;
       text-align: right;
}

form {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

li {
	padding: 0;
	margin: 0;	
}


ul.bullet {
list-style: disc inside;
}

ul.bullet li {
      margin-left: 15px;
      margin-bottom: 10px;
}


#footer {
	margin-top: 12px;
	padding-top: 8px;
	border-top: 1px dotted #333;
}


a.press_film_title {text-decoration: none; color: #333;}
a.press_film_title:hover {text-decoration: none; color: #333;}

/*** drop down form for Discussion Guides ***/

#dropdownform  {
        border:1px solid #999999;
        padding-left:5px;
        padding-right:5px;
        padding-top:5px;
        padding-bottom:5px;
	/*background-color: green;*/
}

form#emailform {
	/*padding:6px;*/
	position:relative;
	/*border:1px solid grey;*/
	width: 416px;
        height: 135px;
}

div#firstname,
div#lastname,
div#email  {
	position:relative;
	float:left;
	margin-right:3px;
	margin-bottom:16px;
}

div#organization,
div#state,
div#country {
	position:relative;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
}

div#org_type,
div#submit
{
        width:350px;
	position:relative;
	float:left;
        margin-top:15px;
	margin-right:0px;
	margin-bottom:3px;
}

input#firstname-field,
input#lastname-field,
input#email-field,
input#organization-field,
input#state-field,
input#country-field  {
	width:10em;
}

label.overlabel {
	color:#666666;
	position:absolute;
	top:-16px;
	left:5px;
	z-index:1;
}

label.overlabel2 {
	color:#666666;
	position:absolute;
	top:-16px;
	left:5px;
	z-index:1;
}

/*label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999;
}*/

div.hideMe {
	display: none;
}

div.showMe {
	display: block;
} 

/*** screening form styles ***/

#form {
	line-height:20px;
	width:360px;
	text-align:right;
	}

#generalform {
line-height:20px;
width:400px;
}

#banner {
background: url(/festival/12/CFE_submission_banner_420x79) no-repeat right;
height: 60px;
}

#film_title, #film_title_other, #film_url, #film_website {
width: 320px;
}

#run_time_min, #run_time_sec {
width: 60px;
}

#form.textarea {
	width:300px;
	}

input.invalid {
	background-color: #FF9;
	border: 2px red inset;
	}

label.invalid {
	color: #F00;
	}
	
/*** new press section ***/

#main {
	width: 420px;
	float: left;
	padding-bottom: 10px;
	} 

.left {
	width: 100px;
	float: left;
	text-align: left; 
	padding-bottom: 5px;
	}
	
.left img {
   border: 1px solid #666;
	}
	
.right {
	float: left; 
	text-align: left;
	width: 320px; 
	padding-bottom: 5px;
	}
	
.pressimg {
   float:left;
   margin-right:10px;
   width:60px;
   font-size: 10px;
   padding-bottom: 10px;
}

.pressimg img{
   text-align:center;
}