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

/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 110%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

/* CSS start */
body {background: #fff url(../img/bg-grain.jpg) repeat-x scroll 0 0;}


/* Containers */
#container {width:995px;margin:0 auto;padding-bottom:10px;position:relative;}

#c-search {width:599px;float:right; margin-right:60px;clear:both;margin-top:-69px;/*border:1px solid #F00;*/}

#c-zones {border:10px solid #fff;width:599px;float:right;margin:25px 53px 0 0;background-color:#fff;clear:both;}

#brand {height:1px;width:1px;border:1px solid #F00;}

body, input, select, textarea {font-family:helvetica,arial,sans-serif;font-size:84%;}

a {color:#006699;text-decoration:none;}

a:hover, a:focus {color:#5D9100; text-decoration:underline;}

noscript div, div#cookie-warning {background-color:#ffcc00;padding:.3em;}

#js-warning div, div#cookie-warning {background-color:#ffcc00;padding:.3em;}  /* IE from 7Up */

/*Skip links*/
#skip a, #skip a:hover, #skip a:visited
{
	color:#000;
	padding:0 0.3em;
	font-weight:bold;
	font-size:1.1em;
	position:absolute;
	right:1.7em;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	background-color:#DCEF9B;
	border:1px solid #C0DD5D;
}

#skip a:active, #skip a:focus
{
	position:absolute;
	right:1.7em;
	top:0.3em;
	width:auto;
	height:auto;
}

/*NLA branding*/
.nla {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	/*background:#000000 url(../img/nla.gif) no-repeat scroll 0 0;*/
	background: #000;
	height:22px;
	margin:0 0 4px 0;
	overflow:hidden;
	/*position:absolute;*/
	/*text-indent:-9999px;*/
	width:100%;
}

.nla a {
	display:block;
	height:20px;
	width:350px;
}

	/* navigation global */
#navglobal, #navfooter {float:right; font-size:0.85em; margin-right:15px;}
#navglobal li, #navfooter li {float:left;padding-left:1.3em;}

#navaccount {float:right;clear:both;margin:0.8em 15px 20px 0;}


#navaccount span {color:#666;font-size:0.85em;}

#navaccount a, #navaccount .userprofile {
    -moz-border-radius: 5px;
	border-radius: 5px;
    background-color: #005599;
    color: #fff;
    display: inline-block;
	font-weight:bold;
    padding: 0.3em 0.7em;
    font-size:0.85em;
}

#navaccount .userprofile {background-color:#006FBA;margin-right:.5em;}

#navaccount .signedin, #navaccount .login {background: #005599 url("../img/icon-user.gif") no-repeat scroll 0.5em center; margin-right:.5em;padding-left:2.2em;font-weight:normal;}

#navaccount .login {font-weight:bold;}

#navaccount .logout {
    -moz-border-radius: 0;
    color:#005599;
    font-weight:normal;
    background: none repeat scroll 0 0 transparent;
    padding: 0.3em 0;}

#footer {text-align:right;clear:both;}


.trove, .tagline {
    text-indent: -9999px;
	display:inline;
	width:1px;
	height:1px;
	font-size:1px;
	float:left;
}


.logo {margin:0 0 32px 21px;padding-top:40px;display:block;}

.catchphrase {font-size:1.25em;margin-bottom:20px;line-height:1.3;letter-spacing:0.01em;}

	/* Search form */
#search {position:relative;}

#primarysearchbox {
    border: 1px solid #666666;
    color: #000000;
    font-size: 2em;
    margin: 0;
    padding: 0.1em 0;
    width: 450px;
	height:27px;
}

#btnsearch {
	  width: 135px;
	  /*height: 35px;*/
	  text-align: center;
	  margin: 0 0 0 0.3em;
	  padding: 4px 0 5px 0;
	  /*background: transparent url(../img/btnsearch-main.jpg) no-repeat 0 0;
	  text-indent: -9999em;*/
	  background: #476D30;
	  background-image: linear-gradient(-180deg, #689051 30%, #476D30 47%);
	  border: 1px solid #3E6628;
	  border-radius: 9px;
	  font-family: helvetica,arial,sans-serif;
	  font-size: 22px;
	  letter-spacing: 1.2px;
	  color: #FFFFFF;
	  cursor: pointer; /* hand-shaped cursor */
	  cursor: hand;/* for IE 5.x */
	  /*vertical-align:bottom;*/
	  position:absolute;
	  top:0;
	  right:0;
}

#btnsearch:hover, #btnsearch:focus {
	  /*background: transparent url(../img/btnsearch-main.jpg) no-repeat 0 -35px;*/
	background: #85AC6D linear-gradient(-180deg, #85AC6D 30%, #658B4E 47%);
}

#btnsearch:active {
	  /*background: transparent url(../img/btnsearch-main.jpg) no-repeat 0 -70px; */
	background: #486E31 linear-gradient(-180deg, #486E31 30%, #57853A 47%);
}

#c-search .psml {padding-left:0;margin:0;font-size:0.85em;}



.txtright {text-align:right;}
.txtcenter {text-align:center;}
.normal {font-weight:normal;}

#searchoptions li {float:left; width:24%;}

#searchoptions label, .notinput {font-size:0.85em;}

.notinput {line-height:1.7;}

/* Zones */
.m-r1 {margin-right:1px;}
.m-t1 {margin-top:1px;}


#c-zones li {float:left;line-height:1;overflow: hidden;}

#c-zones a .z-title {letter-spacing:0.04em;color:#fff;font-size:0.9em;display:block;min-height:36px;width:284px;background-color:#232323;padding:3px 4px 0 4px;border-left:7px solid #999;opacity:0.9;filter:alpha(opacity=90);}

.newspapers, .zone {
	background:url(../img/z-newspaper@2x.jpg) no-repeat 0 0;
	background-size: 299px 200px;
	width:299px;
	min-height:100px;
	position:relative;}

	.zone {width:149px;} /* Set zone li width for other zones */

	 /* Set color bg images for li's */
	.gazette {background:url(../img/z-gazette@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.journals {background:url(../img/z-journal@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.books {background:url(../img/z-books@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.pictures {background:url(../img/z-pictures@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.music {background:url(../img/z-music@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.maps {background:url(../img/z-maps@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.collection {background:url(../img/z-collection@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.website {background:url(../img/z-website@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.people {background:url(../img/z-people@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}
	.list {background:url(../img/z-lists@2x.jpg) no-repeat 0 0;background-size: 149px 200px;}


.newspapers .z-desc {display:none;background-color:#444;min-height:36px;width:292px;color:#F2F2F2;font-family:Arial, Helvetica, sans-serif;letter-spacing:0.04em;font-size:0.8em;padding:3px 4px 0 4px;position:absolute;top:0; right:0;line-height:1.4em;opacity:0.9;filter:alpha(opacity=90);}


.zone a {
	display:block;
	width:149px;
	height:100px;} /* Set zone a height & width for other zones */

#c-zones .newspapers a {
	display:block;
	background:url(../img/z-newspaper.jpg) no-repeat 0 -100px;
	background: rgba(200, 200, 200, 0.5);
	width:299px;
	min-height:100px;
	line-height:1.2;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;}

	/* Set zone backgrounds for links */

	#c-zones a {
	background:url(../img/z-collection.jpg) no-repeat 0 -100px;
	background: rgba(200, 200, 200, 0.5);
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;}

	 /* Set color bg images for a's */
	#c-zones .gazette a {background:url(../img/z-experimental.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .journals a {background:url(../img/z-journal.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .books a {background:url(../img/z-books.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .pictures a {background:url(../img/z-pictures.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .music a {background:url(../img/z-music.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .maps a {background:url(../img/z-maps.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .collection a {background:url(../img/z-collection.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .website a {background:url(../img/z-website.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .people a {background:url(../img/z-people.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}
	#c-zones .list a {background:url(../img/z-lists.jpg) no-repeat 0 -100px; background:rgba(200, 200, 200, 0.5);}

#c-zones .newspapers a:hover, #c-zones .newspapers a:focus {
	background:url(../img/z-newspaper.jpg) no-repeat 0 0;
	background: rgba(125, 125, 125, 0);
	}

#c-zones .gazette a:hover, #c-zones .gazette a:focus {background:url(../img/z-experimental.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .journals a:hover, #c-zones .journals a:focus {background:url(../img/z-journal.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .books a:hover, #c-zones .books a:focus {background:url(../img/z-books.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .pictures a:hover, #c-zones .pictures a:focus {background:url(../img/z-pictures.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .music a:hover, #c-zones .music a:focus {background:url(../img/z-music.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .maps a:hover, #c-zones .maps a:focus {background:url(../img/z-maps.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .collection a:hover, #c-zones .collection a:focus {background:url(../img/z-collection.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .website a:hover, #c-zones .website a:focus {background:url(../img/z-website.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .people a:hover, #c-zones .people a:focus {background:url(../img/z-people.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}
#c-zones .list a:hover, #c-zones .list a:focus {background:url(../img/z-lists.jpg) no-repeat 0 0; background: rgba(125, 125, 125, 0);}


/* other zones */
.zone, #c-zones a {width:149px;min-height:100px;}
#c-zones .zone .z-title {width:134px;font-size:0.9em;line-height:1.3;letter-spacing:0.03em;}
/*.z-title {border:1px solid #F00;}*/




/*#c-zones .collection a:hover, #c-zones .collection a:focus {
	background:#fff url(../img/z-collection.jpg) no-repeat 0 0;
}*/


#c-zones a:hover .z-title, #c-zones a:focus .z-title {background-color:#000;border-left:7px solid #85CC56;float:none;}
/*.newspapers .z-desc:hover {opacity:1;filter:alpha(opacity=1);}*/

/* Panels - left column */
.panel {
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #DFE0DE;
	background-color:#F7F7F7;
	width:242px;
	padding:8px 10px 0 10px;
	margin:12px 0 0 20px;
	color:#111;
}

.panel h2, #views h3 {line-height:0.8;font-size:1.3em;letter-spacing:0.01em;}

.panel h2 a {color:#3a3a3a;}

.panel ul, .panel p, .alert ul, .alert p {line-height:1.6;font-size:0.85em;padding-left:0.5em;}

.alert {
	border:1px solid #FEE89E;
	background-color:#FDF3BC;
}

.info {
	border: 1px solid #bcdff1;
	background-color: #d9edf7;
}

p.pdesc {font-size:1em;}

.panel p, .panel ul {line-height:1.6;margin-bottom:0.6em;}

.panel p, .alert p {line-height:1.3em;}

.grey {background-color:#EFEFEF;}

/* Views */
.offscreen {text-indent:-9999px;}

#views {position:relative;/*text-align:center;*/float:right;clear:both;width:599px;margin:1em 60px 1em 0;}

#views div.heading-container {float:left;width:140px;}

#views h3 {float:right;margin:.5em .5em .2em 0;line-height:1;/*margin:.5em 0 0 3.4em;line-height:1;padding-bottom:.1em;*/}

#views ul {float:right;margin-left:0;/*width:450px;*/}



#views li.aww, #views li.donate a  {float:left;background:url(../img/views/aww/badge1.png) no-repeat 0 -60px;width:151px;height:50px;margin:0;}

#views li.aww {margin-right:225px;}

#views.show li.aww {margin-right:0px;}

#views li.donate {display:none;}

/* Add .show to #view to enable donate button */
#views.show li.donate {display:block;background:url(../img/views/donate/badge-donate.png) no-repeat 0 -60px;float:right;margin-left:150px;}




#views li.aww a {display:block;width:151px;height:50px;text-indent:-9999px;
		background:url(../img/views/aww/badge1.png) no-repeat 0 0px;
		background:rgba(180, 180, 180, 0.4);
		-webkit-transition: background 0.5s linear;
		-moz-transition: background 0.5s linear;
		-o-transition: background 0.5s linear;
		transition: background 0.5s linear;}

#views li.donate a {background:url(../img/views/donate/badge-donate.png) no-repeat 0 0px;} // Remove display:none; to show donate button
#views li.donate a:hover {background:none;}

#views li.aww a:hover, #views li.aww a:focus {background:url(../img/views/aww/badge1.png) no-repeat 0 -60px; background: rgba(125, 125, 125, 0);}

// Environment Ribbon - https://css-tricks.com/snippets/css/corner-ribbon/
.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 9999999;
  pointer-events: none;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: absolute;
  padding: 7px 0;
  right: -25px;
  top: 40px;
  width: 80px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  pointer-events: none;
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

