/* @override 
	http://programminglibrarian.dev/picturingamerica/sites/all/themes/public_libraries/style.css?k
	http://programminglibrarian.dev/picturingamerica/sites/all/themes/public_libraries/style.css?z
	http://programminglibrarian.dev/picturingamerica/sites/all/themes/public_libraries/style.css?a
	http://programminglibrarian.dev/picturingamerica/sites/all/themes/public_libraries/style.css?c
	http://programminglibrarian.dev/picturingamerica/sites/all/themes/public_libraries/style.css?A
*/

/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/



/*======== COLORS ========
dark blue: #3b506d;
light gray: #ebebeb;
dark green: #627d6f;
med green: #536a21;
======== COLORS ========*/


html {
font-family: helevtica, arial, univers, sans-serif;
font-size: 0.8em;
color: #333;
}

body {
background: #243f66 url(images/bg-bottom.jpg) repeat-y center top;
margin: 0 0 10em 0;
}

#print-title {
	display: none;}

#wrapper1 {
margin: 0;
background: #243f66 url(images/bg-body.jpg) repeat-x left top;
overflow: auto;
}

#wrapper2 {
width: 960px;
margin: 0 auto;
background: #243f66 url(images/bg-wrapper.jpg) no-repeat left top;
overflow: auto;
}

/* @group Utility Classes */

.float-left {
	float: left;
	margin: 0 15px 15px 0;}
	
.float-right {
	float: right;
	margin: 0 0 15px 15px;}

.clear {
	clear: both;}

/* @end */

/*========== top ==========*/
#top {
clear: both;
height: 110px;
}

#top-body {

}

#top h1.logo {
float: left;
width: 340px;
height: 110px;
background: transparent url(logo.png) no-repeat 15px 20px;
margin: 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#top h1.logo a {
width: 340px;
height: 110px;
display: block;
}

div.top-text {
float: right;
width: 306px;
height: 110px;
background: transparent url(images/top-text.jpg) no-repeat left 4px;
}
/*========== END: top ==========*/



/*========== content-row ==========*/
#content-row {

}

#left-column {
float: left;
width: 155px;
padding: 24px 0 0 30px;
_padding: 24px 0 0 10px;
}

#right-column {
float: right;
width: 775px;
}

#content-top {
clear: both;
height: 20px;
margin: 0;
background: transparent url(images/content-top.jpg) no-repeat left top;
}

#content-bg {
clear: both;
min-height: 450px;
_height: 450px; /** IE6 Hack **/
margin: 0;
background: transparent url(images/content-bg.jpg) repeat-y left top;
overflow: auto;
_overflow: visible; /** IE6 Hack **/
}

#content-body {
padding: 0.5em 2em;
overflow: hidden;
}

#content-bottom {
clear: both;
height: 20px;
margin: 0;
background: transparent url(images/content-bottom.jpg) no-repeat left top;
}

#tabs-wrapper {
display: inline;
}
/*========== content-row ==========*/



/*========== left-nav ==========*/
#login-block {
margin-top: 1em;}

#left-nav-top,
#login-block-top {
height: 10px;
background: transparent url(images/left-nav-top.jpg) no-repeat left top;
}

#left-nav,
#login-block {
background: transparent url(images/left-nav-bg-repeat.jpg) repeat-y left 10px;
}

#left-nav-bottom,
#login-block-bottom {
height: 10px;
background: transparent url(images/left-nav-bottom.png) no-repeat left top;
}

#left-nav ul,
#login-block ul {
list-style: none;
padding: 5px 0 5px 0;
background: transparent url(images/left-nav-bg.jpg) no-repeat left top;
}

#login-block ul {
	margin: 0;}
	
#left-nav li,
#login-block li {
width: 154px;
list-style: none;
left: 1px;
padding: 0 !important;
border-width: 0;
border-bottom: 1px solid #bbbaad;
text-align: right;
text-transform: uppercase;
font-weight: bold;
}

#left-nav li.last,
#login-block li.last {
border-width: 0 !important;
}

#left-nav a,
#login-block a {
display: block;
padding: 0.5em 2em 0.5em 1em;
text-decoration: none;
color: #fff;
}

#left-nav a:hover,
#login-block a:hover {
text-decoration: underline;
color: #fff;
}

#left-nav li a:hover,
#login-block li a:hover {
color: #fff;
}


#left-nav li.active,
#login-block li.active {
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/left-nav-arrow.gif) no-repeat right center;
}

#left-nav li.active a,
#login-block li.active a {
color: #233f66;
}

.item-list ul {
  margin: 0}

#login-block .form-item {
	margin: .5em;}

.form-item label {
	margin: 0 .5em;
	text-align: left;}

	
/** nice-menus css **/
ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-width: 0;
}

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li {
  width: 154px;
  background-color: transparent !important;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
  width: auto;
  left: 154px;
  background-color: transparent !important;
}

ul.nice-menu-right ul ul {
  width: auto;
  left: 154px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  /*background: #eee url(images/icons/arrow-right.png) right center no-repeat;*/
  background-image: none;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li.over,
ul.nice-menu-right li li.menuparent:hover,
ul.nice-menu-right li li.over {
  /*background: #eee url(images/icons/arrow-right.png) right center no-repeat;*/
  background-image: none;
}

li.menuparent ul { /** flyout submenus **/
/*left: 153px;*/
border: 1px solid #fff !important;
background-image: none !important;
background: #ccc !important;
padding: 0 !important;
}

li.menuparent li.leaf { /** flyout submenus **/
left: 0 !important;
border-bottom: 1px solid #fff !important;
text-align: left !important;
text-transform: none !important;
font-weight: normal !important;
}

li.menuparent ul a { /** flyout submenus **/
padding: 0.4em 0.8em !important;
color: #555 !important;
}

li.menuparent ul a:hover {
background: #787669 !important;
color: #fff !important;
}
/** END: nice-menus css **/

/*========== END: left-nav ==========*/


#left-logos {
margin: 2.4em 0 2.4em 0;
text-align: center;
}

#left-logos .logo-01 {
margin: 0 0 1em 0;
}

#left-logos .logo-02 {
margin: 0 0 1em 0;
}

#left-logos .logo-03 {
margin: 0 0 1em 0;
}



/*========== footer ==========*/
#footer {
/*clear: both;*/
}

#footer-body {
float: right;
width: 306px;
height: 58px;
background: transparent url(images/bottom-nav-bg.jpg) no-repeat left top;
}

ul.bottom-nav {
list-style: none;
margin: 0;
padding: 10px 40px 0 0;
text-align: center;
}

ul.bottom-nav li {
display: inline;
padding: 0 0.8em 0 0;
border-right: 1px solid #fff;
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
}

ul.bottom-nav li.last {
border-width: 0;
padding: 0 0 0 0.8em;
}

ul.bottom-nav a {
color: #fff;
text-decoration: none;
}

ul.bottom-nav a:hover {
color: #fff;
text-decoration: underline;
}
/*========== END: footer ==========*/


a {
color: #233f66;
text-decoration: underline;
}

a:hover {
color: #233f66;
text-decoration: none;
}

h1 {} /* Reserved for logo */

h2 {
margin: 0 0 0.8em 0;
font-size: 1.6em;
font-weight: bold;
color: #666;
}

h3 {
margin: 0 0 0.8em 0;
font-size: 1.3em;
font-weight: bold;
color: #233f66;
}

h4 {
margin: 0 0 0.8em 0;
font-size: 1.1em;
font-weight: bold;
color: #666;
}

h5 {
margin: 0 0 0.8em 0;
font-size: 1em;
font-weight: bold;
color: #233f66;
}

h6 {
margin: 0 0 0.8em 0;
font-size: 1em;
font-weight: bold;
color: #666;
}

hr {
height: 1px;
margin: 1.5em 0;
background-color: #666;
}

code {
font-size: 1.2em;
}

.sans-serif {
font-family: helvetica, arial, univers, sans-serif;
}

.serif {
font-family: times, times new roman, georgia, serif;
}

.small {
font-size: 0.9em;
}

.x-small {
font-size: 0.8em;
}

.big {
font-size: 1.2em;
}

.x-big {
font-size: 1.4em;
}

.gray {
color: #666;
}

.light-gray {
color: #999;
}

.blue {
color: #233f66;
}

.red {
color: #800;
}

.all-caps {
text-transform: uppercase;
}

.no-caps {
text-transform: none;
}

.lowercase {
text-transform: lowercase;
}

.no-italics {
font-style: normal;
}

.no-bold {
font-weight: normal;
}

.align-left {
float: left;
margin: 0 1.5em 1.5em 0;
}

.align-right {
float: right;
margin: 0 0 1.5em 1.5em;
}

.image-border {
border: 1px solid #ccc;
}

.clear-float {
clear: left !important;
}


/*========== Icons ==========*/
.pdf {
padding: 0 0 0 16px !important;
background: transparent url(images/icons/pdf-icon-tiny.gif) no-repeat left center !important;
}

.email {
padding: 0 0 0 18px !important;
background: transparent url(images/icons/email-icon-tiny.gif) no-repeat left center !important;
}

.more-link {
padding: 0 0 0 20px !important;
background: transparent url(images/icons/arrow-icon-blue.gif) no-repeat left center !important;
}

.more-link-red {
background-image: url(images/icons/arrow-icon-red.gif)!important;
}

.more-link a {
text-decoration: none;
color: #800;
}

.more-link a:hover {
text-decoration: underline;
color: #800;
}

.more-link-sidebar {
padding: 0 0 0 20px !important;
background: transparent url(images/icons/arrow-icon-sidebar.gif) no-repeat left center !important;
}

.more-link-sidebar a {
text-decoration: none;
color: #fff;
}

.more-link-sidebar a:hover {
text-decoration: underline;
color: #fff;
}

.top-of-page {
padding: 0 0 0 16px !important;
background: transparent url(images/icons/arrow-up.gif) no-repeat left center !important;
}
/*========== END: Icons ==========*/



/*========== top-area ==========*/
div.top-section {
width: 737px;
margin: -0.5em -1em 1em -0.5em;
padding-bottom: 10px;
background: transparent url(images/top-section-bottom.jpg) no-repeat left bottom;
overflow: auto;
_overflow: visible; /** IE6 Hack **/
}

div.top-section-top {
height: 10px;
background: #e7e7e7 url(images/top-section-top.jpg) no-repeat left top;
}

div.top-section-body {
min-height: 220px;
_height: 220px; /** IE6 Hack **/
background: #e9e9e9 url(images/top-section-bg.jpg) repeat-x left top;
padding: 0 1.5em;
overflow: hidden;
_overflow: visible; /** IE6 Hack **/
}

div.top-section h2 {
margin: 0 0 0.8em 0;
font-size: 2em;
font-weight: bold;
color: #666;
}

div.top-section p {
font-size: 1em;
}
/*========== END: top-area ==========*/



/*========== sidebar ==========*/
div.sidebar {
float: right;
margin: 0 0 1.5em 1.5em;
width: 244px;
background: #1a2d49 url(images/sidebar-bg.jpg) no-repeat left top;
color: #fff;
}

div.sidebar-body {
min-height: 237px;
_height: 237px; /** IE6 Hack **/
background: transparent url(images/sidebar-bottom.jpg) no-repeat left bottom;
padding: 1em 1.5em;
}

div.sidebar h2 {
padding: 0.2em;
border-bottom: 1px solid #6e879f;
color: #fff;
}

div.sidebar h3, div.sidebar h4, div.sidebar h5, div.sidebar h6 {
color: #fff;
}

div.sidebar a {
color: #fff;
text-decoration: underline;}

div.sidebar a:hover {
color: #666;
background-color: #ccc;}

/*========== END: sidebar ==========*/


/*========== Misc ==========*/
.status { /** page status (top of page) after edit/update **/
margin: 0 0 1.5em 0;
color: #d00;
}

.meta { /** hide category name at bottom of page **/
display: none;
}
/*========== END: Misc ==========*/



/* @group Admin Style */

div.view div.views-admin-links {
	width: 20%;
	height: 30px;}

/* @end */

/*@group Image Gallery*/



/* @end */

/* @group Image Table */

table.image-list,
table.image-gallery {
	width: 100%;
}

table.image-list tr,
table.image-gallery tr {
	background: none;}

table.image-list th,	
table.image-list td,
table.image-gallery th,
table.image-gallery td {
	padding: 5px;}
	
/* @end */

/* @group Attachments Table */

td {
	padding: 5px;}
	
table#attachments {
	width: 100%;}

table#attachments tr {
	background: none;}
	
table#attachments td {
	padding: 5px;}
	
/* @end */

/* @group Forum */
#forum table {
width: 100%;}
/* @end */


/*@group Admin */

fieldset {
	margin-bottom: 15px;}

legend {
	font-size: 14px;
	font-weight: bold;}

/* @end */


/*@group Lead Image*/

.lead-image {
	float: right;
	width: 184px;
	margin: 0 0 0 1em;}

.lead-image img {
	margin: 0;}
	
.top-section .lead-image p {
	font-size: 8px;
	color: #666;
	margin: 0 0 0 1em;}
	
/* @end */

/*@group Engage*/

body.section-engage #content-body,
body.node-type-engage-theme #content-body,
body.node-type-engage-image #content-body {
	background-image: url(images/logo-engage.jpg);
	background-repeat: no-repeat;
	background-position: 510px 0;}

h2.page-title {
	width:450px;
}

body.section-engage #content-body h2.page-title,
body.node-type-engage-theme h2.page-title,
body.node-type-engage-image h2.page-title {
	margin-bottom: 55px;}
	
#engage-page td {
	padding: 10px;
	width: 50%;
	vertical-align: top;}

.view-engage-gallery .views-table {
	width: 100%;}

.node-type-engage-theme table.views-view-grid {}

.node-type-engage-theme table.views-view-grid td {
	padding: 0 20px 10px 0;
	vertical-align: top;
	width: 100px;}

div.views-field-field-engage-image-fid-1 {
	margin: 10px 0 10px 0;
	text-align: center;}

div.engage-image {
	float: left;
	margin: 0 15px 15px 0;}

div.engage-image-missing {
	float: left;
	width: 260px;
	font-style: italic;
	text-align: center;
	padding: 80px 20px;}

dl.engage-image-info {
	padding-left:250px;
}
	
dl.engage-image-info dt {
	font-weight: bold;}

dl.engage-image-info dd {
	margin-bottom: 10px;}
	
p.engage-download {
	font-weight: bold;
	margin: 10px;
	text-align: center;}

div.engage-image-background {
	clear: both;}

/* @end */

/* @group Engage Slideshow */

#engage-page {
	margin-bottom: 10px;}

.view-engage .view-content,
.view-engage-gallery .view-content {
	border: 2px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 15px;}

.views_slideshow_thumbnailhover_main {
	background: #fff;
	margin-bottom: 15px;}

.engage-slide-image {
	background: #fff;
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 250px;}

.engage-slide-image a {
	background: none;
	color: #fff;}

.views_slideshow_thumbnailhover_teaser_section {
/*	width: 400px !important;*/
}

.engage-slide-teaser {
	background: #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float: right;
	height: 275px;
	width: 250px;}

.engage-slide-teaser .inner {
	padding:5px;
	margin: 5px;}

.engage-slide-teaser h3 {
	font-size: 24px;}

.engage-slide-teaser h3 a {
	text-decoration: none;}

.engage-slide-teaser .slide-title {
	font-weight:bold;
	margin-bottom:5px;
}

.engage-slide-teaser p.theme-link a {
	font-size:1em;
	text-decoration: none;}
	
p.theme-link a:after {
	content: '.';
}

p.theme-link a:hover, p.theme-link a:active {
	text-decoration:underline;
}

.view-engage .views-slideshow-controls-bottom {
	margin: 15px 0 0 0;}

.views_slideshow_thumbnailhover_breakout_teasers {
	margin: 0 auto;}

.views_slideshow_thumbnailhover_div_breakout_teaser {
	list-style: none;
	padding: 10px 2px;}

.view-engage .views_slideshow_thumbnailhover_div_breakout_teaser {
	/*float: left;*/
	/*padding: 10px 20px;*/
}

.views_slideshow_thumbnailhover_breakout_teasers  a {
	font-weight:bold;
	border: 5px solid #fff;
	display: block;
	padding: 0;
	text-decoration: none;}
	
.views_slideshow_thumbnailhover_breakout_teasers .activeSlide a {
	text-decoration:underline;}
	
.views-slideshow-controls-top {
	float:left;
	width:160px;
	padding:0;
	margin:0;
}

.view-content {
	height:300px;
}

.views_slideshow_main { float:left; width:525px; }

/* @end */

p.print-link {
	clear:both;
	border-top: 1px solid #ccc;
	padding-top: 10px;}
p.print-link a {
	background: url(images/icons/printer.png) no-repeat left center;
	font-weight: bold;
	padding-left: 20px;}