/* body */
#lc_navbar {font-family:Verdana, Arial, Helvetica, sans-serif; clear: both; height:27px; width:100%; padding:0px; font-size: 100%!important; color: #ffffff; text-align: center; background:url('/images/menu/redstripe.gif') repeat-x; margin: 0;} 
#lc_navbar #menu{line-height:2em; font-size:120%!important;} 
#lc_navbar a, #lc_navbar a:visited { text-decoration:none!important; color:#ffffff;}
#lc_navbar a:hover {text-decoration: underline!important; color: #FFFF00;} /* breadcrumbs */ 

body {
	color:#0C0C0C;
	background: url(/education/focuson/film/images/bg-body.gif) repeat-x #250A0A;
	font-size:80% !important;
}

#breadcrumbdiv {
	font-size: 85% !important;
	}

a {
	color:#22506C;
}

a:hover{
	color:#B64900;
}

/* jumplinks */
#jumplinks{
	height:0px;
	overflow:hidden;
}

/* primary nav */
.primarynav {
	background-color:#000;
	padding:.4em .6em .6em .6em;
}

.primarynav a{
	color:#fff;
	margin-right:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
}

.primarynav a:hover{
	color:#fff;
	text-decoration:none;
}

body.home a.home, body.introduction a.introduction, body.activities a.activities, body.film-archive a.film-archive, body.editors-room a.editors-room, body.help a.help {
	font-weight:bold;
	text-decoration:none;
}

.primarynav li{
	display:inline;
}

div.topBanner{
	height:33px;
}

div.topBanner li{
	display:inline;
}

/* home classes */
body.home .breadcrumb{
	display:none;
}

body.home .container{
	background:url(/education/focuson/film/images/bg-home-curtain.jpg) 290px 0px repeat-y #240B0A;
	_height:184px;
	min-height:184px;
	padding:0px !important;
	width:100%;
}

.container{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	padding: 1px 0px 50px 50px;
}

.container .content{
	width:720px;
	position:relative;
	_height:265px !important;
	min-height:265px !important;
}

.container .content:after, ul.archive-clips:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .container .content, * html ul.archive-clips {height: 1%;}
/* End hide from IE-mac */

.container .content a{
	font-weight:bold;
}

.container .content h2 {
	color:#842824;
	margin-top:0px;
	padding-top:0px;
	font-size:140%;
	clear:both;
}

.container .content h3 {
	color:#842824;
	margin-top:1em;
	padding-top:0px;
	font-size:110%;
	clear:both;
}

.container .content h4 {
	color:#842824;
	margin-top:1em;
	padding-top:0px;
	font-size:100%;
}

.container .content, .container .content li,  .container .content li p {
	color:#0C0C0C;
}

.container .content ul {
	list-style-type:square;
	padding-left:20px;
	padding-bottom:.5em;
}

.container .content li{
	clear:both;
	padding-bottom:.3em;
}

.container .content table ul{
	list-style-type:none;
	padding-left:0px;
}

.container .content table li{
	padding-bottom:.7em;
}

.container .content img{
	margin-bottom:.5em;
}

.container .content img.border{
	border:1px solid #1F1F1F;
}

.container .content a img{
	border:none;
	margin:0px;
}

.container .content img.left{
	float:left;
	margin-right:.5em;
}

.container .content img.right{
	float:right;
	margin-left:.5em;
}

ul.related-links{
	list-style-type:none !important;
	padding-left:0px !important;
}

ul.related-links span.indent{
	display:block;
	margin-top:3px;
	margin-left:18px;
}

/* related links styles. Note the li and a both have the same background-image to prevent flickering in IE6 */

a.related-link, .related-links li a, p.related-link a {
	padding-left:18px;
}

.related-links li, .related-links li a, .related-link, .related-link a {
	background-image:url(/education/focuson/film/images/icon-related-link.gif);
	background-repeat:no-repeat;
}

div.source .related-links li {
	background-image:url(/education/focuson/film/images/button-related-link.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-bottom:3px;
	width:158px;
}

div.source .related-links li a{
	font-size:85%;
	text-decoration:none;
	color:#005FA7;
	display:block;
	background-repeat:no-repeat;
	padding:2px 2px 2px 22px;
	width:87%;
}

p.related-link, p.related-link a {
	background-repeat:no-repeat !important;
}

div.source .related-links li a:hover{
	color:#003760;
}

div.source .small-images img{
	float:left;
	margin-bottom:20px;
}

div.source .small-images img.first-image{
	margin-right:20px;
}

div.source div.audio-container{
	text-align:center;
}

div.source div.audio-container.large{
	min-height:200px;
	padding-top:50px;
}

.transcript a{
	background-image:url(/education/focuson/film/images/icon-transcript.gif) !important;
	background-position:6px 2px;	
}

.transcript a:hover{
	background-image:url(/education/focuson/film/images/icon-transcript-highlight.gif) !important;
}

.play a{
	background-image:url(/education/focuson/film/images/icon-play-small.gif) !important;
	background-position:9px 5px;
}

.play a:hover{
	background-image:url(/education/focuson/film/images/icon-play-small-highlight.gif) !important;
}

.audio-transcript a{
	background-image:url(/education/focuson/film/images/icon-audio.gif) !important;
	background-position:6px 2px;	
}

.audio-transcript a:hover{
	background-image:url(/education/focuson/film/images/icon-audio-highlight.gif) !important;
}

.useful-notes a{
	background-image:url(/education/focuson/film/images/icon-useful-notes.gif) !important;
	background-position:5px 3px;	
}

.useful-notes a:hover{
	background-image:url(/education/focuson/film/images/icon-useful-notes-highlight.gif) !important;
}

.download-clip a{
	background-image:url(/education/focuson/film/images/icon-download.gif) !important;
	background-position:5px 3px;	
}

.download-clip a:hover{
	background-image:url(/education/focuson/film/images/icon-download-highlight.gif) !important;
}

.zoomify a{
	background-image:url(/education/focuson/film/images/icon-zoomify.gif) !important;
	background-position:5px 2px;
}

.zoomify a:hover{
	background-image:url(/education/focuson/film/images/icon-zoomify-highlight.gif) !important;
}

.back-to-activity, .back-to-activity a{
	background-image:url(/education/focuson/film/images/icon-back-to-activity.gif) !important;
	background-position:2px 2px;
}

form.activity-questions{
	border-top:3px solid #6F7464;
	margin-top:1em;
	padding:1em 1em 0em 2em;
	display:block;
	clear:both;
	width:100%;
}

div.controls{
	clear:both;
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #6F7464;
}

div.controls input{
	float:right;
	font-size:110%;
	border:none;
	background:url(/education/focuson/film/images/icon-button-print.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	font-weight:bold;
	padding:2px 0px 2px 15px;
	width:16.7em;
	cursor:pointer;
	color:#005FA7;
}

div.controls input:hover{
	color:#0D8117;
	background:url(/education/focuson/film/images/icon-button-print-hover.gif) no-repeat;	
}

div.question{
	width:40%;
	clear:both;
	float:left;
	margin-top:.5em;
}

div.answer textarea{
	width:30em;
	height:3em;
	margin-bottom:.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

div.answer{
	margin-left:.5em;
	float:left;
	margin-top:.5em;
	margin-bottom:1em;	
}

hr{
	display:block;
	clear:both;
	margin:1em 0em 1em 0em;
	height:1px;
	background-color:#6F7464;
	color:#6F7464;
	border:none;
	overflow:hidden;
}

div.placeholder{
	/*background:url(/education/focuson/film/images/film-placeholder.jpg) no-repeat;*/
	height:274px;
	width:337px;
	margin-right:.5em;
	margin-bottom:.5em;
	position:relative;
}

/* focus on intro */
.focus-on-intro{
	float:left;
	width:290px;
	height:184px;
}

#home-intro{
	position:relative;
	_height:184px;
	min-height:184px;
	width:100%;
}

#home-intro {
	width:90%;
}

#home-intro p{
	margin:0px;
	padding:.5em 0em 0em 295px;
	color:#fff;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

#home-film{
	position:absolute;
	top:0px;
	left:0px;
}

.main-menu{
	background:url(/education/focuson/film/images/bg-main-menu.gif) repeat-x #fff;
	border-top:1px solid #000;
	clear:both;
	width:100%;	
}

.main-menu ul{
	width:80%;
	margin:auto;
	padding:5px 0px 10% 0px;
}

.main-menu ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .main-menu ul {height: 1%;}
/* End hide from IE-mac */

.main-menu li.first-child, .main-menu li:first-child{
	border:none;
}

.main-menu li{
	float:left;
	width:20%;
	color:#333;
	margin:1.5em 0 0 1%;
	padding:0 0 0 1.5%;
	border-left:1px solid #E5E5E5;
	height:19em;
}

.main-menu li h2{
	padding:0px 0px .5em 0px;
	margin:0px;
	font-size:1.3em;
}

.main-menu li p{
	color:#333;
	margin:0px;
	padding:.1em 0px 0px 0px;
}

.main-menu li a.thumbnail{
	float:left;
	margin-right:7px;
}

/* top banner classes */
.titleBanner{
	background:url(/education/focuson/film/images/bg-top-banner.jpg) repeat-x;
	height:100px;
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;
}

.titleBanner h1{
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	height:100px;
	width:100%;
	margin:0px;
	padding:0px;
	background:url(/education/focuson/film/images/bg-home-focus-on-film.jpg) no-repeat;
	z-index:2;
}

.titleBanner h1 a{
	text-indent:-1000em;
	display:block;
	width:380px;
	height:100px;
}

#focus-on{
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	height:100px;
	background:url(/education/focuson/film/images/bg-home-focus-on.jpg) no-repeat;
	width:200px;
	z-index:1;
	text-indent:-1000em;
}

/* nav bar classes */
.navbar {
	clear: both;
	padding:.2em 0 .3em 0;
	width: 100%;
	color: #ffffff;
	text-align: center;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background-color: #cc3333;
}
a.navlink {
	text-decoration: none;
	color: #ffffff;
}
a.navlink:hover {
	text-decoration: none;
	color: #000000;
}

/* focus on film breadcrumb */
.breadcrumb{
	background-color:#fff;
	padding:5px;
}

.breadcrumb ul{
	padding:8px 5px 26px 40px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(/education/focuson/film/images/breadcrumb-generic.jpg);
}

.breadcrumb a{
	color:#032640;
}

.breadcrumb a:hover{
	color:#3F718C;
}

body.introduction .breadcrumb ul{
	background-image:url(/education/focuson/film/images/breadcrumb-introduction.jpg);
}

body.activities .breadcrumb ul{
	background-image:url(/education/focuson/film/images/breadcrumb-activities.jpg);
}

body.editors-room .breadcrumb ul {
	background-image:url(/education/focuson/film/images/breadcrumb-editors-room.jpg);
}

body.film-archive .breadcrumb ul {
	background-image:url(/education/focuson/film/images/breadcrumb-film-archive.jpg);
}

.breadcrumb li {
	float:left;
	margin-left:5px;
	line-height:1.4em;
}

/* clip player */

div.clip, .archive-clips li{
	width:120px !important;
	float:left !important;
	clear:none !important;
}

.archive-clips li{
 	margin:2px 20px 18px 0px;
	display:block;
}

.back-to-category{
	padding-top:5em;
	clear:both;
}

.back-to-category a{
	background-image:url(/education/focuson/film/images/icon-back-to-activity.gif) !important;
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding-left:16px;
}


div.clip{
	margin:2px 20px 13px 19px;
	_margin:2px 20px -16px 19px; /* fix weird IE6 margin issue */
	display:inline;
}

.archive-clips li div.clip, td div.clip{
	margin-left:0px;
}

div.clip-thumb {
	background:url(/education/focuson/film/images/bg-film-clip.gif) no-repeat;
}

div.clip-thumb a {
	padding:0px 8px 0px 8px;
	display:block;
}

div.clip-thumb img {
	border:1px solid #15120A !important;
}

p.clip-description{
	color:#32423A !important;
	margin-top:3px;
	margin-bottom:9px;
	padding:0px 0px 4px 0px;
	border-bottom:1px solid #E5E5E5;
	overflow:hidden;
	font-size:95%;
}

li p.clip-description{
	height:5em;
}

div.clip p.clip-description{
	_height:1em;
	min-height:1em;
}

ul.introduction-clips, ul.archive-clips{
	list-style:none !important;
	padding-left:0px !important;
}

ul.introduction-clips p.clip-description{
	_height:30px;
	min-height:30px;
}

span.clip-play{
	width:77px;
	display:block;
	float:left;
	background:url(/education/focuson/film/images/icon-button-small.gif) no-repeat top left;
}

span.clip-play a{
	padding:2px 0px 4px 18px;
	background:url(/education/focuson/film/images/icon-play-small.gif) no-repeat 7px 5px;
	font-size:85%;
	font-weight:bold;
	text-decoration:none;
	color:#005FA7;
	display:block;
}

span.clip-play a:hover{
	color:#003760;
	background:url(/education/focuson/film/images/icon-play-small-highlight.gif) no-repeat 7px 5px;	
}

span.clip-download{
	width:120px;
	display:block;
	float:left;
	background:url(/education/focuson/film/images/icon-button-medium.gif) no-repeat top left;
}

span.clip-download a{
	padding:2px 0px 4px 19px;
	background:url(/education/focuson/film/images/icon-download.gif) no-repeat 3px 3px;
	font-size:85%;
	font-weight:bold;
	text-decoration:none;
	color:#005FA7;
	display:block;
}

span.clip-download a:hover{
	color:#003760;
	background:url(/education/focuson/film/images/icon-download-highlight.gif) no-repeat 3px 3px;
}

span.clip-duration{
	display:block;
	float:right;
	font-size:95%;
	color:#7D7D7D;
	padding-top:1px;
}

ul.introduction-clips:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html ul.introduction-clips {height: 1%;}
/* End hide from IE-mac */

/* activities */
#activities-intro .col-1{
	width:23%;
}

#activities-intro .the-great-war{
	padding-left:83px;
	background:url(/education/focuson/film/images/bg-activities-the-great-war.jpg) no-repeat 0px 3px;
	font-weight:bold;
}

#activities-intro .world-war-two{
	padding-left:83px;
	background:url(/education/focuson/film/images/bg-activities-world-war-two.jpg) no-repeat 0px 3px;
	font-weight:bold;
}

#activities-intro .cold-war{
	padding-left:83px;
	background:url(/education/focuson/film/images/bg-activities-the-cold-war.jpg) no-repeat 0px 3px;
	font-weight:bold;
}

/* film archive */
div.archive-pre-20th-century{
	width:141px;
	float:left;
}

div.archive-pre-20th-century ul{
	background:url(/education/focuson/film/images/bg-archive-pre-20th.jpg) no-repeat 0em 15px;
	border-top:1px solid #E5E5E5;
	padding-top:65px;
	margin-top:10px;
}

div.archive-1900-1945{
	width:325px;
	float:left;
	margin-left:20px;
}

div.archive-1900-1945 ul{
	background:url(/education/focuson/film/images/bg-archive-1900-1945.jpg) no-repeat 0em 15px;
	border-top:1px solid #E5E5E5;
	padding-top:65px;
	margin-top:10px;
}

div.archive-1945-present{
	width:186px;
	float:left;	
	margin-left:20px;	
}

div.archive-1945-present ul{
	background:url(/education/focuson/film/images/bg-archive-1945-present.jpg) no-repeat 0em 15px;
	border-top:1px solid #E5E5E5;
	padding-top:65px;
	margin-top:10px;
}

p.more-archives{
	clear:both;
	padding-top:2em;
}

/* film archive single film */

#clip-information{
	width:340px;
	float:left;
	margin-right:30px;
	background-color:#fff;
	text-align:justify;
}

#clip-container{
	width:337px;
	height:275px;
	position:absolute;
	right:8px;
	top:4em;
}

#clip-container,#clip-container-inline{
	background:url(/education/focuson/film/images/bg-film-placeholder.jpg) no-repeat;
}

#clip-container div,#clip-container-inline div{
	padding:60px 60px 100px 60px;
}

#clip-player{
	width:350px;
	float:left;
	_height:43em;
	min-height:25em;
	padding-top:296px;/* padding required here otherwise flash won't play on macs (!) */
}

#clip-player:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #clip-player {height: 1%;}
/* End hide from IE-mac */

#clip-player ul{
	list-style-type:none !important;
	padding-left:0px !important;
	position:relative;
	width:26.5em;
	height:3em;
}

#clip-player li.download{
	display:inline;
	white-space:nowrap;
	position:relative;
	padding-right:86px;
}

#clip-player li.download a{
	background:url(/education/focuson/film/images/icon-download-film.gif) no-repeat 0px 4px;
	padding-left:14px;
}

#clip-player li.download span{
	font-size:85%;
	color:#32423A;
	display:block;
	position:absolute;
	left:10em;
	top:2px;
}

#clip-player li.prev-film, #clip-player li.next-film{
	display:inline;
}

#clip-player li.prev-film{
	background:url(/education/focuson/film/images/icon-prev-film.gif) no-repeat 0px 4px;
	padding-left:12px;
	margin-right:8px;
	font-weight:bold;
	color:#9B9B9B;	
}

#clip-player li.next-film{
	background:url(/education/focuson/film/images/icon-next-film.gif) no-repeat 4.65em 4px;
	padding-right:.8em;
	font-weight:bold;
	color:#9B9B9B;
}

#clip-player li.back-to-archive{
	border-top:1px solid #E5E5E5;
	display:block;
	padding-top:5px;
	margin-top:10px;
}

#clip-player li.back-to-archive a{
	background:url(/education/focuson/film/images/icon-back-to-archive.gif) no-repeat 0px 4px;
	padding-left:12px;
	margin-left:192px;
}

#clip-player table{
	font-size:85%;
	padding-top:1em;
}

#clip-player table, #clip-player table *{
	border:none;
	padding-left:0px;
	padding-bottom:0px;
	background-color:#fff;
	color:#0C0C0C;
	clear:both;
}

#clip-details{
	width:340px;
}

#clip-details .play, .rewind{
	height:0px !important;
	width:0px !important;
	overflow:hidden !important;
	float:left !important;
	padding:0 !important;
	margin:0 !important;
}

/* table styles */
.container .content table{
	padding-bottom:1em;
	border-top:1px solid #6F7464;
	background-color:#fff;
}

.container .content th{
	white-space:nowrap;
	background:url(/education/focuson/film/images/bg-table.gif) repeat-x top left #6F7464;
	color:#fff;
	font-weight:bold;
}

.film-archive .container .content th{
	background:none;
}

.container .content td, th{
	text-align:left;
	vertical-align:top;
	padding:.5em;	
}

.container .content td{
	background-color:#fff;
	border-left:1px solid #6F7464;
	border-bottom:1px solid #6F7464;
}
td.first-cell/*, td[rowspan]*/{
	border-left:none !important;
}

caption{
	display:none;
}

/*sitemap*/

.sitemap-col-1{
	width:14%;
}

.site-map .content ul{
	list-style:none !important;
}

.site-map .content  ul li a, .site-map .content ul .first-cell a{
	background:url(/education/focuson/film/images/icon-related-link.gif) no-repeat center left;
	padding-left:18px;
}

.site-map .content ul ul ul li a{
	background:none;
	padding-left:0px;
}

.site-map .content ul ul{
	padding-top:1em;
}

.site-map .content ul ul ul ul{
	padding-top:0em;
}

.site-map .content ul ul ul li{
	padding-bottom:1.1em;
}

.site-map .content a.summary-sheet {
	line-height:2.5em;
}

.site-map .content th {
	background:none;
	font-weight:bold;
	color:#0C0C0C;
	border-left:1px solid #6F7464;
	border-bottom:1px solid #6F7464;	
}

table col{
	width:32%;
}

dl{
	width:20em;
}

dt,dd{
	vertical-align:top;
	text-align:left;
	display:block;
	float:left;
	margin:0px;
	padding:0 0 .5em 0;
}

dt{
	width:2em;
	height:1em;
}

dd{
	width:18em;
	height:1em;	
}

.center{
	text-align:center !important;
}

.right{
	text-align:right !important;
}

p.catalogue-ref{
	font-weight:bold;
}

/* sources */

div.source{
	width:720px;
	_width:700px !important;
	background:url(/education/focuson/film/images/bg-source-header.gif) top left no-repeat;
	padding:20px 0px 0px 0px;
	margin-bottom:1em;
	margin-top:1em;
	overflow:hidden;
}

div.source-content{
	background:url(/education/focuson/film/images/bg-source-footer.gif) bottom left no-repeat;
	padding:0px 20px 20px 20px;
	min-height:100px;
	_height:100px;		
}

div.source-content h3{
	color:#292929 !important;
	margin-top:0px !important;
	padding-top:0px !important;
}

div.source-details{
	float:left;
	width:190px;
	padding-bottom:20px;
}

div.source-display{
	width:440px;
	margin-left:215px;
	position:relative;	
	/*text-align:center;*/
}

div.source-display ul.archive-clips{
	overflow:hidden;
	width:420px;
	margin:20px 0 0 20px;
}

div.source-display ul.archive-clips p.clip-description{
	height:7em;
}

div.source-display ul.archive-clips li.long p.clip-description{
	height:11em;
}

div.source-display .clip-player{
	padding-top:0px;
	float:none;
	width:440px;
	height:275px;	
	/*background:url(/education/focuson/film/images/bg-source-clip.jpg) no-repeat;*/
}

div.source-display .clip-container{
	position:absolute;
	right:51px;
	top:0px;
	width:337px;
	height:275px;	
}

.visible{
	opacity:1;
	filter:alpha(opacity=100);
}

.hidden{
	opacity:.25;
	filter:alpha(opacity=25);
}

/* footer */
div.footcontainer{
	clear:both;
	background-color:#fff;
	font-size:85%;
	padding-top:1%;
	border-bottom:1px solid #000;
	height:1.7em;
}

div.footcontainer ul {
	background-color:#3C1111;
	padding:.1em .5em .7em .5em;
	height:1.7em;
	color:#fff;
	position:relative;
}

div.footcontainer li{
	float:left;
	padding-left:5px;
	margin:5px 0px 0px 12px;
}

div.footcontainer li:first-child, div.footcontainer li.first-child{
	padding-left:0px;
	margin-left:5px;
}

div.footcontainer li.back-to-top{
	position:absolute;
	right:10px;
	top:0px;
}

div.footcontainer a{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.footcontainer a:hover{
	color:#fff;
	text-decoration:none;
}

body.site-map a.site-map, body.credits a.credits, body.teachers-notes a.teachers-notes, body.workshops a.workshops {
	font-weight:bold;
	text-decoration:none;
}

/*popup classes*/

body.popup{
	background-color:#fff;
	color:#0C0C0C;
	font-family:Arial, Helvetica, sans-serif;
}

.functionBut {
	float: right;
	margin: 2px 5px 0 0;
	text-align: right;
}
img.functionButton {
	padding: 0px; 
	border: none;
	vertical-align:middle;
}
a.functionButton {
	font-size: 90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#CC0000;
	text-decoration:none;
	padding-left:5px; padding-right:5px;
}
a.functionButton:hover {
	color:#333333;
	text-decoration:underline;
}

body.popup {
	font-family:Arial, Helvetica, sans-serif !important;
}

body.popup div#pagecontent{
	min-height:247px;
	_height:234px;
	background:none;
}

body.popup h1, body.popup h2{
	color:#842824;
}

body.popup table.extract{
	border-left:1px solid #666;
	border-top:1px solid #666;
}

body.popup table.extract td, body.popup table.extract th {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	text-align:left;
	vertical-align:top;
}

body.popup h1{
	font-size:130% !important;
}

#top_banner{
	height:46px !important;
	background:url(/education/focuson/film/images/popups/bg-banner-top.jpg) !important;
	position:relative;
}

#bottom_banner{
	height:33px !important;
	background-color:#07263C;
	position:relative;
}

#logo{
	padding:0px !important;
	margin:0px !important;
}

#top_banner a, #bottom_banner a {
	color:#EBF5E4 !important;
	font-weight:bold;
	white-space:nowrap;
}

/*#top_banner a{
	display:none;
}*/

#top_banner a:hover, #bottom_banner a:hover {
	color:#C0D5B2 !important;
}

#bottom_banner a {
	top:1px;
}

#top_banner a {
	top:10px;
}

.close-window a{
	background:url(/education/focuson/film/images/popups/close.gif) no-repeat 0px 4px;
	padding-left:13px;
	position:absolute;
	right:15px;
}

.print-window a{
	background:url(/education/focuson/film/images/popups/print.gif) no-repeat 0px 2px;
	padding-left:23px;
	position:absolute;
	right:3em;
}

.top-window a{
	background:url(/education/focuson/film/images/popups/topofpage.gif) no-repeat 0px 6px;
	padding-left:18px;
	position:absolute;
	right:6em;
}

#audio-transcript{
	padding-top:35px;
	padding-bottom:15px;
}



/* for testing */

li.editor, p.editor{
	background-color:#7799AB;
}

li.archive, p.archive{
	background-color:#BDD2AB;
}

p.editor, p.archive{
	margin:0px 0px 15px 0px;
	padding:5px;
	width:200px;
}

a.external-link{
	background:url(/images/icons/wwwlink_paleparch.gif) no-repeat center right;
	padding-right:20px;
}