/* Start of CMSMS style sheet 'Cinema History - CSS' */
body {margin:20px; background:#000000; background-image:url(images/background.jpg); background-repeat:repeat-x; font-family:helvetica; font-size:14px; line-height:1.5em; color:#333333;}

#wrapper {width:780px; margin:auto; padding:30px; background:#FFFFFF;}

#header {width:780px; background-image:url(images/header.jpg); background-repeat:no-repeat; height:80px;}

#menu {width:780px; height:43px; background-image:url(images/menuback.jpg); background-repeat:repeat-x;}

#banner {height:285px; clear:both;}

#leftcol {width:410px; float:left; margin-top:20px; margin-right:10px;}
#rightcol {width:320px; float:left; background:#EDEDED; padding:10px; padding-right:20px; margin-top:20px; border:1px solid #999999; margin-bottom:20px;}

#programme_leftcol {width:120px; float:left; margin-top:20px; padding:10px; margin-right:10px; background:#EDEDED;  border:1px solid #999999;}
#programme_rightcol {width:500px; float:left; padding:10px; margin-top:20px;; margin-bottom:20px; }

.abstracts {padding:10px; border:1px solid #999999;  background:#EDEDED;}

#footer {width:100%; height:80px; clear:both; border-top:1px solid #CCCCCC; margin-top:50px;}
#footerlinks {width:400px; float:left; padding-top:7px;}
#footerlogos {width:370px; float:left; padding-top:7px;}
#footerlogos li { list-style-type:none;}
#footerlogos a { display:block; float:left; padding-right:30px;}

#maincontent {width:740px; margin-top:20px;}

p, .bold, .size16, .size11, .bold_red {font-family:helvetica; line-height:1.5em; color:#333333;}

.bold {font-weight:bold;}
.redheader {font-weight:bold; color:#FFFFFF; background:#960000; padding:0.3em; margin:0; width:100%; display:block;}
.bold_red {font-weight:bold; color:#960000;}
.size16 {font-size:16px;}
.size11 {font-size:11px;}

img {border:0;}


/*  Menu  */


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	list-style: none;
	line-height: 3;
	font-size:12px;
	width:100%;
	font-family: Helvetica;
	color:#FFFFFF;
}

#nav a {
	display: block;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	height:43px;
	font-weight:normal;

}

#nav li { /* all list items */
	float: left;
	width: 8em;
        line-height:3.5em;
		
	
	 /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background:#333;
	width: 13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
     font-size:12px;
	 border-right:#454545 1px solid;  border-left:#454545 1px solid;  border-bottom:#454545 1px solid;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a:hover, #nav li a:hover {background-image: url(images/menubackred.jpg); background-repeat:repeat-x; color:#FFF; height:43px; line-height: 3.5em; width:8em;}
#nav li a { text-align:center;  border-left:#454545 1px solid;}
#nav li li a { width: 12em; text-align:left; padding-left:0.7em; height:30px; line-height:2.5em; border:0; }
#nav li li a:hover { width: 12.4em; height:30px; line-height:2.5em; }


a:link {
	color: #960000;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #960000;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #960000;
}

/* End of 'Cinema History - CSS' */