/***************************************************************************
*                                                                          *
* contented7 - An open source xhtml/css website template by Contented      *
* Designs.  You're free to modify it and use it for any purpose without    *
* cost or obligation. We'd prefer that you leave the link to our website   *
* in the footer but it's not required.                                     *
*                                                                          *
* If you have comments or questions, please contact us at                  *
* http://www.ContentedDesigns.com. Thanks!                                 *
*                                                                          *
* Version: 1.00 (May 23, 2006)                                             *
***************************************************************************/



/*
** HTML elements
*/
body {
  background: #deddc1; /* XXXMatt #EEEEEE */
  color: #333333;
  font: 83% Verdana, Tahoma, Arial, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, 
p, pre, blockquote, label, 
fieldset, address { 
  margin: 0.75em 0;
}
h1 { font-size: 200%; }
h2 { font-size: 139%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
a {
  color: #204361; /* XXXMatt original #cc6633 */
  font-weight: normal;
  text-decoration: none;
}
a:hover {
  /* color: #CC6633; */
  font-weight: normal;
  text-decoration: underline;
}
.cat-item {
	list-style: none;
}

.content a {
	font-weight: bold;
}
.content a:hover {
	font-weight: bold;
	text-decoration: underline;
}
pre {
  background: #CCCCCC;
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 0.75em 1.5em;
}
textarea {
  width: 100%;

}

/*
** Page layout blocks / IDs
*/
#page {
  background-color: white;
  text-align: left;
  width: 760px;
  margin: 0px auto;
}

#XXXfooter {
  position: relative;
  width: 100%;
  text-align: center;
  /* display: block; 
  float: left; */
  padding: 0;
  margin: 0;
}

#XXXfooter {
  color: #333333;
  background: #EEEEEE;
  border-top: 3px solid #CC6633;
  font-size: 80%;
  line-height: 1.5em;
  margin: 10px 0;
  text-align: center;
}

#header {
  position: relative;
  background: #204361;
  width: 100%;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}
#header #header-pic {
  
  width: 100%; 
  height: 181px; 
  background:url('img/header2011.jpg') no-repeat bottom; 
  float:left; 
  padding: 0;
  display: block;
  margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0
  }

#header #header-pic2 {
  
  width: 100%; 
  height: 181px; 
  background:url('img/header2011_kids.jpg') no-repeat bottom; 
  float:left; 
  padding: 0;
  display: block;
  margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0
  }


#content {
  position: relative;
  background-color: white;
  /* width: 100%; XXXMatt was */
  /* width: 759px; */
  display: block;
  float: left;
  padding: 0 0 10px 0;
  margin: 0;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

#header a, #header a:hover {
  background: #204361;
  color: #EEEEEE;
  text-decoration: none;
  text-align:center;
}

#logo         {
  /* clear: both; */
  /* float: left; */
  text-align: left;
  /* margin: 10px 10px 0 10px; XXXMatt. */
}
#logo img {
  display: block; 
}

#header h1.site-name {
  margin: 10px 0 0 0;
}
#header h1.site-name a {
  font-weight: bold;
  margin: 0 0 0 10px;
}
#header h1.site-name a:hover {
  text-decoration: underline;
}
#header .site-slogan {
  background: #CC6633;
  color: #EEEEEE;
  font-size: 83%;
  margin: 0.5em 0 0 10px;
}
#header #headerlink {
  /* display: block; */
  /* float: left; */
  /* clear: both; */
  /* width: 100%; */
}

#spacer {
  position: relative;
  clear: both;
  
  background-color: #3574aa;
  /* background-color: #6d8d8b;  */
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.welcome-message {
	text-align: center;
	width: 549px;
	padding: 2px 0 2px 0px;
	font-weight: bold;
	font-size: 1.3em;
	color: #204361;
  	background-color: #deddc1;
}

#spacer .welcome-message-blank {
  /* border-top: 1px solid white; */
}
#primary {
  clear: both;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 5px;
  /* border-bottom: 1px solid white; */
}

#primary ul {
  color: white;
  /* background: #CC6633; */
  background-color: inherit;
  /* float: left; */
  /* clear: both;  */
  /* display: block; */
  /* margin: 10px 0 4px 0; XXXMatt */
  margin: 5px 0 0 0;
  padding-bottom: 2px;
  list-style: none;
  vertical-align: text-bottom;
  /* text-transform: uppercase; */
}
#primary ul li  {
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* float: left; */
}
#primary ul li a {
  color: white;
  background-color: #204361; /* #CC6633; */
  /* display: block; */
  margin: 0px 5px 0px 0px;
  padding: 2px 8px 0px 8px;
}
#primary ul li a:hover, 
#primary ul li a.active {
  background-color: #3574aa;
  /* background-color: #6d8d8b; */
  border: 1px solid white;
  margin: 0px 5px 0px 0px;
  padding: 2px 7px 6px 7px;
}

#secondary { 
  clear: both;
  text-align: center;
  padding-top: 2px; 
  padding-bottom: 0px;
  padding-left: 5px;
  /* text-transform: uppercase; */
  border-bottom: 1px solid white;
}

#secondary ul {
  color: white;
  background-color: inherit;
  /* float:left; */
  /* clear: both; */
  /* display: block; */
  /* margin: 10px 0 4px 0; */
  margin: 5px 0 0 0;
  padding-bottom: 2px;
  list-style: none;
  vertical-align: text-bottom;
}

#secondary ul li  {
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* float: left; */
}
#secondary ul li a {
  color: white;
  background: #204361;
  /* display: block; */
  margin: 0px 5px 0px 0px;
  padding: 3px 8px 0px 8px;
}

#secondary ul li a span {
  color: red;
}
#secondary ul li a:hover, 
#secondary ul li a.active {
  background-color: #3574aa;
  /* background-color: #6d8d8b; */
  border: 1px solid white;
  margin: 0px 5px 0px 0px;
  padding: 2px 7px 6px 7px;
}



#mission {
  background: url('images/quote.png') top left no-repeat;
  color: #999999;
  font-style: italic;
  margin: 10px 0;
  padding: 0.5em 0.5em 0.5em 2em;
}
#mission a, #mission a:visited {
  color: #FF9966;
}
.messages {
  border: 1px solid #999999;
  padding: 0.5em;
  padding-left: 5px;
}
.error {
  border-color: red;
}
#maincontent {
  width: 545px; /* was 540 */
  padding: 0px 0px 0px 0px;
  margin: 0;
  float: left; /* XXXMatt: needed */
  clear: both;
  /* border: 1px solid red; */
}
#maincontent .breadcrumb {
	font-size: 75%;
	font-weight: normal;
	padding: 2px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
#maincontent .breadcrumb a {
	margin: 4px 0px 0px 0px;
	font-weight: normal;
}

#maincontent h1.title {
  font-size: 1.1em;
  padding-left: 5px;
  text-align: left;
  color: #ff6600;
  /* margin: 15px 0 15px; */
  font-weight: bold;
  letter-spacing: -1px;
}

#maincontent p {
 padding: 0 5px 0 5px;
}

#maincontent hr {
	height:1px;
	border-top:0;
	border-color: #204361;
}

#maincontent .hideme {
  display:none;
}

#sidecontent {
  color: #FFFFFF;
  /* background-color: #004a48; */
  /* background-color: #6d8d8b; */
  background-color: #3574aa;
  font-size: 90%;
  padding: 0px 0px 0 0px; /* XXXmatt gap between divs. */
  margin: 0;
  width: 209px;
  float: right;
  /* 
  border-right: 1px solid #6d8d8b;
  border-left: 1px solid #6d8d8b;
  border-bottom: 1px solid #6d8d8b;
  */

}
#sidecontent ul {
  color: white;
  margin: 0.25em;
}

#sidecontent li {
  padding: 5px 0 0 0;
}
#sidecontent ul li a {
  color: white;
  text-decoration: none;
  padding: 0 -40px 0 5px;
}

#sidecontent ul li a:hover {
  text-decoration: underline;
}

#sidecontent ul li a:hover,
#sidecontent ul li a.active {
  background-color: #3574aa; 
  /* background-color: #6d8d8b; */
  /* border: 1px solid white; */
  /* margin: 0px 5px 0px 0px; */
  /* padding: 2px 7px 2px 7px; */
      
}

#sidecontent #search-theme-form {
  margin: 10px 0 0 0;
}

#sidecontent .blockhead-2, #sidecontent .blockhead-3, #sidecontent .blockhead-0 {
  background-color: #204361;
}

#sidecontent .title a {
  color: white;
}

#sidecontent .content p {
  color: white;
}

#sidecontent .content p.center {
  text-align: center;
}

#sidecontent .content p a {
  color: white;
}

#sidecontent .chronodata, #sidecontent .tagdata, #sidecontent .title {
  display: none;
}

#sidecontent .block-views .blockhead-0, .block-views .blockhead-1 {
  background-color: #204361;
  font-weight: normal;
  text-decoration: none;
  padding: 5px 0 5px 5px;

}

/*** SIDEBARS ***/
.sidebar {width:209px; float:right; margin:10px 0 0 0px;  border-bottom: 0px solid black;
  border-right: 0px solid black;
}
<!--
.sidebar a {font-weight:bold;}
.sidebar h2, caption{font:18px Georgia, "Times New Roman", Times, serif; text-align: left; padding: 2%; letter-spacing:1px; border: #204361 solid 1px; background: #204361; width: 2050px; color:white; margin:0 0 0 -10px;}
.sidebar ul {list-style:none; padding:2px; margin:0 0 10px 0;}
.sidebar ul ul {margin:0 0 0 5px;}
.sidebar ul ul a {font-weight:normal;}
.sidebar ul li {margin:4px 0 4px -20px; color:#444;}
-->
/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.submitted {
  color: #999999;
  font-size: 0.8em;
}
.links {
  color: #999999;
}
.block, .box {
  padding: 0 0 1.5em 0;
}
.block {
  /* margin: 10px 1px 0px 0px; */
  margin: 0 0 10px 0;
  padding: 0px 0px 0px 0px;
  /* border: #CCCCCC solid 1px; */
}
/* .block-1 { border: #204361 solid 1px; }
.block-2 { border: #204361 solid 1px; }
.block-3 { border: #204361 solid 1px; }
.block-0 { border: #204361 solid 1px; } */
.blockhead {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 2px 8px;
  color: white;
}

.blockhead-1 {
  /* background-color: #204361;
  padding-top: 2px;
  padding-bottom: 5px; */
  font-weight: bold;
  text-decoration: underline;
  /* border-bottom: 1px solid #ffffff; */
  /* XXXMatt staff don't want the "Search the Catalogue" text underlined. */
  /* text-align: center; XXXMatt too far over. check padding on span */
}

/* 
.blockhead-1 { background: #204361; }
*/
#sidecontent .blockhead-2, #sidecontent .blockhead-3, #sidecontent .blockhead-0 { 
  /* background: #004a48;  */
  padding: 5px 0 5px 5px;
}
/* .blockhead-3 { background: #204361; }
   .blockhead-0 { background: #204361; } 
*/
.blockbody {
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 0px 5px;
}

.box {
  padding-left: 1.5em;
}
.box .title {
  color: #ff6600;
  font-size: 1.1em;
}
.node {
  clear: both;
  margin: .5em 0 1em 0;
}
.sticky {
  /* padding: .5em; */
  /* background: #CCCCCC; */
}
.node .content, .comment .content {
  /* clear: both; */
  margin: .5em 0 .5em 0;
  padding-left: 5px;
}

.node .taxonomy {
  color: #999999;
  font-size: 0.8em;
  padding: 1.5em;
}
.node .picture, .comment .picture {
  border: none;
  float: right;
  margin: 0 0 0.5em 0.5em;
}
.comment {
  border: 1px solid #CCCCCC;
  padding: .5em;
  margin: 0 0 1em 0;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: left;
  color: red;
}
.itemhead2 {
  margin: -10px 0 0 0;
  padding-left: 5px;
}

.itemhead {
  margin: 10px 0 0 0;
  padding-left: 5px;
}
.itemhead .title a {
  /* float: left; */
  color: #204361;
  font-size: 1.0em;
  font-weight: bold;
}
#maincontent .feed-icon {
  margin-left: 10px;
}

#maincontent div.center {
  text-align: center;
}

#maincontent img.floatright {
  float:right;
  margin-left: 1em;
}

#maincontent img.floatleft {
  float: left;
  margin-right: 1em;
}

#maincontent img.floatcenter {
  text-align: center;
}

#maincontent ul.floatright {
  float: right;
  margin-left: 1em;
  padding-right: 1.2em;
}

#maincontent ul.floatleft {
  float: left;
  margin-right: 1em;

}

#maincontent .view {
  padding: 10px;
}
#maincontent .view-content .item-list ul li {
  color: #ff6600;
}
#maincontent .metadata-bottom {
  clear: both;
  margin-top: 25px; 
  border-left: 1px solid #204361; 
  border-bottom: 1px solid #204361;
}



p.footer {
  text-align: center;
}

p.footer a {
	
}

a.editlink {
  float: right;
  width: 16px;
  height: 16px;
  margin: 4px 0 0 !important;
  background: url('images/pencil.png') right center no-repeat;
}
.metadata { /* Time and category for blog entries */
  font-size: smaller;
  clear: left;
  margin: 0px 0 0 0;
  padding: 0px 0 0 0;
  color: #aaa;
  /* line-height: 16px; */
}
.chronodata   {
  padding: 0px 0 2px 5px ;
  /* background: url('images/time.png') left center no-repeat; */
}
.tagdata {
  padding: 2px 0 2px 5px;
  /* background: url('images/tag_blue.png') left center no-repeat; */
}

#comments {
  padding-left: 5px;
}

.commentslink {
  padding: 2px 0 2px 0px;
  /* background: url('images/comment.png') left center no-repeat; */
}
form {
  padding-left: 5px;
}

.form-item input.form-text, .form-item textarea.textarea, 
.description { 
  width: auto; 
  padding: 0; 
} 
.form-item select {
  width: auto;
}
.user-login-block .form-item input {
  width: auto;
} 
table {
  max-width: 100%;
  font-size: 0.8em; 
} 
th {
  letter-spacing: normal
} 
table strong {
  letter-spacing: normal
} 
.node table, .block table {
  font-size: 1em; 
  letter-spacing: normal;
}
#pager {
  display: block;
  margin: 10px;
}
#pager a, #pager a:hover {
  text-decoration: none;
}

.table-memberships {

	border: 1px solid black;
}


.table-memberships td {
	border: 1px solid black;
	/* background-color: white; */
}


.node .image {
  padding: 2px;
  border: 1px solid #204361;
  background-color: #deddc1;
}

.node .image-attach-body {
  float: left;
  margin-right: 1.2em;
}

.image-attach-teaser {
  float:left;
  margin-right: 1em;
  margin-left: 0.2em;
  margin-top: 0.2em;
}

.tips {
	padding-top: 10px;
}

/* overloaded from system.css */
.metadata li a.active {
	  color: #204361;
}

/* don't underline RSS links on site-map */
.site-map .rss:hover {
  text-decoration: none
}

.view-content table {
  margin: 10px;
}


th.active {
 font-size: 1.4em;
}

th.active img {
  padding-left: 5px;
}

td.active {
  font-size: 1.3em;
  background-color: #fff;
}

thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 0px solid #204361;
}

thead th a,
thead th a:hover, 
thead th a.active  {
  font-size: 1.1em;
  text-align: left;
  color: #ff6600;
  font-weight: bold;
  letter-spacing: -1px;
}

/* DearReader styles */
.dr-item { border-bottom: 1px solid #204361; margin: 1em 0 2em 0; }
.dr-nl-title { text-align:center;font-size:1.6em;font-weight:bold; }
.dr-title { font-weight: bold; }
.dr-author { margin: -10px 0 0 0;}
.dr-jacket-header { font-weight: bold; }
.dr-jacket-notes { }
.dr-image {  }

/* XXXMatt. */
/* Staff don't want the text under "Search the Catalogue"
to be underlined. */
#topmenu-1 {

}

* DEFAULTS.CSS *

/* $Id: defaults.css,v 1.2 2006/08/25 09:01:12 drumm Exp $ */

/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */

/* SYSTEM.CSS */

/* $Id: system.css,v 1.21 2006/12/21 16:13:06 dries Exp $ */

/*
** HTML elements
*/
th.active img {
  display: inline;
}
tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Other common styles
*/
.breadcrumb {
  padding-bottom: .5em
}
.error {
  color: #f00;
}
div.error {
  border: 1px solid #d77;
}
div.error, tr.error {
  background: #fcc;
  color: #200;
}
div.warning, tr.warning {
  background: #ffd;
}
div.ok, tr.ok {
  background: #dfd;
}
.item-list .icon {
  color: #555;
  float: right;
  padding-left: 0.25em;
  clear: right;
}
.item-list .title {
  font-weight: bold;

}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
  list-style: disc;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
tr.merge-down, tr.merge-down td, tr.merge-down th {
  border-bottom-width: 0 !important;
}
tr.merge-up, tr.merge-up td, tr.merge-up th {
  border-top-width: 0 !important;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.marker, .form-required {
  color: #f00;
}
.more-link {
  text-align: right;
}
.more-help-link {
  font-size: 0.85em;
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.pager {
  clear: both;
  text-align: center;
}
.pager a, .pager strong.pager-current {
  padding: 0.5em;
}
.tips         {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9em;
}
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
  font-family: inherit;
  font-size: inherit;
  width: 14em;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  width: 8em;
}
dl.multiselect dt, dl.multiselect dd {
  float: left;
  line-height: 1.75em;
  padding: 0;
  margin: 0 1em 0 0;
}
dl.multiselect .form-item {
  height: 1.75em;
  margin: 0;
}

/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label {
  display: inline;
}

/*
** Menus
*/
ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}
ul.menu li {
  margin: 0 0 0 0.5em;
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(../../misc/menu-expanded.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(../../misc/menu-collapsed.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(../../misc/menu-leaf.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}

/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  z-index: 100;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: default;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../../misc/throbber.gif);

  background-repeat: no-repeat;
  background-position: 100% 2px;
}
html.js input.throbbing {
  background-position: 100% -18px;
}

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  height: 1em;
}
html.js fieldset.collapsed * {
  display: none;
}
html.js fieldset.collapsed legend {
  display: block;
}
html.js fieldset.collapsible legend a {
  padding-left: 15px;
  background: url(../../misc/menu-expanded.png) 5px 75% no-repeat;
}
html.js fieldset.collapsed legend a {
  background-image: url(../../misc/menu-collapsed.png);
  background-position: 5px 50%;
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
  display: inline;
}
html.js fieldset.collapsible legend a {
  display: block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
}

/*
** Resizable text areas
*/
.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 9px;
  overflow: hidden;
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
}
html.js .resizable-textarea textarea {
  margin-bottom: 0;
  width: 100%;
  display: block;
}

/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(../../misc/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin-top: 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right;
}

/*
** Formatting for welcome page
*/
#first-time strong {
  display: block;
  padding: 1.5em 0 .5em;
}

/*
** To be used with tableselect.js
*/
tr.selected td {
  background: #ffc;
}

/*
Theme Name: Terrace Bay Public Library
Theme URI: http://www.terracebay.library.on.ca
Description: Terrace Bay Public Library.
Version: 1.1
Author: James Brown
Author URI: http://www.terracebay.library.on.ca
*/

/*** RESET ***/
html, body, ol, ul, li, p, form, input, textarea, select, label, h1, h2, h3, h4 {margin : 0; padding : 0;}

/*** LAYOUT ***/
body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#deddc1; background:url('img/marb009.jpg'); color:#111}
#wrap {width:760px; margin:30px auto;}

/*** LINK ***/
a {text-decoration:none; color:#204361;}
a:hover {color:#333; text-decoration:underline;}
a img {border:none;}


/*** CONTENT ***/
#content {float:left; width:758px; margin:0px 0 0 0; line-height:20px; min-height:900px;}
#content a {font-weight:bold;}
#content h2 {font:12px Verdana, Arial, Helvetica, sans-serif;}
#content h2 a {font-weight:bold;}
#content h3 a {font-weight:normal;}
#content h1 {font:18px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#ff6600; font-weight:normal;}
#content h3 {font:18px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#ff6600; font-weight:normal;}
#content h4 {font:14px Georgia, "Times New Roman", Times, serif;}
#content p { margin:0 0 15px 0;}
#content .post {margin:0 0 20px 10px; float:left; width:536px;}
#content ul, #content ol { margin:0 0 15px 30px;}
#content ul ul, #content ol ol {margin:0 0 0 14px;}
#content p.postmeta {font-size:11px; float:left; width:536px; color:#666; line-height:16px; background:#f9f9f9; padding:5px; border-bottom:1px solid #eee; border-top:1px solid #eee; margin:5px 0 10px 0;}
#content p.postmeta a {font-weight:normal;}
#content .entry a {font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0.5%; width:536px;}
#content .line {border-left: 1px solid black; border-bottom: 1px solid black;  width:536px; }
#content .submitted {font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:grey;}
#content .nav, .alignleft, .alignright {width:536; margin:0px 200px 0px 230px; float:left;}
#content .itemhead ul {list-style:none;}
#content .entry2 a {font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0.5%;   width:536px;}
.fbshare { float:right; width:100px; margin:-2px 0px 0px 0px !important; position: relative; left:30px;}
.addthis_toolbox { float:right; width:245px !important; margin:-2px -40px 0px 0px !important;}
.addthis_toolbox a { width:auto !important; font:auto !important; font-weight:normal !important; margin:0px 0px 0px 0px !important;}
#content .submitted a {font-weight:normal;}
.nothing {width:536px;}
.feed {width:536px;  padding:2%;}
.spacer p {font:12px Verdana, Arial, Helvetica, sans-serif; margin:-15px 0px 0px 0px; padding:5px;}
.addthis_toolbox.addthis_pill_combo {
position:absolute;
right:215px;
width:250px !important;
margin-top: -21px !important;
}
.addthis_toolbox.addthis_pill_combo a {  
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_button_facebook_like {
    margin-top: -2px !important;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}   

/*
/*** SIDEBARS ***/
.sidebar {width:209px; float:right; margin:10px 0 0 0px;}
.sidebar a {font-weight:bold; color:white;}
.sidebar h2 {font:14px Georgia, "Times New Roman", Times, serif; text-align: left; padding: 2%; letter-spacing:1px; border: #204361 solid 1px; background: #204361; color:white; width:200px; margin:0 0 0 -10px;}
.sidebar caption {font:14px Georgia, "Times New Roman", Times, serif; text-align: left; padding: 2%; letter-spacing:1px; border: #204361 solid 0px;  color:white; width:210px; margin:-24px 0 0 -10px;}
.sidebar ul {list-style:none; padding:2px; margin:0 0 10px 0;}
.sidebar ul ul {margin:0 0 0px 10px;}
.sidebar ul ul a {font-weight:normal; }
.sidebar ul li {margin:4px 0 4px -12px; color:white;}
#content .textwidget {color:white; font-weight:normal; padding: 1%;}
#fblike2 iframe {
    width: 185px !important;
    background-color: white;
    border: #204361 solid 1px !important;
    padding: 1%; 
}

#fblike2 .fb_edge_comment_widget iframe {
    width: 185px !important;
}



*/

/*** CALENDER ***/
.calendar_wrap {padding-right: 10px;}
table#wp-calendar {text-align:center; margin:0 -3px 10px; color:black; width:200px; }
table#wp-calendar a { font-weight:bold; color:red;}
table#wp-calendar th { font-weight:bold; color:white;}
table#wp-calendar caption { font-weight:bold; color:black;}
table#wp-calendar td { font-weight:normal; color:black;}

td#prev {text-align:left;}
td#next {margin-left:20px;}

/*** COMMENTS ***/
#comments {margin:20px 0 0 0; }
#comments p {margin:0 0 10px 0; line-height:12px;}
#comments label { margin:0 0 0 10px; font-size:10px;}
#comments ul.commentlist {list-style:none outside; margin:0 0 20px 0;}
#comments ul.commentlist li {border:1px solid #eee; margin:0 0 10px 0; overflow:hidden; background:#f6f6f6;}
#comments ul.commentlist .top  {background:#f6f6f6; height:32px; font-size:10px; border-bottom:1px solid #eee;}
#comments ul.commentlist li p {padding:10px 10px 0 10px; line-height:20px; font-size:11px;}

/*** FOOTER ***/
#footer {float:left; width:760px; margin:10px 0 0 0; padding:5px 0 10px 0; border-top:1px solid #aaa; text-align:center; color:#666;}

/*** FORMS ***/
input#s {width:172px; border-top:1px solid #f6f6f6; border-left:1px solid #f6f6f6; border-bottom:1px solid #aaa; border-right:1px solid #aaa; padding:2px 0 2px 0; color:#444;}
form#commentform { border-top:2px dotted #ccc; background:#f6f6f6; padding:20px; }
input.commenttext { padding:4px; width:200px; font:12px Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:none; border-top:none; }
textarea { padding:4px; width:452px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa; border-top:1px solid #aaa; height:100px; }
input.commentbutton { padding:4px; width:150px; border:1px solid #aaa; color:#aaa; font-weight:bold; }
input.commentbutton:hover { border:1px solid #444; }

/* WP IMAGES */
img.aligncenter,div.aligncenter {display: block;margin-left: auto; margin-right: auto;}
img.alignright {padding:4px; margin:0 0 2px 5px; display:inline;}
img.alignleft {padding:4px; margin:0 5px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/*** CLASSES ***/
code {border:1px solid #ccc; background:#f6f6f6; display:block; padding:10px;}
blockquote{font-style:italic; color:#444;}
.textwidget {color:#444; margin:4px 0 10px 0; line-height:18px; font-size:11px;}

/*** Hide Stats Smiley ***/
img#wpstats{display:none}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}