@charset "UTF-8";
/* CSS Document */

a {
	outline: none;
}
body {
	margin: 0;
	padding: 0;
	font: 11px Arial, sans-serif;
	background: #FFF top center;
}
p {
	margin: 8px 0; 
}

/* --------------------------------------- */
/* --( Global Classes )-- */
/* --------------------------------------- */

	/* self clearing rules */
	.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.selfclear { display: inline-block; _height: 1%; }
	/* Hides from IE-mac \*/
	.selfclear { display: block; }
	/* End hide from IE-mac */
	
	.nodisp {
		margin: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.fieldWithErrors label {
    color: red;
  }
  .fieldWithErrors input,
  .fieldWithErrors textarea,
  .fieldWithErrors select {
    background: #ffcccc;
  }
  div.errorExplanation {
    width: 600px;
    border: 1px solid red;
    margin: 15px 0 20px;
  }
	div.errorExplanation h2 {
	  color: #fff;
	  display: block;
	  margin: 0;
	  padding: 7px;
	  background: red;
	}
	div.errorExplanation p {
	  padding: 0 7px;
	}
	div.errorExplanation ul li {
	  font-size: 1.3em;
	}
	div.notice {
	  width: 600px;
	  margin: 8px auto;
	  background: #D7FFD9;
	  border: 2px solid #81C684;
	  padding: 0 5px;
	  font-size: 1.3em;
	  text-align: center;
	  clear: both;
	}
	
	
	

div.copy h1,
h2 {
  color: #0c218a;
  text-transform: uppercase;
  padding: 5px 0;
  border-bottom: 1px solid #0c218a;
  margin: 0;
  font-size: 1.5em;
}
p.no_results {
  text-align: center;
  padding: 8px;
  font-size: 1.4em;
  color: #0c228d;
}
p.edit_listing {
  text-align: right;
}
form {
  padding-top: 12px;
}

/* --------------------------------------- */
/* --( Skip To )-- */
/* --------------------------------------- */

	#skip_to {
		margin: 0;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
/* --------------------------------------- */
/* --( Main Container )-- */
/* --------------------------------------- */

    #main_container {
        width: 966px;
        margin: 0 auto;
        padding: 7px 17px;
        background: url('images/bg_stage_body.png') repeat-y top;
				
				/* height: 800px; arbitrary height just for now :-) */
    }
    
/* --------------------------------------- */
/* --( Header )-- */
/* --------------------------------------- */

    #header {
        position: relative;
        padding-bottom: 6px;
    }
    
    #header h1 {
        display: block;
        background: url('images/header_branding.jpg') no-repeat;
        height: 141px;
        margin: 0;
    }
    #header h1 a {
        display: block;
        text-indent: -3000px;
        height: 141px;
        width: 223px;
    }

/* --------------------------------------- */
/* --( Header Tools )-- */
/* --------------------------------------- */
    
    #header_tools {
        display: block;
        position: absolute;
        left: 577px;
        top: 31px;
        background: url('images/header_search_bar.jpg') no-repeat;
        width: 363px;
        height: 37px;
    }
    
/* --------------------------------------- */
/* --( Header Search )-- */
/* --------------------------------------- */

    #header_search {
      padding-top: 0;
    }
    #header_search p {
        float: left;
        margin: 0;
    }
    #header_search p.search label {
        display: block;
        float: left;
        text-indent: -3000px;
        width: 58px;
    }
    #header_search p.search input {
        border: none;
        background: transparent;
        position: relative;
        top: 11px;
        width: 124px;
        padding-left: 2px;
        padding-right: 2px;
    }
    #header_search p.submit {
        padding: 4px 4px;
        width: 30px;
    }
    #header_search p.submit input.button {
        background: transparent;
        display; block;
        border: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    #header_search p.advanced a {
        display: block;
        background: transparent;
        width: 131px;
        height: 21px;
        position: relative;
        top: 10px;
        text-indent: -3000px;
    }
    
/* --------------------------------------- */
/* --( Header Sub-Navigation )-- */
/* --------------------------------------- */

    #head_sub_nav {
        position: absolute;
        top: 37px;
        left: 0px;
        display: block;
    }
    #head_sub_nav,
    #head_sub_nav li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #head_sub_nav li {
        display: inline;
    }
    #head_sub_nav li a {
        display: block;
        float: left;
        background-image: url('images/header_sub_nav.jpg');
        background-repeat: no-repeat;
        text-indent: -3000px;
        height: 18px;
    }
    #head_sub_nav li.new_listing a {
        width: 101px;
        background-position: 0px 0px;
    }
    #head_sub_nav li.about a {
        width: 80px;
        background-position: -101px 0px;
    }
    #head_sub_nav li.join a {
        width: 75px;
        background-position: -181px 0px;
    }
    #head_sub_nav li.contact a {
        width: 79px;
        background-position: -256px 0px;
    }
		
		
/* --------------------------------------- */
/* --( Nav Styles (temporary) )-- */
/* --------------------------------------- */

	#nav ul {
	    border-top: solid 1px #0c2086;
	    border-bottom: solid 1px #0c2086;
	}
	#nav ul,
	#nav ul li {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	}
	#nav ul li {
	    display: inline;
	}
	#nav ul li a,
	#nav ul li.drop span {
	    display: block;
	    float: left;
	    height: 34px;
	    text-indent: -3000px;
	    background-image: url('images/nav_main.gif');
	    background-repeat: no-repeat;
	    border-right: solid 1px #0c2086;
	    cursor: pointer;
	}
	#nav ul li.drop {
	  position: relative;
	}
	#nav ul li.drop ul {
	  display: none;
	  position: absolute;
	  top: 34px;
	  left: -293px;
	  border: none;
	  width: 155px;
	  background: #fff;
	  border-left: 1px solid #0c2086;
	  border-right: 1px solid #0c2086;
	  border-top: 1px solid #0c2086;
	}
	#nav ul li.drop ul li a {
	  float: none;
	  text-indent: 0px;
	  background-image: none;
	  border: none;
	  width: 147px;
	  height: auto;
	  padding: 4px;
	  border-bottom: 1px solid #0c2086;
	  color: #0c2086;
	  text-decoration: none;
	}
	#nav ul li.drop ul li.drop a {
	  background-image: url('images/drop_arrow.gif');
	  background-repeat: none;
	  background-position: 98% -33px;
	}
	#nav ul li.drop ul li.drop a:hover {
	  background-position: 98% -3px;
	}
	#nav ul li.drop ul li.drop ul {
	  top: 0px;
	  left: 150px;
	  width: 100px;
	}
	#nav ul li.drop ul li.drop ul li a {
	  width: 92px;
	  background-image: none;
	}
	#nav ul li.drop ul li a:hover {
	  background-color: #0c2086;
	  color: #fff;
	}
	#nav ul li.drop ul li.sfHover a {
	  background-color: #0c2086;
	  color: #fff;
	  background-position: 98% -3px;
	}
	#nav ul li.drop ul li.sfHover ul li a {
	  background-color: #fff;
	  color: #0c2086;
	}
	#nav ul li.drop ul li.sfHover ul li a:hover {
	  background-color: #0c2086;
	  color: #fff;
	}
	
	
	/* --( Nav Items )-- */
	    
	    #nav ul li.home a {
    	    width: 59px;
    	    background-position: 14px 11px;
    	}
    	#nav ul li.production_comp a {
    	    width: 140px;
    	    background-position: -46px 11px;
    	}
    	#nav ul li.schools a {
    	    width: 95px;
    	    background-position: -193px 11px;
    	}
    	#nav ul li.diversity a {
    	    width: 135px;
    	    background-position: -293px 11px;
    	}
    	#nav ul li.funding a {
    	    width: 145px;
    	    background-position: -432px 11px;
    	}
    	#nav ul li.distributors a {
    	    width: 92px;
    	    background-position: -586px 11px;
    	}
    	#nav ul li.films a {
    	    width: 53px;
    	    background-position: -673px 11px;
    	}
    	#nav ul li.filmmakers a {
    	    width: 73px;
    	    background-position: -730px 11px;
    	}
    	#nav ul li.production_resources a {
    	    width: 143px;
    	    background-position: -804px 11px;
    	    border-right: none;
    	}
    	
/* --------------------------------------- */
/* --( Top Banners )-- */
/* --------------------------------------- */

    #top_banners p {
        margin: 0;
        padding: 6px 0;
    }
    #top_banners p.left {
        float: left;
    }
    #top_banners p.right {
        float: right;
    }

/* --------------------------------------- */
/* --( Side Bar / News Roll )-- */
/* --------------------------------------- */

    #side_bar {
        float: left;
        width: 166px;
        padding-right: 5px;
        padding-top: 18px;
    }
    #side_bar p {
        margin: 0;
    }
    
    /* --( Side Nav )-- */
    
        #side_nav ul,
        #side_nav ul li {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #side_nav ul li {
            display: inline;
        }
        #side_nav ul li a {
            display: block;
            height: 26px;
            text-indent: -3000px;
            background-image: url('images/left_nav.gif');
            background-repeat: no-repeat;
        }
        #side_nav ul li.acknowledgements a {
            background-position: 0px 0px;
        }
        #side_nav ul li.sponsors a {
            background-position: 0px -26px;
        }
        #side_nav ul li.support a {
            background-position: 0px -52px;
        }
        
    /* --( News Roll )-- */
    
        #news_roll h3 {
            display: block;
            background: url('images/news_main_head.gif') no-repeat;
            color: #fff;
            font-size: 1em;
            text-transform: uppercase;
            padding: 6px 0;
            text-align: center;
        }
        #news_roll dl dt {
            display: block;
            padding: 8px 6px;
            background: url('images/news_past_head.gif') no-repeat;
            color: #565758;
        }
        #news_roll dl dt a {
          color: #565758;
          text-decoration: none;
        }
        #news_roll dl dt a:hover {
          color: #00218c;
        }
        #news_roll dl dt.newest {
            background: url('images/news_current_head.gif') no-repeat;
        }
        #news_roll dl dd {
            padding: 4px 6px 18px;
            margin: 0;
            font-size: .95em;
        }
        #news_roll dl dd.newest {
            background-image: url('images/news_current_foot.gif');
            background-repeat: no-repeat;
            background-position: 0px 90%;
        }

/* --------------------------------------- */
/* --( Content Container )-- */
/* --------------------------------------- */

	#content {
		width: 629px;
		float: left;
		line-height:14px;
	}
	
 	/* --( Breadcrumb Trail )-- */
	    
	    #breadcrumb {
            padding: 4px 10px;
            color: #0c228d;
            margin: 0;
        }
        #breadcrumb a {
            color: #0c228d;
            text-decoration: none;
        }
        #breadcrumb a:hover {
            color: #78b1c6;
        }
        #breadcrumb span.current {
            background: #0c228d;
            color: #fff;
            padding: 0px 3px;
        }
	
	#content div.copy {
	    padding: 5px 6px 13px 7px;
	    border-bottom: 6px solid #ebedef;
	    border-left: 7px solid #ebedef;
	    border-right: 7px solid #ebedef;
	}
	#content div.head {
	    height: 13px;
	    background: url('images/center_rounded_head.gif') no-repeat;
	}
	
/* --------------------------------------- */
/* --( Listing Navigation )-- */
/* --------------------------------------- */

  #listing_navigation {
    background: url('images/page_navigation_bg.gif') repeat-y;
    border-bottom: 4px solid #0c218a;
  }
  #listing_navigation div.head {
    background: url('images/page_navigation_head.gif') no-repeat;
    height: 11px;
  }
  #listing_navigation a {
    color: #0d218a;
    text-decoration: none;
  }
  #listing_navigation a:hover {
    background: #0d218a;
    color: #fff;
  }
  #listing_navigation p.alpha_nav {
    text-align: center;
    font-size: 1.3em;
    margin: 0;
    padding: 0px 0 8px;
  }
  #listing_navigation p.alpha_nav a {
    padding: 3px;
  }
  #listing_navigation ul.cat_sub_nav,
  #listing_navigation ul.cat_sub_nav li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #listing_navigation ul.cat_sub_nav {
    display: block;
    text-align: center;
    width: 550px;
    margin: 0 auto;
    padding: 0 0 10px;
  }
  #listing_navigation ul.cat_sub_nav li {
    display: inline;
    line-height: 1.8em;
    color: #fff;
  }
  #listing_navigation ul.cat_sub_nav li a {
    padding: 2px 7px;
  }

/* --------------------------------------- */
/* --( Listing Tabed Navigation )-- */
/* --------------------------------------- */

  #listing_tabs ul,
  #listing_tabs ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #listing_tabs ul li {
    display: inline;
  }
  #listing_tabs ul li a {
    display: block;
    float: left;
    background: url('images/listing_tab_lb_bg.gif') repeat-x;
    text-decoration: none;
    color: #1c3091;
    width: 242px;
  }
  #listing_tabs ul li a span {
    display: block;
    background-image: url('images/listing_tabs.gif');
  }
  #listing_tabs ul li a span.right {
    padding: 3px 10px;
  }
  #listing_tabs ul li.first a span.left {
    background-position: -16px -51px;
  }
  #listing_tabs ul li.first a span.right {
    background-position: -96px -51px;
  }
  #listing_tabs ul li.last a span.left {
    background-position: -339px 0px;
  }
  #listing_tabs ul li.last a span.right {
    background-position: -381px 0px;
  }
  #listing_tabs ul li.active_first a,
  #listing_tabs ul li.active_last a {
    background: #1c3091;
    color: #fff;
  }
  #listing_tabs ul li.active_first a span.left {
    background-position: -16px 1px;
  }
  #listing_tabs ul li.active_first a span.right {
    background-position: -97px 1px;
  }
  #listing_tabs ul li.active_last a span.left {
    background-position: -339px -50px;
  }
  #listing_tabs ul li.active_last a span.right {
    background-position: -381px -50px;
  }
  
/* --------------------------------------- */
/* --( New Listing page )-- */
/* --------------------------------------- */

div#new_listing_categories {
  margin: 0 auto;
}
div#new_listing_categories a {
  display: block;
  width: 47%;
  padding: 18px 0;
  text-align: center;
  float: left;
  background: #e4f0fd;
  border: 4px solid #c4cddf;
  margin: 3px;
  font-size: 1.7em;
  text-decoration: none;
  color: #00218a;
}
div#new_listing_categories a:hover {
  background: #edf9fd;
}
  
/* --------------------------------------- */
/* --( Listing Table )-- */
/* --------------------------------------- */

  table.listing_table tr.jsed {
    cursor: pointer;
  }
  table.listing_table tr.even {
    background: #ecf3f3;
  }
  table.listing_table tr.even_hover {
    background: #E2F3F3;
  }
  table.listing_table tr.odd {
    background: #fbfbf9;
  }
  table.listing_table tr.odd_hover {
    background: #E0FBF9;
  }
  
/* --------------------------------------- */
/* --( Listing Pagination )-- */
/* --------------------------------------- */

  div.pagination {
    text-align: center;
    margin: 7px 0;
  }
  div.pagination a {
    padding: 3px;
  }
  div.pagination a:hover {
    background: #5868b6;
    color: #fff;
  }
  div.pagination span.current {
    padding: 3px;
    background: #1c3091;
    color: #fff;
  }
  
/* --------------------------------------- */
/* --( Listing Detail )-- */
/* --------------------------------------- */

  #listing_detail dl.addresses dt {
    
  }
  #listing_detail dl.addresses dd {
    margin: 0;
    padding: 0;
  }
  #listing_detail dl.contact_info {
    line-height: 1.6em;
  }
  #listing_detail dl.contact_info dt {
    display: block;
    float: left;
    width: 100px;
  }
  #listing_detail p.back {
    margin-top: 20px;
  }
  #listing_detail p.back a {
    display: block;
    width: 60px;
    padding: 3px 3px 3px 1px;
    text-decoration: none;
    background: #1c3091;
    color: #fff;
    text-align: center;
  }
  #listing_detail ul.degrees,
  #listing_detail ul.degrees li {
    padding: 0;
    list-style: none;
    line-height: 1.6em;
  }
  #listing_detail ul.professors,
  #listing_detail ul.professors li,
  #listing_detail ul.principles,
  #listing_detail ul.principles li {
    padding: 0;
    list-style: none;
    line-height: 1.6em;
  }
  
/* --------------------------------------- */
/* --( Edit Listing )-- */
/* --------------------------------------- */
  
  form.create_form input {
    padding: 2px;
  }
  form.create_form label {
    display: block;
    width: 200px;
    float: left;
  }
  form.create_form fieldset label {
    width: 190px;
  }
  
/* --------------------------------------- */
/* --( Film Table )-- */
/* --------------------------------------- */

  #film_table {
    background: #666;
  }
  #film_table table tr th {
    background: #fff;
    color: #00218a;
    text-align: left;
  }
  #film_table table tr td {
    background: #fff;
  }
  
/* --------------------------------------- */
/* --( Contact Us Page )-- */
/* --------------------------------------- */

  #contact_info {
    float: left;
    width: 50%;
  }
  #contact_info dd {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  #contact_form {
    float: right;
    width: 50%;
  }
  #contact_form div.errorExplanation {
    width: 100%;
    font-size: .8em;
  }
  #contact_form textarea {
    width: 275px;
    height: 235px;
  }
	
/* --------------------------------------- */
/* --( Side Banner Advertisement )-- */
/* --------------------------------------- */

    #side_banner {
        float: right;
        padding-top: 18px;
    }
    #side_banner p {
        margin: 0;
    }
    
/* --------------------------------------- */
/* --( Footer Styles )-- */
/* --------------------------------------- */

    #footer {
        clear: both;
        padding-top: 8px;
    }
    #footer ul {
        display: block;
        background: url('images/footer_bg.gif') repeat-x;
    }
    #footer ul,
    #footer ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #footer ul li {
        display: inline;
    }
    #footer ul li a {
        display: block;
        float: left;
        padding: 12px 13px;
        text-decoration: none;
        color: #0c218a;
        font-size: .95em;
        font-weight: bold;
    }
    #footer ul li.home a {
        padding-left: 20px;
    }
    #footer p {
        text-align: center;
        color: #868998;
        line-height: 1.7em;
        margin: 20px;
    }
    #footer p a {
        color: #868998;
        text-decoration: none;
    }
    #footer p a:hover {
        text-decoration: underline;
        color: #b4cadc;
    }

/* --------------------------------------- */
/* --( Shadow Bottom )-- */
/* --------------------------------------- */

    #shadow_bottom {
        background: url('images/bg_stage_foot.png') no-repeat top;
        height: 13px;
    }