
/*Reset____________________________________________*/

html,body,
h1,h2,h3,h4,h5,h6,p,blockquote,address,pre,cite,code,dfn,abbr,
acronym,kbd,a,samp,img,ins,i,b,u,strike,small,big,font,tt,q,dl,dt,dd,ul,ol
,li,applet,object,iframe,form,fieldset,label,legend,th,td,th,tbody,
tfoot,thead,tr,caption{font-size:100%;margin:0;padding:0;border:0;
outline:0;font-weight:normal;font-style:normal;text-decoration:none;}

:focus{outline:0;}

img{display: block;}


/*Main Structure____________________________________________*/

body{font:62.5%/1.4 "lucida grande", 
arial, helvetica, arial,verdana;
background:#ffffff;
color:#000000;}

#header{height:240px;
width:700px;
padding-left:244px;
overflow:hidden}

#content{
float:left;
margin-left:244px;
display:inline;
width:665px;
margin-bottom:38px}

#footer{border-top:1px solid #f0f0f0;
height:140px;
background:#f5f5f5;
clear:both;
padding-left:244px;}


/*Header____________________________________________*/

#header #logo {width:119px; 
height:146px; 
position:absolute; 
top:40px; 
left:45px;}

#header #logo a{
display:block;
width:100%; 
height:100%; 
background: url("images/aff_logo.gif");
text-indent:-9999px;
background-repeat:no-repeat}

#first-level-menu, 
#second-level-menu, 
#listings-ad{
width:155px;
float:left; 
margin-right:15px;
margin-top:70px;}

#second-level-menu
{width:240px;
padding-right:0px;}

#listings-ad{
width:240px;
height:69px;
margin-top:63px}

#header #listings-ad a{
display:block;
width:100%; 
height:100%; 
background: url("images/download.gif");
text-indent:-9999px;
background-repeat:no-repeat}

#first-level-menu ul li a{color:#7ac142}

#first-level-menu a.current-page
{color:#009ac9; text-decoration:underline}

#second-level-menu ul li a{color:#009ac9}

#second-level-menu a.current-page
{text-decoration:underline}

#header p.quote{font-size:1.5em;
color:#999; padding-right:20px}


#header ul{list-style:none}


/*Homepage - Imagestrip____________________________________________*/

#image-strip{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:280px;
padding:10px 0;
width:665px;}

#title-breadcrumb{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:7px 0;
margin-bottom:0px}

#images{height:280px;
overflow:hidden;
background:black}


/*Main Content Area____________________________________________*/

#full-width{
width:665px;
float:left;}

#primary-content{
width:390px;
padding:20px 35px 0px 0px;
float:left;}

#secondary-content{
width:240px;
padding:20px 0 0 0;
float:left;}

.ad, 
.ad2,
.ad3,
.ad4
{height:60px;
overflow:hidden;
margin-bottom:13px;
padding:10px 140px 10px 10px;
background:#f6737f;
background-image: url("images/view_all_events.jpg");
background-repeat:no-repeat;
background-position:right top}

.ad2{background:#7459a5 
url("images/local_films.jpg")
no-repeat right top}

.ad3{background:#7ac142
url("images/screen-machine.jpg")
no-repeat right top}

.ad4{background:#667788
url("images/hub-five.jpg")
no-repeat right top;
padding-right:130px}

.ad a, .ad2 a, .ad3 a, .ad4 a{
color:#fff;}


/*Listings____________________________________________*/

.film-listing{margin-bottom:15px;
margin-top:15px;
border-top:1px solid #cccccc;
padding-top:15px}

.film-listing-top{margin-bottom:15px;
border-top:0px solid #cccccc;
padding-top:0px}

.film-listing-bottom{margin-bottom:15px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding-top:15px;
padding-bottom:5px}

.film-listing-logos{margin-bottom:0px;
margin-top:0px;
border-top:1px solid #cccccc;
padding-top:15px}

.film-listing-top p, 
.film-listing-bottom p,
.film-listing p{
margin-bottom:10px}


/*Events____________________________________________*/


#film-image{margin-top:10px}

#event-details{ background:#f5f5f5;
padding:15px 15px 10px 15px;
color:#666;}

#event-details p{ margin-bottom:8px}


/*Partners-logos____________________________________________*/

.film-listing-logos:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.film-listing-logos{
zoom: 1;}

.logo{float:left; margin-right:20px;
margin-bottom:20px}

.logo-last{
margin-right:0px}

.logo-partners{float:left; margin-right:20px;
margin-bottom:20px}


/*Programme____________________________________________*/

table
{border-color: #cccccc;
border-width: 0 0 0px 0px;
border-style: solid;
margin:40px 0px 0px 0px;
font-size:1.1em; }

td{
border-color: #cccccc;
border-width: 1px 0px 0 0;
border-style: solid;
margin: 0;
padding: 3px 3px 3px 0px;
vertical-align: top;}

table a{font-size:1em}
.table-top{margin-top:20px}


/*Footer____________________________________________*/

#footer #columnone, 
#footer #columntwo, 
#footer #columnthree{
float:left; 
margin-right:15px;
margin-top:20px;
width:155px;}

#footer #columntwo{
width:240px}

#footer p{
color:#999}

#footer a{
color:#999;}

.credit{position:absolute;
top:-9999px;
left:-9999px}


/*Basic Text Styling____________________________________________*/

p{font-size:1.1em; 
margin-bottom:12px;}

a{font-size:1.1em;
color:#009ac9}

p a{font-size:1em}

a:hover,
a:focus{
text-decoration:underline}

ul{margin-bottom:12px}

ul li a{
font-size:1.2em}

h1, h2, h3, h4 {
margin-bottom:15px;
font-size:1.4em;
color:#009ac9}

h3 {margin-bottom:5px;
font-size:1.4em;}

p.intro{font-size:1.3em; 
margin-bottom:20px;
color:#666}

strong{color:#333}

#content ul li{margin-bottom:8px;margin-left:15px;
list-style:disc; font-size:1.1em}
