/* == Imports == */
@import url("reset.css");

/* == Generic == */
body {font:62.5% Calibri, Trebuchet, Verdana, Arial, sans-serif; color:#222; background-color:#76977a;}

	/* -- Headings -- */
	#header-image img {margin:0;}
	h1 {font-size:2.7em;color:#3F543F;}
        #primary h1 {font-weight:bold; margin:5px 0 15px 10px;}
	h2 {font-size:2em;padding:0;font-weight:bold;}
	h3 {font-size:1.4em;font-weight:bold;padding:5px 0px 5px 0px;}
	h4 {}
	h5 {}
	h6 {}

	/* -- Misc Block elements -- */
	p, ul, ol {font-size:1.2em;padding-bottom:5px;line-height:1.25em;}
	    ol {list-style:decimal inside;}
	dl {}
	li {}
	
	/* -- Misc Inline elements -- */
	img {}
	input {margin-top:5px;}
	
	em {font-style:italic;}
	strong {font-weight:bold;}

	/* -- Links -- */
	a {color:#3F543F;text-decoration:none;}
	a:visited {}
	a:hover {text-decoration:underline;}
	a:active {}
	
	.view-items-link {font-weight:bold;font-size:1.5em;margin:0 40px 0 0;}
	
	/* -- Body Classes -- */
	.browse {}
	.item {}
	.show {}
	.summary {}
	.tags {}
	
	/* -- Misc Classes */


#masthead {
   margin: 0px auto auto auto;
   padding: 0;
   height: 77px;
   background: url(http://www.mjcpl.org/images/201.gif); }

#masthead p.quicklinks, #masthead p.quicklinks a {
   margin: 0 0 3px 0;
   padding: 5px 4px 0px 0px;
   font-size: 12px;
   font-family: Veranda, Arial, Helvetica, sans-serif;
   color: #eeeeee;
   text-align: right;
   text-decoration: none; }

#sitename {
   float:left;
   padding:0px 0 0 0px;}

#sitename h1 a {
   float:left;
   margin: 15px 0 1px 5px;
   padding: 0px 0 0px 3px;
   font: normal 28px Georgia, serif;
   color: #fff;
   text-align: left;
   text-decoration: none; }



	.view-items-link {float:right;margin-top:.5em;}
	
	.exhibit-thumbnail {float:left;padding:0 10px 0 0;}
	.odd .exhibit-thumbnail {float:left;padding:0 10px 0 0;}
	.even .exhibit-thumbnail {float:right;padding:0 0px 0 10px;}


	.image {} /* items/browse  */
	
	.description {}
	
	.even {}
	.odd {}
	
	.center-div {width:760px;margin:auto;}
	
		/* Navigation Classes*/
		ul.navigation, ul.pagination_list {font-size:1.3em;}
		
	#site-title {color:#fafafa;font-size:2.5em;clear:both;}
		#site-title a {color:#fafafa;text-decoration:none;float:left;padding:0.1em 0 0px 15px;}
		#site-title a:hover {text-decoration:none;}		

		
		/* Pagination Classes */
		 .pagination {margin:0;float:left;clear:both;border-bottom:1px #d3d6bc solid;width:100%;}
		 .pagination li {padding:.5em 0 .5em .5em;float:left;}
		 .pagination a {color:#686C42;}
		 .pagination a:hover {color:#868D4A;text-decoration:none;}
		 .pagination li.current a {font-weight:bold;}
		 .pagination a.current {font-weight:bold;}
		
		.next {width:175px;float:left;padding:10px 0 10px 15px;margin:0 0px 0 0;background:#758F62;} 
		.previous {width:175px;float:left;padding:15px 0 0 15px;background:#758F62;}
                .next a, .previous a {font-size:1.3em;color:#eee;}
	
		/* Items Classes*/
		.item-file img {float:left;padding:0px;margin:0 0 10px 0;}
		.browse-items-link {}
		
		.featured {}
		
		.element {overflow:hidden;clear:both;padding:5px 0;margin:0 20px 0 20px}
		.element-text {font-size:1.2em;padding-bottom:5px;line-height:1.35em;}
		.element-text p, .element-text li, .element-text ul, .element-text ol {font-size:1em;}
		
		.item {}
		.item-description {}
		.item-img {float:left;padding-right:10px;}
		.items-list {}
		.item-meta
		.items-nav
		.item-pagination {}
                .item-pagination li {display:inline;}
		.item-tags {}
		.item-thumbnail {}
		.item-title {}
		
		.title-list {clear:both;}
		
	
		/* Collections Classes */
		.collection {padding:10px 20px 10px 20px;overflow:hidden;border-bottom:1px #d3d6bc solid;clear:both;}
		.collection {}
		.collection-description {}

                
	
		/* Exhibits Classes */
		.exhibit {padding:10px 20px 10px 20px;overflow:hidden;border-bottom:1px #d3d6bc solid;clear:both;}
		.exhibit-item img {width:150px;height:150px;float:left;padding:0 0px 30px 36px;}
		.exhibit-description {}
		.exhibit-tags {}
	
		/* Microformats Classes */
		.hentry {}
		
		/* Search Classes */
		.no-results {}
		
		/* Tags Classes */
		.tags {}

		/* Tag Clouds */
		.hTagcloud ul {list-style:none;padding:10px 20px 10px 20px;}
			.hTagcloud li {display:inline;}

			.popular a {font-size:120%;}
			.v-popular a {font-size:140%;}
			.vv-popular a {font-size:180%;}
			.vvv-popular a {font-size:220%;}
			.vvvv-popular a {font-size:260%;}
			.vvvvv-popular a {font-size:300%;}
			.vvvvvv-popular a {font-size:320%;}
			.vvvvvvv-popular a {font-size:340%;}
			.vvvvvvvv-popular a {font-size:360%;}


/* == Wrap == */
#wrap {}

/* == Header == */
#header {background:#76977a;}
#header .center-div {background-color:#333;overflow:hidden;}

div#search-box {float:right;padding:0 .55em 0 0;}
div#search-box a {margin:3px 0 2px 0;float:right;color:#fff;}

/* == Content == */

	/* Structure */
	#content {background:#fff;padding:15px 0 15px 0;overflow:hidden;}
		#primary {width:760px;margin:auto;float:none;padding:0;clear:right;}
		#secondary {float:left;margin-left:15px;width:185px;margin-top:.5em;background:#D3D6BD;padding:5px;}
		#tertiary {width:760px;margin:auto;float:none;padding:0;clear:both;}
		#tertiary img {display:block;margin:auto;padding:10px 0;}
		
	/* General */
	#login-status {float:right;color:#D5D2B8;padding:10px .55em 0 0;}
	#objects {}
	#featured-item {margin: 0 0 0 -20px;}
	#featured-item  a {
		display:block; float:left;
		width:520px;
		overflow:hidden; position:relative;
		z-index:1;}
	#featured-item  a:hover {
			overflow:visible;
			z-index:1000;
                        margin-left:-120px;}	
#featured-item h3 {font-size:2em; margin:0px 0 5px 0;}
	#featured-item img {
             float:left; position:relative; 
		top:0px;
		left:-140px;}
	
	#featured-collection {clear:both;overflow:hidden; background:#76977a;margin:5px 0 10px -20px;padding:10px;}
	#featured-collection h3 {font-size:2.5em;margin:0 0 10px 0;}
	#featured-collection p  {font-size:1.25em;line-height:1.4; margin:0 0 5px 0;}
	#featured-collection a  {color:#fff;}

	#simplepage-body p {margin:15px 30px 15px 30px;padding:0 0 0 0;}
	#simplepage-body h1 {font-size:3em; margin:15px 30px 0px 30px; padding:0 0 0 0;}
	#simplepage-body h3 {font-size:2em; margin:20px 30px 20px 30px; padding:0 0 0 0;}
	#simplepage-body img {float:right;margin:0 0 10px 10px; padding:5px; border:1px solid #ccc;}	
	#simple-contact {margin:20px 0 0 20px;}	
		
	#pagination-top {}
	#pagination-bottom {}
		
	/* Navigation */
	#primary-nav {padding-top:5px;overflow:hidden;position:relative;margin:-55px 0 0 0;background:none;}
	
	 #secondary-nav {border-top:1px #d3d6bc solid;width:100%;}
	 ul#secondary-nav {margin:0;float:left;}
	 #secondary-nav li {padding:.5em 0 .5em .5em;float:left;}
	 #secondary-nav a {color:#686C42;}
	 #secondary-nav a:hover {color:#868D4A;text-decoration:none;}
	 #secondary-nav li.current a {font-weight:bold;}
	 #secondary-nav a.current {font-weight:bold;}
	
	.tertiary-nav {}
	ul.tertiary-nav {}
	.tertiary-nav li {padding:.25em 0 0 1.5em;}
	.tertiary-nav a {}
	.tertiary-nav a:hover {}
	.tertiary-nav li.current a {}
	
		
	/* Home Page */
	#home #primary {width:500px;padding:0 15px 0 15px;float:right;}
	
	#recent-items {width: 170px; padding:10px;overflow:hidden;}
	#recent-items .item {margin-bottom:10px;}
	#recent-items .item-description {font-size:1.2em;line-height:1.35em;}
	#recent-items .item-description p {font-size:1em;}
	#recent-items .item-description a.show {margin-left:5px;}
	#recent-items img {margin:5px 0px 0px 0px; padding:5px;border:1px solid #bbb;background:#fff;}
		
	#featured-collection {}
	
	/* Forum Page */
	#forum #primary {float:none;}


	/* Items Pages */

	#metadata{float:left;width:550px;}
	#file-info {float:right;width:190px;padding:0px;margin:5px 10px 0px 0; background:#d3d6bd;}
	
	#items.browse .item {padding:10px;overflow:hidden;border-bottom:1px #d3d6bc solid;clear:both;}
	#items.browse .item-description {margin-top:3px;font-size:1.2em;line-height:1.35em;}
	#items.browse .item-description p, #items.browse .item-description li {font-size:1em;}
	
	#items.show h2 {display:none;}
	
	ul h3 {font-size:1.5em;}
                li.collection {padding: 5px 0 5px 10px;line-height:1}
	
	#items.browse .tags {margin-top:3px;}
	
	#backlink {float:right;font-size:1.5em;display:block;padding-right:8px;}
	

	
	#extended-metadata {}
		#item-type {}

	#item-metadata {}
		#item-publisher {}
		#item-creator {}
		#item-description {}
		#item-relation {}
		#item-spatial-coverage {}
		#item-rights {}
		#item-source {}
		#item-subject {}
		#item-additional-creator {}
		#item-format {}
		#item-contributor {}
		#item-rights-holder {}
		#item-provenance {}
		#item-date {}
		#item-temporal-coverage {}
		#item-date-added {}
		#item-collection {}
		#item-files {}
		#item-tags {}
		#item-citation {}
		
	#next-item {}
	#previous-item {}
	
	/* Advanced Search */
    textarea {width:378px; height:312px;float:right;}
    legend {display:none;}
    fieldset {display:block; clear:both;}
    label {font-size:1.2em;}
    .label {font-size:1.2em;}
    .inputs {overflow:hidden;zoom:1;}
    .field {border-bottom:1px solid #d3d6bc; padding:0.75em 0; overflow:hidden; width:512px;}
    .field label {float:left; width: 114px;font-weight:normal;clear:left; }
    .field .label {float:left; width: 114px;font-weight:normal;clear:left; }
    .field .textinput, .field select {float:right; width: 378px;background:#fff;}
    .field select {width: 382px;}
    .field input {margin:0;margin-left:16px;}
    input.submitinput {margin-top:1em;}
    .radioinputs {display:block; margin-bottom:0.5em; overflow:hidden;}
    .radioinputs label {display:block; float:left; width: 48%; clear:none;}
    input#description {width: 378px; height: 312px;}
    .search-entry select {margin-bottom:.5em;}
    #primary #submit_search {margin:.5em 0 1em 455px;}
    .advanced-search h1{margin-left:13px;}
	
	.no-results {margin:10px;}

	/* Exhibits Pages */
	#exhibit-show .primary {margin-bottom:1em;}
	#exhibit-show .secondary .item-file object {padding-left:100px;}
	
	.exhibit-section-nav {width:100%;}
	ul.exhibit-section-nav {margin-bottom:10px;;font-size:1.3em; line-height:1em;float:left;}
	.exhibit-section-nav li {padding:.5em 0 .5em .5em;float:left;}
	.exhibit-section-nav a {color:#686C42;}
	.exhibit-section-nav a:hover {color:#868D4A;text-decoration:none;}
	.exhibit-section-nav li.current a {font-weight:bold;}
	.exhibit-section-nav a.current {font-weight:bold;}
	
	.exhibit-page-nav {width:100%;}
	ul.exhibit-page-nav {margin-bottom:10px;;font-size:1.3em; line-height:1em;float:left;}
	.exhibit-page-nav li {padding:.5em 0 .5em .5em;float:left;}
	.exhibit-page-nav a {color:#686C42;}
	.exhibit-page-nav a:hover {color:#868D4A;text-decoration:none;}
	.exhibit-page-nav li.current a {font-weight:bold;}
	.exhibit-page-nav a.current {font-weight:bold;}
	
	.exhibit-text {clear:both;}
	
	#exhibit-nav {}
	#exhibit-summary {}
	#exhibit-show {}
	

	/* Collections Pages */	
	#collection-description {}
	#collectors {}
	

/* == Footer == */
#footer {clear:both;}
#footer .center-div {background:#76977a;margin-bottom: 15px;overflow:hidden;}
#footer ul {float:right;padding:5px;font-size:1.3em; line-height:1em;}
#footer li {display:block;float:left;padding-left:1.25em;}
#footer a {color:#fff;}
#footer p {color:#222;clear:both;float:right;text-align:right;padding:10px 15px 15px 15px;}


/* --- SECTION NAVIGATION --- */ 	
		
#section-nav ul.tabs {
   float: left; 
   padding: 0px 0 0px 0px; margin:0px 0 .01em 0;
   background: #697b63;
   width:760px; 
   border-top:1px solid #333;}
#section-nav ul.tabs li {
   display: inline; float: left;
   font-size:1em; font-weight:bold;
   background:#3F543F;
   padding: 2px 5px; margin:0px 0 0em 0;
   border-right: 1px solid #ddd;}
#section-nav ul.tabs li a { 
   margin: 0.3em 1.5em 0.3em 1em;
   text-decoration: none; float: left;
   color:#ddd; }
#section-nav ul.tabs li:hover { 
   background-color: #608060; }

/* == Global MJCPL Navigation Bar == */

ul#topnav {
   height:22px; top:53px; left:auto; padding:0; background:none;
  position:absolute;}
ul#topnav li {
   float:left; list-style-type:none;text-align:center; margin:0;}
ul#topnav li a {
   display:block; text-decoration:none;color:#000;font-weight:bold;}
ul#topnav li a:link {text-decoration:none;}
ul#topnav li a:visited {text-decoration:none;}
ul#topnav li a:hover {
   text-decoration:none;
   background:none;
   border-right:0px solid #040;
   border-left:0px solid #040;
   margin:0 0px;}

* html ul#topnav li a:hover {
   text-decoration:none;
   background:none;
   border-right:0px solid #040;
   border-left:0px solid #040;
   margin:0 0px;}

ul#topnav li a:active {text-decoration:none;}

ul#topnav .menu {
   top:24px; position:absolute; z-index:200;
   background:#dc2; padding:8px 0 0px 10px;
   border-bottom: 3px solid #040;
}

ul#topnav .menu ul.sub_nav {
    float:left;}
ul#topnav .menu ul.sub_nav {
    margin:0 0px 0 0; padding:0; width:100px;}
ul#topnav .menu ul.sub_nav li {
    float:none; background-image:none;}
ul#topnav .menu ul.sub_nav li a, 
ul#topnav .menu ul.sub_nav li a:link, 
ul#topnav .menu ul.sub_nav li a:visited,
ul#topnav .menu ul.sub_nav li a:hover {
    font-size:11px; font-weight:bold; line-height:1.3em; 
    color:#000; text-decoration:none; padding:4px 6px; 
    height:100%; background-color:transparent;text-align:left;}
ul#topnav .menu ul.sub_nav li a:hover {
    color:#fff; text-decoration: none; background-color:#040;}
ul#topnav .menu ul.sub_nav li a:active {
    font-weight:bold;color:#000; text-decoration: none; 
    background-color:transparent;}

ul#topnav li .menu {display:none;}
ul#topnav li:hover .menu {display:block;}
ul#topnav li.over .menu {display:block; width:200px; height:1%;}

li.nav_yourlib {background:none;}
li.nav_yourlib a.nav_item, li.nav_yourlib_over a.nav_item {
   width:125px; height:20px;padding: 4px 0 0 0px;}
li.nav_yourlib .menu {left: 0px;}
li.nav_yourlib .menu ul.sub_nav {min-width:140px;}

li.nav_research {background:none;}
li.nav_research a.nav_item, li.nav_research_over a.nav_item {
  width:110px; height:23px; padding: 4px 0 0 0px;}
li.nav_research div.menu {left:75px; min-width:120px}

li.nav_read {background:none; margin:0px;}
li.nav_read a.nav_item, li.nav_read_over a.nav_item {
  width:130px; height:23px; padding: 4px 0 0 0px;}
li.nav_read div.menu {left:175px;}
li.nav_read div.menu ul.sub_nav {min-width:120px;}

li.nav_history {background:none;}
li.nav_history a.nav_item, li.nav_history_over a.nav_item {
  width:145px; height:23px; padding: 4px 0 0 0px;}
li.nav_history div.menu {left:370px; min-width:138px}

li.nav_youth {background:none;}
li.nav_youth a.nav_item, li.nav_youth_over a.nav_item {
  width:100px; height:23px; padding: 4px 0 0 0px;}
li.nav_youth div.menu {left:460px; min-width:120px}

li.nav_news {background:none;}
li.nav_news a.nav_item, li.nav_news_over a.nav_item {
  width:120px; height:23px; padding: 4px 0 0 0px;}
li.nav_news div.menu {right:0px; min-width:105px}