@charset "utf-8";
/* specific treatment of links to overcome browser defaults */
a:link, a:visited{color:blue;text-decoration:none;}
a:hover{color: #990000;}
a:focus{outline:none;}
/* default vertical scroll-bar on all pages */
html{overflow:auto;outline:none;}

/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
body {
font:100% Verdana, Arial, Helvetica, sans-serif;
background:#666666;
margin:0;
padding:0;
text-align:center; 
color: #000000;}
/* container for all pages */
/* the auto margins (in conjunction with a width) center the page */
.container {
width:55em;
min-height:40em;
background:#FFFFFF;
margin:0 auto;
padding:0;
border:1px solid gray;
text-align:left; /* this overrides the text-align: center on the body element. */
}
/* styles for banner */
.header { 
height:7em;
background-color:#6C60F2;
border-bottom:solid 1px #999;
}
/* left column for logo */
.hleft{
float: left;
padding:5px 0;
width: 40%; /* since this element is floated, a width must be given */
}
/* right column for strapline and menu */
.hright{
float:right;
width:60%; /* since this element is floated, a width must be given lcol+rcol = 100%*/
margin:0px; /* to prevent column overlap */
}
.hright #strapline{
padding:0 8% 0 42%;
font-size:220%;
color:white; 
}
/* menu in banner */
.hright #menu{
padding:0 8% 0 0;
font-size:90%;
display:block;
list-style:none;
}
.hright #menu ul{
padding:0;
margin:0;
}
.hright #menu li{
list-style:none;
float:right;
}
.hright #menu li a{
color:white;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}
.hright #menu a:hover{color: red;}
.hright #menu #here{color:#F00;}

/* drop-down menus */
.sddm div{
height:1.2em;
position:relative;
left:10px;
top:1px;
visibility:hidden;
}
.sddm div a{
position:relative;
display:block;
text-align:left;
padding:1px 0 0 0;
margin:0;
/*width:auto;*/
text-decoration:none;
color:black;
font-size:90%;
}
.sddm li a{text-align:left;}
.hright .sddm div a:hover{color:red;}
/* -- end of banner styles -- */


/* -- introduction to manuscript -- */
#manintro {
display: block;
}


/* --- oneCol spec ------- */
.mainContent{
padding:0 7% 0 7%; 
font:Verdana; 
line-height:1.4em; 
font-size:80%; 
text-align:justify; 
background-color:#FFFFFF; 
}
.mainContent h1{font-size:140%;}
.mainContent h2{font-size:120%;}
.mainContent h3{font-size:100%;}
.mainContent h4{font-size:90%;}
.mainContent #div1{padding-bottom:5px;}
.mainContent .red{color:red;}
.mainContent .blue{color:blue;}

.mainContent #topping { 
position: absolute;
width: 780px;
top: -200px;
}

#citation p{
margin-left:50px;
margin-right:50px;
text-align:left;
}
/* styles for film and filmmaker lists */
.mainDetail{font: 100% Verdana, Geneva, sans-serif;}
.ListContainer
{
background-color:#ecf0fc;
border:1px solid gray;
width:35%;
float:left;
height:35em;
overflow:auto;
}
.Column #div2
{
text-align:left;
font-size:90%;
line-height:1.4em;
cursor:pointer;
list-style:none;
margin:0;
padding:10px;}
.Column span:hover{color:white;}
.mainDetail .DetailContainer
{
text-align:left;
padding:10px;
width:60%;
float: right;
min-height:35em;
}
.dummy{height:35em;}

.mainDetail .DetailContainer a{cursor: pointer;}
.mainDetail .DetailColumn{margin-bottom: 1px;}
.load {background: url('/Images/load2.gif') no-repeat center;}


.footnote {  
font-size: 9px; 
color: #336699; 
vertical-align: text-top; 
font-weight: bold
}
.figleft{float:left;margin-right:1em;}
.figright{float:right;margin-left:1em;margin-bottom:2px;}

.cleft{clear:left;}

.warning{color: red;}
.msgsent{height:200px;}

/* ----- footer styles --------- */
.footer {
clear:both;
position:relative;
margin:0; /* zeroing the margins of the first element in the footer avoids margin collapse - a space between divs */
padding:0px 0 1px 0;
font-size:80%;
background:lightgrey;
border-top:1px solid gray;
text-align:left;
} 
.option{display:inline;}
.optionfirst{display:inline;padding-left:0px;}
.optionnext{display:inline;padding-left:50px;}
.optionlast{display:inline;padding-left:60px;}

/* for goto top icon if used */
.toppage {
padding-left: 40px;
border: 0;
}
.smalltext {  
padding-left: 10px;
position: relative;
top: -10px;
font-size: 75%; 
}
/* ----- end of footer ---- */