@charset "UTF-8";
/* CSS Document */

body  {
  font: 100% Arial, Helvetica, sans-serif;
  background: #666666;
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #36454e;
}
a img {
  border: none;
}
a {
  text-decoration: none;
  color: #2f6390;
}

a:hover {
  color: #0a2944;
  text-decoration: none;
}
h1 {
  font-size: 1em;
  margin: 0;
}
h2 {
  font-size: 1em;
  margin: 0;
}
h3 {
  font-size: 0.8em;
  margin: 0;
}
p {
  margin: 20px 0 0 0;
}

.twoColFixRt #container { 
  width: 948px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  background: #FFFFFF;
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #666;
  text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRt #sidebar1 {
  float: right; /* since this element is floated, a width must be given */
}
.twoColFixRt #footer {
  margin:0 auto;
  background-color: #fff;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 0.7em;
}
#mainContent {
  width: 948px;
  min-height: 200px;
}
#mainContent p {
  font-size: 0.8em;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* HEADER */
 #header.second {
  height: 104px;
/*  background-image: url(../images/bg_top.gif);*/
}
#logo.second {
  display:inline;
  float:left;
  height:52px;
  padding-left:49px;
  padding-top:25px;
  width:224px;
}
#header form { display:inline }
#header #top .advancedsearch {
}
#header #top .advancedsearch a {
  color: #35261b;
  text-decoration: none;
  margin-left: 150px;
}
#header #top .advancedsearch a:hover {
  color: #a55610;
}
#header #top .links {
  width: 500px;
}
#header.home #top .links {
  position:relative;
  right: 0;
  width: 200px;
}

#header #top input {
  margin-right: 20px;
}
#logo #nav-home input,
#header #top input {
  background-color:#E7E4D7;
  width: 115px;
  margin-left: 5px;
  color: #35261B;
  font-size: 11px;

}
input.search {
  padding:3px 3px 3px 20px;
  border:1px solid #5C412F;
  background:no-repeat scroll 2px 50%;
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
}

#logo #nav-home select,
#header #top select {
  border:1px solid #5C412F;
  background: #E7E4D7;
  color: #35261B;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#nav-home .advancedsearch a:hover,
#top .links a:hover,
#header #top .advancedsearch a:hover {
  color: #a55610;
}


/* FOOTER */
#footer {
  text-align: left;
  width: 888px;
  padding: 10px 10px 10px 50px;
}
#copyright {
  width: 100px;
  display: inline;
  position: relative;
  bottom: 30px;
  left: 30px;
}
#admin-login{
        float:right;
        text-align:right;
  bottom:30px;
  position:relative;
/*  width:150px;*/
}
div#admin-login input {   
  font-size:8pt;
}

div#admin-login input.submit { 
 text-decoration:none;
 border:0px;
 background-color:transparent;
}


#footerlinks {
  padding: 10px 20px 10px 50px;
}
#footer img {
  padding-right: 10px;
}

#admin-login a,
#copyright a {
  color: #35261B;
}
#admin-login a:hover,
#copyright a:hover {
  color: #a55610;
}
/* NAV BAR */
table.navBar {
/*  background-image:url(../images/bg_navbar.gif); */
  background-repeat: repeat-x;
        background:#5e95c1;
  height: 34px;
  width: 948px;
  display: block;
}
table.navBar td.selected a {
  color: #0b2a45;
}

table.navBar a { 
        color: #a9c0d7;
}

/* NAV FILTER */
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}
#navlist li
{
    display: inline;
    padding: 0 0.1em 0 0.1em;
    margin: 0 0.1em 0 0.1em;
}
#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: " "; }

/* HOME PAGE */
#header.home {
  height: 448px;
  width: 948px;
  border-bottom: 6px solid #4e82a9;
}
#logo.home {
  width: 381px;
  height: 403px;
  float:left;
  display: inline;
/*  background-image: url(../images/bg_logo_home.gif);*/
  }
#logo.home img {
  margin-top: 160px;
  margin-left: 50px;
}
#photo.home {
  float: right;
  height: 403px;
  width: 567px;
}
#photo.home .caption {
  height: 45px;
  z-index: 20;
}
#nav-home {
  margin-left:50px;
  margin-top:70px;
}
#nav-home .advancedsearch {
  font-size: 0.7em;
}
#nav-home .advancedsearch a {
  color: #35261b;
  text-decoration: none;
  margin-left: 150px;
}
#top.home {
  height: 45px;
/*  background-image: url(../images/bg_top_home.gif);*/
        background:#e8e1d5;
}
#top .links {
  float: right;
  font-size: 0.7em;
  padding-top: 20px;
  padding-right: 20px;
}
#top .links a {
  color: #35261b;
  text-decoration: none;
        padding: 0px 3px;
}
td.caption {
  background-color:#000;
  color:#fff;
  font-size:0.8em;
  opacity:0.7;
  filter:alpha(opacity=80);
  padding:10px 40px;
}
td.caption a {
  color: #fff;
  text-decoration: none;
  opacity: 1.0;
}
td.caption a:hover {
  color: #d36f19;
  text-decoration: none;
  opacity: 1.0;
}
td.clearspace {
  height: 88%;
}

div.feature {
  width: 259px;
  margin-top: 41px;
  margin-left: 50px;
  margin-bottom: 30px;
  color: #2f6390;
  display: block;
  float:left;
}
div.feature a {
  color: #2f6390;
  text-decoration: none;
}
div.feature a:hover {
  color: #0a2944;
  text-decoration: none;
}

div.feature img {
  border: 1px solid #274b64;
  margin-bottom: 10px;
}

div.feature p {
  font-size: 0.9em !important;   /* FIXME: why is important required? what's overriding? */ 
  margin: 0;
}
td.chronicle {
  color: #c8d6e4;
  font-size: 1.2em;
  width: 380px;
  padding: 5px 0 0 50px;
}
td.link {
  font-size: 0.9em;
  color: #a9c0d7;
  padding-top: 5px;
  white-space: nowrap;
}
td.divider {
  padding: 3px 10px 0 10px;
}
td.browse {
  color: #c8d6e4;
  font-size: 0.8em;
  padding-top: 5px;
  width: 90px;
}


div.mainContent {
/*  width: 510px;*/
  display: block;
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 45px;
  font-size: 0.9em;
  line-height: 1.3em;
}


/*LANDING PAGE */
div.landing {
  margin-right: 300px;  /* make room for sidebar */
}
#sidebar {
  width: 260px;
  float: right;
  background: none;
        padding: 0px 20px 50px 20px;
}
div.landing h1 {
  display: inline;
}
#sidebar .feature {
  margin-top: 0;
  margin-bottom: 20px;
  margin-left: 0;
}
#sidebar .feature p {
  font-size: 0.8em;
}

td.link a {
  color: #fff;
  text-decoration: none;
  font-variant: small-caps;
}
td.link a:hover {
  color: #0a2944;
}
td.link a.active {
  color: #0a2944;
}
#colLeft {
  float: left;
  width: 310px;
  padding-left: 30px;
  padding-top: 20px;
}
#colRight {
  float: right;
  width: 450px;
  min-height: 500px;
  padding-top: 20px;
}

div.photoDetail { 
/*  margin-right:550px;*/  /* needed, or just wrap around float? */
}
div.contentDetail {
}


div#sidebar.photo {
  width: 450px;
  padding-bottom: 50px;
  padding-right: 50px;
}

div#sidebar.video {
  width: 320px;
  padding: 0px 20px 20px 20px;
}
#sidebar .link {
  text-align: right;
  font-size: 0.7em;
  padding-top: 10px;
}
.permalink {
  font-size: 0.6em;
}
.permalink a {
  color: #666;
}
.icon {
  float: left;
  padding-right:2px;
}
a.icon  { float:right; }
a.icon img, img.icon { border:0px !important; }
.download {
  font-size: 11px;
  clear:left;
}
span.filesize { 
  font-size: 10px;
}

/*BROWSE PEOPLE */
select {
  border:1px solid #666;
  background: #eee;
  color: #666;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#browsetype {
  display: block;
  margin-top: 30px;
  width: 677px; 
}
#browsetype .dropdown {
  display: inline;
  width: 200px;
}
.pagination {
  display:inline;
  float:right;
  font-size:0.9em;
  text-align:right;
  width:150px;
  height:35px;             
}
#browsetype .pagination .selected {
  color: #000;
  font-weight: bold;
}
#chunked_browse {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 0.8em;
  font-weight: bold;
}
#chunked_browse a {
  color: #fff;
  background-color: #9bb8d3;
  padding: 3px 6px;
  text-decoration: none;
}
#chunked_browse a:hover {
  background-color: #0b2943;
}
.browsechunk {
  border-top: 1px solid #999;
  padding-top: 10px;  
}
.browsechunk h1 {
}
.browsechunk .return {
  float: right;
  font-size: 0.8em;
}
.browsechunk ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
                           }
.browsechunk li {
/*  font-size: 0.8em;*/  /* FIXME: why so small? */
  margin-left: 0;
  padding-left: 0;
}
.browsechunk .counter {
  color: #666;
  padding-left: 5px;
}

/* TABLES */
table.record_list {
  border-collapse:collapse;
  font-size: 11px;
  margin-top: 10px;
  border-bottom: 1px solid #999;
}
table.record_list a:hover {
  color:#0A2944;
} 
table.record_list th {
  background-color: #9bb8d3;
  padding: 5px;
}
table.record_list th a {
  color: #fff;
}
table.record_list th.active {
  color: #2f6390;
/*  background: url(../images/selected.gif) no-repeat center left #9bb8d3;*/
  background: no-repeat center left #9bb8d3;
  padding-left: 10px;
}

table.record_list th.title { 
  width:286px;
}
table.record_list th.content-type { 
  width:180px;
}
table.record_list th.country { 
  width:150px;
}
table.record_list th.date { 
  width:58px;
}

table.record_list td img {
  border: 1px solid #333;
}
table.record_list td {
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: 1px solid #999;
  font-size: 13px;
}
table.record_list td.title a {
  font-weight: bold;
  display: block;
}
table.record_list td.title  {
  padding-right: 20px;
}

th.thumbnail {
  width:125px; 
}

div.thumbnail { 
  background:no-repeat 2px 5px;
  width:125px;
  height:70px;
}

td.relevance { 
  width:2.25cm;
  text-align:right;
}
div.relevance { 
 float:right; 
 border:1px solid #0a2944;
 width:2cm;
 height:8px;
 background-color:#eeeeee;
}
div.relevance div.score { 
 max-width:2cm;
 float:right;
 background-color:#2f6390;
 height:8px;
}



form.transcript { clear:both }

/* customize lightbox styles */
#dojoxLightboxDialog { }
#dojoxLightboxDialog_underlay {}

th.recordinfo { width: 175px; }
td.recordinfo { border-left: 1px solid #999; padding-left: 5px; }
div.recordinfo p { margin:0px;  }
p.has_note { color: red; }
div.item {  border-bottom: 1px solid #999; }


/* admin links */ 
div#toolbar { 
 background:#d06f19; 
 padding:2px;
 color:white;
}
div#toolbar a { 
 color:white;
 font-weight:bold;
 text-decoration:none;
 border-right:1px solid white;
 padding:0px 5px;
 font-size: 0.8em;
 text-transform:uppercase;
}
div#toolbar a:hover {
 color: #0a2944;
}

div#toolbar form { display:inline; }
div#toolbar input { font-size:8pt; }
div#toolbar input.button { 
 color:#fff;
 text-decoration:none;
 text-align:left;
}
div#toolbar input.search { 
 background-color:white;
}

input.button { 
 border:0px; 
 padding:0px;
 background-color:transparent;
 text-decoration:underline;
}

p.rights { 
 font-size:90%;
 font-style:italic;
 padding:5px;
 margin-top:0.25in;
}


div#advsearch input, div#advsearch select { margin-left:4.25em; }
div#advsearch select#any { margin-left:0px; }

p.byline { margin-left:1in; }

div#about { margin-top:0.25in; }

div.breadcrumb { padding:3px 3px; font-size:85% }

div.back { padding:0px 3px; font-size:85% }

span.new { 
/* border:1px solid black;*/
 color:#bc0d0d;
 font-style:italic;
 font-weight:bold;
 float:right;
 margin:0px;
 padding:0px;
 text-transform:uppercase;
 font-family: Arial, Helvetica, sans-serif;
}