/* common structure */

html, body {
	margin				: 0px;
	padding				: 0px;
	background-color	: #ABB6C2;
	color				: #444444;
	font-size			: 11px;
	line-height			: 15px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	}
body {
	margin				: 15px;
	text-align			: center;
	}

div {
	border				: none;
	margin				: 0px;
	padding				: 0px;
	}

.header {
	margin				: 0px auto;
	height				: 50px;
	color				: #444444;
	background-color	: inherit;
	border				: none;
	width				: 700px;
	text-align			: left; 
	}
/* IE5 needs shifting up - and #empty to clear its parsing palette */
* html body .header {
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-bottom		: 0px;
	width				: 710px;
	}
#empty{}

#head_brace {
	width				: 700px;
	}

/* -1px margin-top is so NN4 borders overlap */
.columns {
	margin-left			: auto;
	margin-right		: auto;
	margin-top			: -1px;
	width				: 866px;
	text-align			: left; 
	background			: url("/mtm05/images/columns_bg.gif") top left repeat-y;
	}
/* hide from Mac IE 5 \*/
.columns {
	overflow			: visible;
	}
/* end hide */



/* reset post NN4 */
div.columns {
/*/*/
	margin-top			: 0px;
/* */
	}

div.leftcolumn {
	float				: left;
	left				: 0px;
	width				: 82px;
	}
	
/* reset post NN4 */
div.leftcolumn {
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that .rightcolumn's width is equal to .centercolumn's margin-right
width can be fixed pixels or ems or percentage
*/
div.rightcolumn {
	position			: static;
	float				: left;
	width				: 82px;
	}


/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left		: 0px;
margin-right	: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.

If you don't want a border in NN4,but want the colour, change the border to none
*/
div.centercolumn {
	float				: left;
	width				: 700px;
	color				: #444444;
	background			: url("/mtm05/images/content_bg.gif") top left repeat-y;
	}
/* nudge IE */
* html body .columns .centercolumn {
	margin-left			: -4px;
	}
#empty2{}
/* hide from Mac IE 5 \*/
div.centercolumn {
	_height				: 1%;
	overflow			: hidden;
	}
/* end hide */

	
/* -7px margin-top enables footer to lign up in NN4 rather than dropping down unacceptably */
div#footer {
	clear				: both;
	margin-left			: auto;
	margin-right		: auto;
	padding				: 0;
	text-align			: center;
	color				: #444444;
	border				: none;
	width				: 725px;
	}
/* reset post NN4 */
div#footer {
/*/*/
	margin-top			: 0px;
/* */
	}

div#footer a {
	color				: #939;
	}

div.footer_left {
	width				: 429px;
	text-align			: right;
	float				: left;
	padding-left		: 5px;
	}
* html body .footer_left {
	padding-left		: 0px;
	}
#empty3{}

div.footer_left a {
	text-decoration		: none;
	color				: #444444;
	padding				: 0px;
	}

div.footer_right {
	margin-top			: 12px;
	margin-right		: 15px;
	width				: 260px;
	text-align			: left;
	float				: left;
	}
div.pad_left {
	padding-left		: 10px;
	}
* html body .footer_right {
	width				: 270px;
	}
#empty4{}






/* common formatting */

h1, h2 {
	margin-top			: 0px;
	font-size			: 20px;
	}

h2 {
	margin-bottom		: 4px;
	line-height			: 22px;
	font-size			: 17px;
	}

h3 {
	line-height			: 18px;
	font-size			: 14px;
	}

p {
	margin-bottom		: 0px;
	margin-top			: 11px;
	}

.p1 {
	margin-top			: 0px;
	}

img {
	border				: none;
	margin				: 0px;
	padding				: 0px;
	}

a {
	color				: #B161BC;
	text-decoration		: none;
	}
a:hover {
	color				: #c9c;
	text-decoration		: underline;
	}

.hr {
	margin				: 11px 0px 11px 0px;
	padding				: 0px;
	height				: 1px;
	background			: url("/mtm05/images/hr.gif") repeat-x;
	border-color		: #000;
	border-width		: 1px;
	}
* html body .hr {
	margin				: 11px 0 0 0;
	}
#empty5{}


img#mediarights, img#left_pattern {
	float				: right;
	}

div.nav {
	padding				: 3px 0px 3px 0px;
	text-align			: center;
	background-color	: #636773;
	border-bottom		: 5px solid #9EA8B3;
	}

div.nav a {
	text-transform		: uppercase;
	color				: #ffffff;
	text-decoration		: none;
	font-size			: 10px;
	padding				: 0px 15px 0px 15px;
	color				: #ffffff;
	border-right		: 1px dotted #ffffff;
	font-weight			: bold;
	}

div.nav a:hover {
	color				: #ffccff;	
	text-decoration		: underline;
	}

body#home .home_nav,
body#about .about_nav,
body#news .news_nav,
body#tools .tools_nav,
body#dvd .dvd_nav,
body#apply .apply_nav {
	color				: #EBE;
	}

div.main_left {
	width				: 420px;
	float				: left;
	}

div.main_right {
	background-color	: #F6EAF8;
	margin-left			: -3px;
	width				: 276px;
	padding				: 0px;
	float				: left;
	}
/* hide from Mac IE 5 \*/
div.main_right { 	margin-left	: 4px; }
/* end hide */


div.content_hr {
	background-color	: #A0ABB6;
	margin				: 4px;
	}

.title {
	font-size			: 12px;
	font-weight			: bold;
	margin-top			: 0;
}

.more {
	text-align			: right;
}
.more a {
	color				: #B161BC;
	text-decoration		: none;
}

#home .main_right {
	background-color	: #9EA8B3;
}

.red {
	color				: #CC0000;
}








/* about, film */

.hr_nomargin {
	margin				: 11px 0px 0px 0px;
	height				: 1px;
	background: url("/mtm05/images/hr.gif") repeat-x;
	}

span.purple {
	background-color	: #E2B8E8;
	padding				: 3px 10px 4px 10px;
	font-size			: 11px;
	}

ul.filmlinks {
	font-size			: 10px;
}
ul.filmlinks  {
	margin				: 0px;
	padding				: 0px;
}
ul.filmlinks li {
	margin				: 0px 0px 2px 12px;
	padding				: 0px;
	list-style			: url("/mtm05/images/lil_bullet.gif");
}

ul.aboutnav {
	text-transform		: uppercase;
	font-weight			: bold;
	font-size			: 10px;
	margin				: 10px 0px 0px 0px;
	padding				: 0px;
	background: url("/mtm05/images/hr.gif") repeat-x;
	}
ul.aboutnav li {
	display				: block;
	list-style-type		: none;
	padding				: 4px 0px 4px 0px;
	background: url("/mtm05/images/hr.gif") repeat-x;
	}
ul.aboutnav a {
	color				: #666;
	text-decoration		: none;
}
ul.aboutnav a:hover {
	color				: #f9f;
	text-decoration		: underline;
}

ul.aboutnav a.current_link {
	color				 : #B161BC;
	}

#longdesc_id a.longdesc_link,
#bio_id a.bio_link,
#takeaction_id a.takeaction_link,
#relatednews_id a.relatednews_link {
	color				: #B161BC;
}









/* jury page */

.clearfloat {
	clear				: both;
}







/* film */

.media_left {
	width				: 400px;
	float				: left;
	}
*html body .media_left, *html body .media_right {
	margin-top			: -13px;
	}
#empty6{}

.media_right {
	background-color	: #ffffff;
	margin-left			: 15px;
	width				: 230px;
	float				: left;
	}
	
.media_left h4, .media_right h4 {
	margin-top			: 2px;
	}
* html body .media_left h4, * html body .media_right h4 {
	margin-top			: 1px;
	}
#empty7{}



.purple_content {
	width				: 682px;
	background			: url("/mtm05/images/purple_bg.gif") top left repeat-y;
	overflow			: hidden;
	}

.purple_left {
	width				: 410px;
	float				: left;
	}

.purple_left h3 {
	margin				: 0px;
	}

.purple_right {
	margin-left			: 5px;
	width				: 250px;
	float				: left;
	}






/* about */

.boxtitle {
	font-size			: 11px;
	font-weight			: bold;
	margin-top			: 0;
}

.recentnews h4 {
	margin-top			: 2px;
	}

*html body .recentnews h4 {
	margin-top			: -11px;
	}
#empty8{}
	
.filmimg_right {
	padding				: 11px 0px 11px 11px;
	float				: right;
	}

.filmimg_left {
	padding				: 11px 11px 11px 0px;
	float				: left;
	}

.juryimg {
	padding				: 2px 11px 11px 0px;
	float				: left;
	}

.content {
	_height				: 1%;
	width				: 400px;
	overflow			: hidden;
	padding				: 9px;
	background-color	: #ffffff;
	}

.film_content {
	_height				: 1%;
	width				: 700px;
	overflow			: hidden;
	padding				: 9px;
	background-color	: #ffffff;
	}
*html body .film_content {
	margin-top			: -4px;
	}
#empty8{}

.padme { 
	padding				: 10px 10px 0px 10px;
	}

.recentnews {
	background-color	: #F6EAF8;
	padding				: 10px;
}

.feature_box {
	_height				: 1%;
	overflow			: hidden;
	background-color	: #E6C3EB;
	padding				: 0px;
	border-color		: white;
	border-width		: 10px 10px 10px 0;
	border-style		: solid;
}


.art_left {
	float: left;
	width:160px;
	margin-right: 10px;
	margin-bottom: 10px;
        background-color: #F6EAF8;
}

.art_left img{
	border: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
}


.art_left p{
 	background-color: #F6EAF8;
 	padding:5px;
	text-align: center;
	margin: 0px;
}

.art_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
        background-color: #F6EAF8;
}

.art_right p{
 	background-color: #F6EAF8;
 	padding:5px;
	text-align: center;
	margin: 0px;
}


.art_right img{
	border: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
}














/* home */

#playerbox {
	width				: 400px;
	padding-top			: 20px;
	margin-left			: 40px;
	}

#qt { 
	position			: absolute;
	}

#mediabox {
	width				: 276px;
	margin				: 0px;	
	padding				: 0px;	
	margin-top			: -4px;
	}

#mediabox ul {
	margin				: 0px;
	padding				: 0px;
	}

#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;
	}

/* Because pixels count differently in IE */
* html body #filmlist a { 
	margin				: 0px 3px 3px 0px;
}
#empty9{}

#filmlist a {  text-decoration: none; }
#filmlist a:hover { background-position: -66px 0px; }
#film501 	a {  background: url("/mtm05/stills/501.gif") top left no-repeat; }
#film502 	a {  background: url("/mtm05/stills/502.gif") top left no-repeat; }
#film503 	a {  background: url("/mtm05/stills/503.gif") top left no-repeat; }
#film504 	a {  background: url("/mtm05/stills/504.gif") top left no-repeat; }
#film505 	a {  background: url("/mtm05/stills/505.gif") top left no-repeat; }
#film506 	a {  background: url("/mtm05/stills/506.gif") top left no-repeat; }
#film507 	a {  background: url("/mtm05/stills/507.gif") top left no-repeat; }
#film508 	a {  background: url("/mtm05/stills/508.gif") top left no-repeat; }
#film509 	a {  background: url("/mtm05/stills/509.gif") top left no-repeat; }
#film510 	a {  background: url("/mtm05/stills/510.gif") top left no-repeat; }
#film511 	a {  background: url("/mtm05/stills/511.gif") top left no-repeat; }
#film512 	a {  background: url("/mtm05/stills/512.gif") top left no-repeat; }

#film513 	a {  background: url("/mtm05/stills/513.gif") top left no-repeat; margin-bottom: 0px; }
#film514 	a {  background: url("/mtm05/stills/514.gif") top left no-repeat; margin-bottom: 0px; }
#film515	a {  background: url("/mtm05/stills/515.gif") top left no-repeat; margin-bottom: 0px; }
#film516	a {  background: url("/mtm05/stills/516.gif") top left no-repeat; margin-bottom: 0px; }


.film_info {
	clear				: both;
	height				: 86px;
	padding				: 10px;
	background			: #F3F3F3;
	border-top			: 4px solid #9EA8B3;
	}
/* Because pixels count differently in IE */
* html body .film_info { 
	margin-top				: -8px;
}
#empty10{}

#desc501, #desc502, #desc503, #desc504, #desc505, #desc506, #desc507, #desc508, #desc509, #desc510, #desc511, #desc512, #desc513, #desc514, #desc515, #desc516 {
	display				: none;
}

#fest501, #fest502, #fest503, #fest504, #fest505, #fest506, #fest507, #fest508, #fest509, #fest510, #fest511, #fest512, #fest513, #fest514, #fest515, #fest516 {
	display				: none;
}

.actionlinks {
	/* font-size			: 10px;*/
}
ul.actionlinks  {
	margin				: 10px 0px 0px 0px;
	padding				: 0px;
}
ul.actionlinks li {
	margin				: 0px 0px 5px 0px;
	list-style-type		: none;
}
ul.actionlinks a {
	color				: #B161BC;
	text-decoration		: none;
}

.featured, .featured a {
	margin				: 0px;
	padding				: 3px 0px 3px 10px;
	font-size			: 11px;
	font-weight			: bold;
	color				: #3B424C;
	background-color	: #E2B8E8;
	}

.news_box {
	margin				: 0px;
	padding				: 10px;
	background-color	: #ffffff;
	}

.news_box a {
	color				: #B161BC;
	font-weight			: bold;
	text-decoration		: none;
	}