/* Style Sheet for Historic New England Web Site */
/* Created by Henry Woodbury, Dynamic Diagrams, Inc. 2010 */

/* Custom Styles */

a.action:visited {
	color: #063e83;
}

#portal-column-one h1 {
	padding: 0 13px 0 17px;
}

#portal-column-two h1 {
	padding: 0 10px 0 13px;
}

#portal-column-one h2 {
	font-size: 1.2em;
	padding: 0 13px 0 17px;
	margin: 0 0 6px 0;
}

#portal-column-two h2 {
	font-size: 1.2em;
	padding: 0 10px 0 13px;
	margin: 0 0 6px 0;
}

h3.icon-sort-head {
	padding-left: 40px;
	background: url(/_hne-theme/bb_images/icon_sort_head.gif) 30px 1px no-repeat;
	color: #333333;
}

h3.icon-photo {
	padding-left: 21px;
	background: url(/_hne-theme/bb_images/icon_photo.gif) 0 1px no-repeat;
}

h3.icon-video {
	padding-left: 19px;
	background: url(/_hne-theme/bb_images/icon_video.gif) 0 1px no-repeat;
}

#portal-column-one h3 {
	font-size: 1em;
	padding: 0 13px 0 17px;
	margin: 3px 0 6px 0;
}

#portal-column-two h3 {
	font-size: 1em;
	padding: 0 10px 0 13px;
	margin: 3px 0 6px 0;
}

div.rule {
	margin: 10px 0 10px 0;
	height: 1px;
	background-color: #cccccc;
}

img.image-icon {
	vertical-align: -1px;
	padding-right: 6px;
}

img.image-left, .image-left, dl.image-left {
	clear: both;
	float: left;
	padding: 3px 15px 12px 0;
	border: 0;
	margin: 0;
}

img.image-right, .image-right, dl.image-right {
	clear: both;
	float: right;
	padding: 3px 0 12px 15px;
	border: 0;
	margin: 0;
}

dl.image-left,
dl.image-right {
	padding-top: 0;
}

img.sortdirection {
	vertical-align: middle;
	padding-left: 7px;
}

div.visualClear {
	position: relative;
	margin: 0;
	clear: both;
}

#portal-column-two div.visualClear {
	margin: 0 10px 0 13px;
	clear: both;
}

input.f {
	border: 1px solid #809db9;
	background-color: #ffffff;
}

ul.noble li,
ul.cb li {
	list-style-type: none;
	margin-left: 0;
}

ul.cb label {
	vertical-align: 1px;
	color: #063e83;
}

#portal-column-one li {
	margin-bottom: 0;
}

#portal-column-one ul {
	padding: 0 13px 0 17px;
}

#portal-column-two ul {
	padding: 0 10px 0 13px;
}

#portal-column-one p {
	padding: 0 13px 0 17px;
}

#portal-column-one p.submit{
	margin-top: -6px;
}

#portal-column-two p {
	padding: 0 10px 0 13px;
	margin: 3px 0 6px 0;
}

tr.odd td {
	background-color: #e5e5e5;
}

div.data-table {
	margin: 3px 0px 10px 0px;
}

div.data-table h3 {
	padding: 0 10px 0 10px;
	margin: 5px 0 6px 0;
}

div.data-table h3.icon-sort-head {
	padding-left: 10px;
	background: url(/_hne-theme/bb_images/icon_sort_head.gif) 0 7px no-repeat;
}

div.data-table table {
	width: 100%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

div.data-table table tbody {
	border-top: 1px solid #cccccc;
}

div.data-table p {
	margin: 6px 0 6px 0;
	padding: 0 10px 0 10px;
}

/* Custom Content Styles */

#content {
	position: relative;
	width: 100%;
}

div.column-row {
	padding-top: 12px;
	clear: both;
}

span.pipe {
	color: #999999;
}

span.event-date {
	font-weight: bold;
}

span.text-left {
	float: left;
	padding-right: 12px;
}

span.text-right {
	float: right;
	padding-left: 12px;
}

div.portletWrapper,
div.content-block {
	padding-bottom: 6px;
	margin-bottom: 12px;
}

div.search-navigation {
	margin-bottom: 15px;
}

div.search-filter h3 {
	color: #000000;
}

/* Portal Styles */

#portal-breadcrumb {
	margin-bottom: 15px;
}

#portal-breadcrumb a:visited {
	color: #063e83;
}

#portal-top {
	position: relative;
	margin: 0 6px 0 6px;
	width: 984px;
	height: 152px;
	background: #ffffff url(/_hne-theme/bb_images/bg_top.png) 0 0 no-repeat;
	z-index: 1000;
}

#portal-return {
	position: absolute;
	right: 16px;
	top: 0px;
	width: 500px;
	background: url(/_hne-theme/bb_images/icon_return.gif) 493px 9px no-repeat;
}

#portal-return p {
	font-family: Georgia, Times Roman, serif;
	font-weight: normal;
	font-size: 11.5px;
	line-height: 1.33em;
	color: #ffffff;
	text-align: right;
	padding: 4px 11px 0 0;
	margin: 0;
}

#portal-return p a,
#portal-return p a:visited,
#portal-return p a:link,
#portal-return p a:active,
#portal-return p a:hover {
	color: #ffffff;
	text-decoration: none;
}

#portal-searchbox {
	position: absolute;
	right: 16px;
	top: 50px;
	width: 500px;
}

#portal-searchbox p {
	text-align: right;
	font-size: medium;
	padding: 0;
	margin: 0;
}

#portal-searchbox label {
	color: #ffffff;
	font-weight: bold;
	font-size: 0.7em;
	text-transform: uppercase;	
}

#portal-searchbox input.f {
	font-size: 0.8em;
}

#portal-searchbox input.fs {
	vertical-align: middle;
	border: 0;
	background: none;
}

.LSBox {
	clear: none;
	float: none;
	padding-right: 0;
	text-align: inherit;
}

#portal-logo {
	position: absolute;
	left: 24px;
	top: 13px;
	width: 159px;
	height: 73px;
	z-index: 200;
}

#portal-columns {
	float: none;
/*	position: relative; removed as per Henry 24 May 2010 */
	margin: 3px 6px 0 6px;
}

#portal-columns > table {
	width: 984px;
}

#portal-column-one {
	position: relative;
	background: url(/_hne-theme/bb_images/bg_column_one.png) 0 0 no-repeat;
	width: 205px;
	padding: 12px 0 12px 0;
	float: none;
}

#portal-column-two {
	position: relative;
	background: url(/_hne-theme/bb_images/bg_column_two.png) 0 0 no-repeat;
	width: 205px;
	padding: 12px 0 12px 0;
}

#portal-column-content {
	position: relative;
	padding: 12px 30px 12px 30px;
}

#portal-footer {
	position: relative;
	margin: 0 6px 0 6px;
	border-top: 3px solid #ffffff;
	width: 984px;
}

#portal-footer-wrapper {
	background: #000000;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #8c8b8b;
	width: 100%;
	height: 44px;
}

#portal-footer p {
	font-family: Georgia, Times Roman, serif;
	color: #ffffff;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.33em;
	padding: 9px 17px 0 17px;
}

#portal-footer a,
#portal-footer a:active,
#portal-footer a:link,
#portal-footer a:visited,
#portal-footer a:hover {
	color: #ffffff;
}

#portal-footer-shadow {
	width: 100%;
	height: 5px;
	background: url(/_hne-theme/bb_images/bg_footer_shadow.png) 0 0 repeat-x;
}

/* Caption and credit classes */

dd.image-caption {
	margin-top: -3px;
	font-size: 0.7em;
	font-style: italic;
}

dl.image-left > dt > img,
dl.image-left > dt > a > img,
dl.image-right > dt > img,
dl.image-right > dt > a > img {
	display: block;
	margin: 3px 0 10px 0;
}

.credit {
	display: block;
}

/* Properties List */

div.properties ul, div.properties ul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
}

/*partners table */
table.partners-table {
}

table.partners-table tr td.presented-by {
}

table.partners-table tr td.presented-by p {
	padding: 0 5px 0 0;
}

table.partners-table tr td.partners p {
	padding: 0 0 0 5px;
}

/* slimbox photo gallery */
.photoAlbumEntry {
	background-image: none;
	height: auto;
	padding: 0;
	background-image: none;
	overflow: visible; 
	width: 158px;
}

.photoAlbumEntry img {
	border: none;
	margin: 3px 0 6px 0;
}
 
.photoAlbumEntryWrapper {
	height: auto;
}

.photoAlbumEntry a,
.photoAlbumEntry a:visited {
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 0.75em;
	padding: 0 30px 0 0;
	color: #063e83;
}
 
.photoAlbumEntryTitle {
	margin: 3px 0 10px 0;
}
 
.photoAlbumEntry a:hover .photoAlbumEntryTitle {
 text-decoration: underline;
}


/* video */
div.video, div.audio {
	margin: 3px 0 10px 0;
}

/* New "visualClear" application */

p.visualClear {
	clear: both;
}

/* New "icon" class */

img.image-icon {
	vertical-align: -1px;
	padding-right: 6px;
}

/* New "subhead" class for text that immediately follows a heading 1 or 2 */

p.subhead {
	font-family: Geneva, Times Roman, serif;
	color: #000000;
	font-weight: normal;
	font-size: 1em;
	margin: -6px 0 10px 0;
}

/* "Invisible" Table Styles */

table.invisible th,
table.invisible td {
	vertical-align: top;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 0.75em;
	padding-right: 15px;
	margin: 3px 0 10px 0;
}

table.invisible {
	margin-right: -15px;
}

table.invisible th li, 
table.invisible td li,
table.invisible th p, 
table.invisible td p {
	font-size: 100%;	
} 

table.invisible th h1, 
table.invisible td h1 {
	font-size: 233%;	
} 

table.invisible th h2, 
table.invisible td h2 {
	font-size: 186%;	
} 

table.invisible th h3, 
table.invisible td h3 {
	font-size: 146%;	
} 

table.invisible th h4, 
table.invisible td h4 {
	font-size: 106%;	
} 

table.column-two,
table.column-three,
table.column-four {
	width: 100%; 
}

table.column-two td,
table.column-two th {
    width: 49.5%
}

table.column-three td,
table.column-three th {
    width: 33%;
}

table.column-four td,
table.column-four th {
    width: 24.5%
}

table.thumbnail-grid th,
table.thumbnail-grid td {
    width: 215px;
	padding: 0;
}

table.thumbnail-grid ul,
table.thumbnail-grid ol,
table.thumbnail-grid h1,
table.thumbnail-grid h2,
table.thumbnail-grid h3,
table.thumbnail-grid h4,
table.thumbnail-grid p {
	width: 200px;
}

table.thumbnail-grid-small th,
table.thumbnail-grid-small td {
    width: 175px;
	padding: 0;
}

table.thumbnail-grid-small ul,
table.thumbnail-grid-small ol,
table.thumbnail-grid-small h1,
table.thumbnail-grid-small h2,
table.thumbnail-grid-small h3,
table.thumbnail-grid-small h4,
table.thumbnail-grid-small p {
	width: 160px;
}

p.coupled-image {
	margin-bottom: 3px;
	margin-top: 0;
	padding-top: 3px;
}

/* Object Image */

div.object-image {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	padding: 0;
}

div.object-image img.image-icon {
	vertical-align: -3px;
}

/* Discussion styles */

.discussion {
	clear: both;
	margin: 3px 0 10px 0;
	border-top: 1px solid #cccccc;
}

.comment {
	border: none;
	background: none;
	border-bottom: 1px solid #cccccc;
	background-color: #ffffcc;
	padding: 15px;
	margin: 0;
}

.discussion .even {
	background-color: #ffffe5 !important;
}

.commentBody {
	font-size: 0.75em;
	color: #333333;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 15px 10px 15px;
	margin: 0;
}

.documentByLine {
	font-size: 0.75em;
	color: #666666;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 15px 10px 15px;
	font-style: italic;
}

/* Search Results Styles */

form.searchPage p {
	font-size: 100%;
	padding: 0;
	margin: 10px 0 3px 0;
}

/* Restricted Areas */

p.restricted {
	padding-left: 20px;
	background: url(/_hne-theme/bb_images/hne_lock_icon.gif) 0px 0 no-repeat;
}

/* Float blocks that contain images */

div.image-left {
	float: left;
	padding: 3px 30px 12px 0;
}

div.image-right {
	float: right;
	padding: 3px 0 12px 30px;
}

/* Floated images outside of containers */

#content > a > img.image-right,
#content > img.image-right {
	padding: 3px 0 12px 15px;
}

#content > a > img.image-left,
#content > img.image-left {
	padding: 3px 15px 12px 0;
}

/* For Magazine Issue Covers */
.image-caption .listingBar,
.image-caption .listingBar {
	text-align: center;
}

/* Embedded objects */

#content > object,
#content > div > object,
div.embeddedObject object {
	padding: 3px 0 12px 0;
}

.pullquote {
	border-left: 1px solid #cccccc;
	clear: right;
	font-family: Georgia, Times Roman, serif;
	color: #669900;
	font-weight: normal;
	float: right;
	padding: 0 0 0 12px;
	margin: 3px 0 12px 12px;
	width: 33%;
}

#portal-footer-print {
	display: none;
}

/* Cleaning up Portlet Navigation Tree */
/* Comment out all Portlet Navigation Tree styles. Let hne-custom.css prevail */
/*
span.portletBottomLeft,
span.portletBottomRight,
dl.portletNavigationTree dt.portletHeader {
	display: none;
}

dl.portletNavigationTree dd,
.portletItem,
.portlet {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

#portal-column-one dl.portletNavigationTree ul {
	padding-right: 0;
}

dl.portletNavigationTree li.navTreeItem,
dl.portletNavigationTree li {
	border-bottom: 1px solid #bac9c9;
	font-family: Georgia,Times Roman,serif;
	font-size: 1.2em;
	line-height: 1.2em;
	list-style-type: none;
	margin-bottom: 6px;
	margin-left: 0;
	margin-right: 0;
	padding: 0 0 6px 0;
}

dl.portletNavigationTree .portletItem a,
dl.portletNavigationTree .portletItem a:link,
dl.portletNavigationTree .portletItem a:active,
dl.portletNavigationTree .portletItem a:hover,
dl.portletNavigationTree .portletItem a:visited {
	display: block;
	padding: inherit;
	margin: inherit;
	color: #d41b12;
	text-decoration: none;
	padding-right: 13px;
}
*/
/* Make child items smaller */
/* Comment out all Portlet Navigation Tree styles. Let hne-custom.css prevail */

/*
dl.portletNavigationTree li.navTreeFolderish {
	font-size: 0.75em;
}
*/

/* Override default .navTreeCurrentItem styling */

.navTreeCurrentItem {
	background-color: transparent;
	border: none !important;
	color: #d41b12;
}

/* Splash Home Page */

#strap-wrapper {
	position: absolute;
	left: 0;
	top: 102px;
	width: 984px;
	height: 50px;
	background: #000000 url(/_hne-theme/bb_images/bg_globalnav.png) 0 0 repeat-x;
	z-index: 100;
	margin: 0;
}

div.strap-padding {
	position: absolute;
	height: 50px;
	width: 984px;
	background: url(/_hne-theme/bb_images/logo_special_events.gif) 17px 8px no-repeat;
}

#strap-wrapper p {
	font-family: Geneva, Times Roman, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.33em;
	color: #ffffff;
	padding: 10px 0 0 17px;
	margin: 0;
}

#strap-wrapper div.strap-padding p {
	padding-left: 235px;
}

#strap-wrapper div.strap-padding p a {
	color: #ffffff;
}

#portal-splash {
	position: relative;
	width: 991px;
	height: 650px;
	margin: 0 0 0 6px;
}

#portal-splash div.house {
	display: block;
	float: left;
	margin-right: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#portal-splash h2 {
	font-size: 32px;
	line-height: 35px;
	color: #ffffff;
	padding: 0 17px 1px 17px;
	margin: 0;
}

#portal-splash a:hover {
	text-decoration: none;
} 

#portal-splash h3 {
	font-size: 17px;
	line-height: 25px;
	color: #33cccc;
	padding: 0 17px 0 17px;
	margin: 0;
}

#portal-splash a:hover {
	text-decoration: none;
} 

#Codman-Carriage-House,
#Lyman-Estate {
	position: relative;
	height: 387px;
	width: 489px;
}

#Codman-Carriage-House img,
#Codman-Carriage-House a,
#Lyman-Estate img, 
#Lyman-Estate a {
	position: absolute;
	display: block;
	height: 387px;
	width: 489px;
	top: 0;
	left: 0;
	z-index: 1;
}

#Codman-Carriage-House a,
#Lyman-Estate a {
	z-index: 2;
}

#Lyman-Estate a {
	background: url(/_hne-theme/bb_photos/lyman.jpg) 0 0 no-repeat;
}

#Lyman-Estate a:hover {
	background: url(/_hne-theme/bb_photos/lyman_on.jpg) 0 0 no-repeat;
}

#Lyman-Estate h2 {
	padding-top: 306px;
}

#Codman-Carriage-House a {
	background: url(/_hne-theme/bb_photos/codman.jpg) 0 0 no-repeat;
}

#Codman-Carriage-House a:hover {
	background: url(/_hne-theme/bb_photos/codman_on.jpg) 0 0 no-repeat;
}

#Codman-Carriage-House h2 {
	text-align: right;
	padding-top: 269px;
}

#Codman-Carriage-House h3 {
	text-align: right;
}

#Hamilton-House,
#Langdon-House-Gardens,
#Roseland-Cottage {
	position: relative;
	height: 254px;
	width: 324px;
}

#Hamilton-House img,
#Hamilton-House a,
#Langdon-House-Gardens img,
#Langdon-House-Gardens a,
#Roseland-Cottage img,
#Roseland-Cottage a {
	position: absolute;
	display: block;
	height: 254px;
	width: 324px;
	top: 0;
	left: 0;
	z-index: 1;
}

#Hamilton-House a.over,
#Langdon-House-Gardens a.over,
#Roseland-Cottage a.over {
	z-index: 2;
}

#Roseland-Cottage a {
	background: url(/_hne-theme/bb_photos/roseland.jpg) 0 0 no-repeat;
}

#Roseland-Cottage a:hover {
	background: url(/_hne-theme/bb_photos/roseland_on.jpg) 0 0 no-repeat;
}

#Roseland-Cottage h2 {
	font-size: 21px;
	line-height: 25px;
	padding-top: 157px;
}

#Langdon-House-Gardens a {
	background: url(/_hne-theme/bb_photos/langdon.jpg) 0 0 no-repeat;
}

#Langdon-House-Gardens a:hover {
	background: url(/_hne-theme/bb_photos/langdon_on.jpg) 0 0 no-repeat;
}

#Langdon-House-Gardens h2 {
	font-size: 21px;
	line-height: 25px;
	padding-top: 183px;
}

#Hamilton-House a {
	background: url(/_hne-theme/bb_photos/hamilton.jpg) 0 0 no-repeat;
}

#Hamilton-House a:hover {
	background: url(/_hne-theme/bb_photos/hamilton_on.jpg) 0 0 no-repeat;
}

#Hamilton-House h2 {
	font-size: 21px;
	line-height: 25px;
	text-align: right;
	padding-top: 183px;
}

#Hamilton-House h3 {
	text-align: right;
}

img.for-print {
	visibility: hidden;
}

/* hidden structure */

.hiddenStructure {
	display: block;
	width: 1px;
	height: 1px;
	margin: -1px 0 0 -1px;
	overflow: hidden;
}