/*-----------------------------------------------------------------------------
Wisconsin Historical Society - Common Screen Stylesheet

version:   	1.0
date:      	2012
author:     [Angie Truby]
website:   	[wisconsinhistory.org]

This style sheet styles many pages on the site; see also: contentDM style sheet.
-----------------------------------------------------------------------------*/

/***************************************************************************


                             Reset Styles
                            --------------

  This section resets much of the default styling applied by each browser
  to help achieve consistency across platforms and browsers.


****************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, .TitleText {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* for code examples */
pre {
font-family: monospace;
margin-bottom:1.8em;
font-size:1.4em;
overflow:scroll;
margin-left:90px;
}
body {
	line-height: 1;
	background: white;
	padding: 0;
	margin: 0;
	text-align:center;
	background: #8c5c2c url('https://www.wisconsinhistory.org/images/site/version2-white-grad.png') top repeat-x;
	font: 70%/1.45 Verdana, Geneva, Arial, Helvetica, sans-serif; /* Controls font style (size, font face, color) throughout website */
	color: #333;
}
body.mceContentBody {
   background: #FFF !important;
   text-align:left !important;
   width:640px;
   margin:10px 0px 60px 40px;
   padding:0;
   line-height: 1;
   font: 70%/1.45 Verdana, Geneva, Arial, Helvetica, sans-serif; /* Controls font style (size, font face, color) throughout website */
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* Inline Quotes and Blockquotes
----------------------------- */
q:before {
  content: '"';
}
q:after {
  content: '"';
}
blockquote, q {
	quotes: '"' '"' !important;
}
blockquote { 
	text-indent: -1ex; 
	margin: 20px;
	color:#333;
}
/* Large pullquote blockquotes
----------------------------- */
blockquote.big {
	font-size: 1.5em;
	line-height: 1.4em;
	text-align: right;
	color: #666;
}
blockquote.big {
	quotes:'\201C' '\201D' !important;
}
blockquote:before {
	content: open-quote !important;
}
blockquote:after {
	content: close-quote !important;
}
blockquote.big:before, blockquote.big:after {
	font-family: Georgia, Serif;
	font-size:1.8em;
}
.figure {
	display: block;
	float: right;
	padding: 0 0 0 10px;
	margin: 0 0 10px 10px;
	width: 260px;
	border-left: 3px solid #ccc;
}
.figure p {
	text-align: right;
	padding-right:20px;
	color:#666;
	margin-top: 7px !important;
	font-size: 0.90em !important;
}
.figure p:before {
	content: "\2014\00a0";
}
/* Common formatting
----------------------------- */
strong {
    font-weight: bold;
}
.bottom-pad {
	margin-bottom:20px !important;
}
.top-pad {
	margin-top:20px !important;
}
.left-pad {
	margin-left:20px !important;
}
.half-left-pad {
	margin-left:10px !important;
}
.right-pad {
	margin-right:20px !important;
}
.half-right-pad {
	margin-right:10px !important;
	}
.no-top-pad {
	padding-top:0 !important;
	margin-top:0 !important;
}
.no-bottom-pad {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
.half-bottom-pad {
	padding-bottom:0 !important;
	margin-bottom:10px !important;
}
.half-top-pad {
	margin-top:10px !important;
}
.no-pad {
	padding:0 !important;
	margin:0 !important;
}
.extra-top-pad {
	padding-top:35px !important;
	margin-top:0 !important;
}
.extra-bottom-pad {
	padding-bottom:1.3em !important;
	margin-bottom:0 !important;
}
.no-border-cms {
	border:none !important;
}
.center {
	text-align:center !important;
	}
.button-260 {
	width:210px !important;
	margin-left:28px !important;
	}
.button-260 h2 {
	margin-left:12px !important;
	}
/*---------------------------------------------------------------------------


                             Framework
                           -------------

  This section styles the page framework and grid for each template.
  
  Current page templates include:
  
  		- article template (articles, collection items)
		- search result template (search result pages)
		- section page template (family and preserve pages) 


----------------------------------------------------------------------------*/
.clear {
	clear:both;
}
.clear-fix {
	clear:both;
	font-size:1px;
	text-indent:-2000em;
	display: block;
	height: 1px;
}
#container {
	width: 960px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top: 12px;
	margin-bottom: 50px;
}
#idx-content-top {
	/*width:960px;
	position: relative;
	display:inline;
	z-index:1;*/
	width:960px;
	position: relative;
	z-index:1;
	height:63px; /*Same height as top-bar*/
}
#idx-content-bottom {
	width: 959px;
	padding: 0 20px 40px 20px;
	margin: 0;
	position: relative;
	float: left;
	height:1px;
}
#page-footer-links {
clear: both;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
}

/* Branding and top interior shadow
-----------------------------------*/
#branding {
	padding: 0;
	margin: 0;
	width:980px;
	height: 85px;
	position: relative;
	z-index:20;
}
.shadow {
	position:  relative;
	float: left;
}
#cover-shadow {
	height: 30px;
	width: 959px;
	position: absolute;
	top: 0;
	left: 0;
}
/* Header and branding content
----------------*/
#logo {
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 2;
}
#logo span, #logo a {
	display: block;
	width: 273px;
	height: 111px;
	padding: 0;
	border-style: none;
	background: url('https://www.wisconsinhistory.org/images/site/Society-logo.png') no-repeat;
}
#logo a img {
	display: block;
	width: 0;
	height: 0;
	border: none;
}

#logo-exhibits {
	position: absolute;
	top: -20px;
	padding-left: 150px;
	z-index: 2;
}
#logo-exhibits, #logo a {
	display: block;
	width: 273px;
	height: 111px;
	padding-left: 50px;
	border-style: none;
	background: url('https://www.wisconsinhistory.org/images/site/Society-logo.png') no-repeat;
}
#logo-exhibits a img {
	display: block;
	width: 0;
	height: 0;
	border: none;
}
/*  Top banner
-----------------------------------------------------------------------------*/
#banner-container {
	background: #8a8079 url('https://www.wisconsinhistory.org/images/site/banner-back.gif') bottom repeat-x;
	margin:0;
	padding:0;
	text-align:center;
}
#banner-elements {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	height: 30px;
}
#banner-elements p {
    color:#ffffff;
    text-align:left;
    padding-top:8px;
	margin-left:12px;
	float:left;
}
.sites-dropdown-form {
	position:absolute;
	right:13px;
	top:4px;
}
#banner-elements a, #banner-elements a:link, #banner-elements a:hover, #banner-elements a:focus, #banner-elements a:active, #banner-elements a:visited {
    color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}
#forward { /* FORWARD link */
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	right: -40px;
}
/* Accessiblity: Skip Navigation Link styles
---------------------------------------------------------------------------*/
#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#skip a:active, #skip a:focus {
	position:static;
	width:auto;
	height:auto;
}

/* Content grid boxes for various pages
----------------------------------*/
#content {
	margin: 0;
	width: 960px;
	background-color:#fff;
	position: relative;
	z-index:0;
	float:left;
	overflow:hidden;
	box-shadow: 0 0 8px 8px #5B4025;
}
#contentpress {
	margin: 0;
	width: 960px;
	background-color:#fff;
	position: relative;
	z-index:0;
	float:left;
	overflow:hidden;
	box-shadow: 0 12px 8px 8px #5B4025;
}
#content-wrapper-wide {
	margin:20px 40px 40px 40px;
	padding:20px 0px;
}
#content-wrapper-article {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #bbb;
	width:910px;
	margin:20px 20px 20px 20px;
	padding:0;
	float:left;
	position:relative;
	left:5px;
	overflow:hidden;
}
#content-wrapper-serp, #content-wrapper-category {
	width:930px;
	margin:13px 0px 0px 20px;
	padding:0;
	float:left;
	position:relative;
	left:5px;
}
#content-wrapper-category ul.dim-list {
	margin:0 !important;
}
.category-heading {
	float:left;
	margin-top:20px;
	margin-bottom:10px;
}
.content-box-large {
	float: left;
	display: block;
	width: 640px;
	margin: 0;
	padding: 0;
}
.right-nav-box {
    float: right;
	display: block;
	width: 200px;
	margin: 0;
	padding: 0;
	min-height:900px; /* Fits membership content - this will need to change. Need to research a fix for the IE 7 padding bug with previous approach - 29px left padding to overlap line. */
}
.bottom-nav-box {  
	float:left;
	display: block;
	width: 622px;
	margin: 0 0 0 0px;
	padding: 0 0 20px 40px;
}
.share-utility-box {
	float: right;
	display: block;
	width: 640px;
	margin: 0 0 15px 0px;
	padding: 5px 0 5px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
div.share-utility-box + p {
	clear:both;
}
#content-wrapper-wide .share-utility-box {
	float: left;
}
.article-content-holder {
	float: left;
	display: block;
	border-right:1px solid #ccc;
	padding:20px 20px 40px 20px;
	width:640px;
	margin-bottom:0;
	min-height:900px; /* Fits membership content - this will need to change. Need to research a fix for the IE 7 padding bug with previous approach - 29px left padding to overlap line. */
}
.container .article-content-holder {
	width:680px; /* This width is for the CMS Preview. */
}
.results-list {
	float:left;
	width:640px;
	border:1px solid #ccc;
	margin-left:18px;
	margin-top:5px; /* was set at 17px, adjusted when removed old search tips message. */
}
/*.TextBannerCornerContent { 
	display:block;
	margin: 20px 20px 0 20px;
	float:left;
	clear:right;
}*/
.guided-navigation {
	clear:left;
	float:left;
	width:260px;
	min-height:100px;
}
.guided-navigation-message {
	margin:10px 10px 0 10px;
	padding:10px 0;
	width:240px;
	float:left;
	clear:both;
}
.guided-navigation-message h4 {
	line-height:1.2em !important;
}
#sidebar {  /* seen on search results pages */
	display: block;
    margin-bottom:0;
}
.SidebarElement {
	float:left;
	width:238px;
	padding:10px;
	border:1px solid #ccc;
	margin-bottom: -1px;
}
.category { /*guided-navigation framework add-on*/
	margin-left:20px;
}
.content-holders {
	float: left;
	display: block;
	border-bottom: 1px solid #ccc;
}
.sub-content-holders {
	float: left;
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 10px 0
}


/* SECTION PAGES
--------------- */
#title-cartridge {
	clear:left;
	padding: 7px 0 0 23px;
}

/* GRID FRAMEWORK FOR SECTION PAGES 

-- Section 640 can hold one 640 box or two boxes (a 260 and a 360)
-- Section 260 can only have a 260 box
-- Section 360 is a float fix for short cartridges

-----------------*/
#section-640, .section-640 {
	width:662px;
	float:left;
	margin-left:1px;
}
#section-260, .section-260 {
	width:278px !important;
	float: left;
}
.section-260-float {
	float:left;
	width:280px;
}
.section-360-float {
	float:left;
	width:380px;
}
.section-640-float {
	float:left;
	clear:both;
}
.section-310-float{
	float:left;
	width:330px;
}

/* Default cartridge style SECTION CARTRIDGES (find heading styles in type.css)
------------ */
.section-cartridge {
	width:260px; 
	padding:0;  /* Padding is assigned to individual elements to account for image bleeds. */
	margin:0 0 18px 18px;
	min-height:10px;
	float:left;
	border:1px solid #929496;
	background-color:#ddd;
}

/* SECTION CARTRIDGE ADD-ON: Standard light grey #DDDDDD
-------------- */
.article-no-bar {  /* NO PICTURE, NO BAR */
	width:240px;
	padding:15px 20px 10px 0;
}

/* SECTION CARTRIDGE ADD-ON: Category Feature Styles (See more heading styles in typography section)
-----------*/
.category-feature {
	background-color:#ddd;
	width:640px;
	height:196px;
	overflow:hidden;
}
.category-feature img {
	float:right;
	padding-left:10px;
}
.category-feature p {
	margin-bottom:15px !important;
}
.category-feature-260 p {
	margin:30px 0 15px 20px !important;
}

/* SECTION CARTRIDGE ADD-ON: Category search-within styles
------------ */
.category-search-within {
	background-color:#ddd;
	width:360px;
}
.category-search-within h2 {
	margin-bottom:0 !important;
}

/* SECTION CARTRIDGE ADD-ON: Category guided navigation upper box
------------*/
.related-categories {
	margin:0 0 20px 10px;
	border:0;
	padding-bottom:15px;
	background: url('https://www.wisconsinhistory.org/images/site/BROWSE-BOX-gradient.png') repeat-x bottom left #9fad5d !important;
	width:240px;
}
.related-categories h5 {
    font-size: 1.5em;
    line-height:1.5em;
	padding-left:10px;
}
.related-categories .arrow-list {
	margin-top:5px;
}
.related-categories .arrow-list h3 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:1.2em !important;
}
.related-categories ul.arrow-list {
	margin-left:10px;
}
/* SECTION CARTRIDGE ADD-ON: disclaimer guided navigation box
------------*/
.disclaimer {
	border:0;
	margin:0;
}
.disclaimer h4 {
	color:#333;
	margin:20px 0 0 20px;
	font-weight:bold;
}
.disclaimer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.5em !important;
	margin:5px 25px 20px 20px !important;
}

/* SECTION CARTRIDGE ADD-ON: 
-- For search-within with text on the left with option for transparent overlay 
(See forms.css for other search-within styles)
----------- */
.government-search {
	background: url('https://www.wisconsinhistory.org/images/promo/Large/government-services.jpg') no-repeat scroll 0 0 #bbb;
	width:640px;
	overflow:hidden;
	height:350px;
}
.visiting-library {
	background: url('https://www.wisconsinhistory.org/images/promo/Feature/visiting-library.jpg') no-repeat scroll  100% 0 #ddd;
	width:640px;
	overflow:hidden;
	height:231px;
}
.link-list-holder {
	width:180px;
	max-width:180px;
	padding-top:35px;
	background: url('https://www.wisconsinhistory.org/images/site/transparent-bg.png');
	height:220px;
	}
.property-search {
	background: url('https://www.wisconsinhistory.org/images/2011/section-search-within-property640.jpg') no-repeat scroll 0 0 #bbb;
	width:640px;
	overflow:hidden;
	height:350px;
}
.community-history-top {
	background: url('https://www.wisconsinhistory.org/images/promo/Large/community-history.jpg') no-repeat scroll 0 0 #bbb;
	width:640px;
	overflow:hidden;
	height:350px;
}
.family-search {
	background: url('https://www.wisconsinhistory.org/images/2011/family-history-search.png') no-repeat scroll 300px 110px #eee;
	padding:10px 20px 20px 0;
	width:620px;
	position:relative;
}
.family-search-branch {
	background: url('https://www.wisconsinhistory.org/images/2011/family-history-search-branch.png') no-repeat scroll 300px 25px #eee;
	padding:10px 20px 20px 0;
	width:620px;
	position:relative;
}
.bottom-search-tip {
	max-width:350px;
}
.family-search-within {
	/*background: url('/images/2011/family-history-search.png') no-repeat 0 0 #eee;*/
	padding:10px 20px 0px 0;
	width:620px;
}
.collections-search {
	background-color: #5c5c5c !important;
	padding:10px 20px 20px 0;
	width:620px;
}
.teach-search {
	background: url('https://www.wisconsinhistory.org/images/promo/Feature/teach.jpg') no-repeat scroll 0 0 #bbb;
	width:640px;
	overflow:hidden;
	height:300px;
}
.family-search span {
	color:#888;
	font-weight:bold;
	font-size:2em;
	padding-bottom:5px;
	letter-spacing:-0.15em;
}
.collections-search .search-tips {
	float:right;
	width:340px;
}
.collections-search .search-tips p {
	font-size:1.1em;
	margin-bottom:2em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6em;
}
.section-browse-list {
	margin: 10px 0 20px 20px;
}
.section-browse-list li {
	line-height:2em;
}
ul.section-browse-list a {
	font-weight:normal !important;
}
.collections-search .divider {
	border-bottom:1px solid #999;
	margin:20px 0 0 10px;
	clear:both;
}
.divider {
	border-bottom:1px dotted #ccc;
	margin:0 0 25px 0;
}
.divider-vertical {
	border-left: 1px solid #aaa;
	height:283px;
	margin:20px;
	float:left;
}
hr {
	border:0;
	background-color:#ccc;
	text-align:left;
	height:1px;
	margin: 20px 0;
}
.flourish {
	height:18px;
	background:url('https://www.wisconsinhistory.org/images/site/flourish-hr.gif') 45.5% -13px no-repeat;
	margin: -3px auto 0;
	width:640px;
}
.blog-intro {
	border-bottom:1px dotted #ccc;
	margin:0 0 20px 0;
}
.blog-intro p {
	font-size: 0.95em !important;
	margin-bottom:5px !important;
}
.section-cartridge .search-holder {
	margin:8px 0 5px 0;
	border:none;
}
.text-left-content {
	float:left;
	width:320px;
	padding:15px 10px 0 0;
	min-height:335px;
}
.dark div.text-left-content {
	background: url('https://www.wisconsinhistory.org/images/site/transparent-bg-dark.png') repeat scroll 0 0 transparent;
	width:370px;
}
.community-history-top div.text-left-content {
	width:252px;
}
.dark div.text-left-content p {
	font-size:0.95em;
}
.dark div.text-left-content p.intro {
	font-size:1.2em;
}
.about-video-box {
	width:922px !important; 
	height:344px !important;
	margin-left:-6px !important;
}
.about-video-box div.text-left-content {
	width: 300px !important; 
	min-height:200px !important; 
	height:330px !important;
}
#content-wrapper-category .about-video-box li, .margin-bottom-10 li{
	margin-bottom:10px !important;
}
.section-left-correct {
	margin-left:-6px !important;
}
.section-float-correct {
	margin-left: 14px !important;
}

.section-float-correct-gift {
	margin-left: -30px !important;
}

/* SECTION CARTRIDGE ADD-ON: search results list styles
-------------- */
.section-results-list-cartridge p {
	margin: 5px 20px 10px 20px;
}
.section-results-list-cartridge div.record, .white div.record {
	padding: 10px 20px 5px 5px;
	margin:0 10px -1px;
}
.section-results-list-cartridge INPUT.record-image, .section-results-list-cartridge img.record-image {
	margin:0 10px 0 20px;
}
.section-results-list-cartridge INPUT.record-image[src$=".jpg"], .section-results-list-cartridge img.record-image[src$=".jpg"], #content-wrapper-category .section-results-list-cartridge .white-lines img.record-image[src$=".jpg"] {
	border:1px solid #fff !important;
}
#content-wrapper-category .section-results-list-cartridge .white-lines div.record, .section-results-list-cartridge div.record {
	border-color:#fff !important;
}
.section-results-list-cartridge div.record-caption {
	margin:0 0 5px 92px;
}
/* SECTION CARTRIDGE ADD-ON: search results list style overrides for category pages
-------------- */
#content-wrapper-category .section-results-list-cartridge {
	background-color:#fff;
}
#content-wrapper-category .section-results-list-cartridge div.record {
	border-color:#ccc !important;
}
#content-wrapper-category .section-results-list-cartridge span.property-name{
	color:#333;
}
#content-wrapper-category .section-results-list-cartridge INPUT.record-image[src$=".jpg"], #content-wrapper-category .section-results-list-cartridge img.record-image[src$=".jpg"] {
	border:1px solid #ccc !important;
}
/* ADD-ON: widths
--------------------------------------*/
.w920 {
	width:920px;
	max-width:920px !important;
}
.w640 {
	width:640px;
	/*max-width:640px !important; messes up video on About page...*/
}
.w360, .w360-arrow-list {
	width:360px;
	max-width:360px !important;
}
.w260 {
	width:260px;
	max-width:260px !important;
}
.w140 {
	width:140px;
	max-width:140px !important;
}
.w60 {
	width: 60px !important;
	}
.w80 {
	width: 80px !important;
	}
/* SECTION CARTRIDGE ADD-ON: dark (creates a grey background with white text)
--------------- */
.dark, .related-categories {
	background-color:#5c5c5c;
	color:#fff;
}
.dark a, .dark a:link, .dark a:visited, .dark a:hover, .dark a:focus, .dark a:active,
.related-categories a, .related-categories a:link, .related-categories a:visited, .related-categories a:hover, .related-categories a:focus, .related-categories a:active {
	color: #fff !important;
	font-weight:bold;
}
.dark p, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark div.SeeAllLink a, .dark span,
.related-categories p, .related-categories h2, .related-categories h3, .related-categories h4,  .related-categories h5, .related-categories h6, .related-categories div.SeeAllLink a, .related-categories span {
	color: #fff !important;
}
.proxmire img.record-image {
	margin:0 !important;
}
.proxmire .record-caption {
	margin:0 0 0 60px !important;
	padding:0px !important;
	background:none !important;
}
.proxmire div.record {
    margin: -2px 10px 0 20px;
    padding: 10px 0;
}
.proxmire p {
	margin:10px;
}
/* section-cartridge add on: gallery (as seen in image gallery promotions)
----------------------------------------------------------------------------*/
.gallery h4 {
	margin:5px 0 0 20px;
	padding:0;
}
.gallery h2 {
	padding:0;
	margin:3px 0 15px 20px !important;
}

/* Category section-cartridge styles 
----------------------------------------------------------------------------*/
.dark .record-title h4, .light .record-title h4 {
	display:none;
}
/* Subtitle styling for category pages 
----------------------------------------------------------------------------*/
.SeeAllLink {
	text-transform:uppercase;
	margin: 0 0 20px 35px;
}
a.browse-all {
	display:block;
	margin-top:15px;
	font-weight:bold;
}
.section-cartridge .SpotlightRecords {
	margin-top:20px;
}
.dark div.record-description p {
	color:#aaa !important;
}
.dark div.record-description {
	color:#ddd !important;
	line-height: 1.3em;
}
.dark .SeeAllLink a {
	font-weight:normal;
}
.dark div.record-caption {
	background: url('https://www.wisconsinhistory.org/images/site/white-circle-arrow.png') no-repeat;
	background-position: 5px 2px;
	padding: 0px 0px 20px 25px;
	margin: 0px 10px 0px 10px;
}
.spotlight-photo-left div.record-caption {
	background:none !important;
	margin:0px !important;
	padding: 0px !important;
}
.spotlight-photo-left .rel-record {
	padding: 0 !important;
	margin: 0 !important;
}
.spotlight-photo {
	float:left;
	margin:15px 20px 20px 20px;
}
.spotlight-photo-left div.SpotlightRecords {
	float:left !important;
	width: 200px;
	margin:20px 10px 10px 0px !important;
}
.light div.record-description p {
	color:#555 !important;
}
.nosubtitle div.record-description p, .w360-arrow-list div.record-description p, .right-related div.record-description p {
	display:none;
}
.no-description div.record-description, .w360-arrow-list div.record-description {
	display:none;
}
.no-type div.record-title h4, .white-spotlight-arrow-list div.record-title h4, .arrow-white-spotlight h4, .w360-arrow-list h4 {
	display:none;
}
.white-spotlight-arrow-list div.rel-record, .w360-arrow-list div.rel-record {
	border:none !important;
	min-height:1px !important;
	padding:0 !important;
	}
.white-spotlight-arrow-list INPUT.record-image {
	display:none !important;
}
.smaller div.record-title h3 a, .smaller-no-pad div.record-title h3 a {
	font-size:1.2em !important;
	}
/* SECTION CARTRIDGE ADD-ON: spotlighting arrow lists
----------------------*/
.light div.record-caption, .white-spotlight-arrow-list div.record-caption {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 5px 2px;
	padding: 0px 0px 10px 25px;
	margin: 0px 10px 10px 20px !important;
}

.arrow-white-spotlight div.record-caption, .w360-arrow-list div.record-caption {
	background: url('https://www.wisconsinhistory.org/images/site/white-circle-arrow.png') no-repeat;
	background-position: 5px 2px;
	padding: 0px 0px 10px 25px;
	margin: 0px 10px 10px 20px !important;
}

/* SECTION CARTRIDGE ADD-ON: white background
--------------- */
.white {
	background-color:#ffffff;
}
/*.white div.record-description p {   Removing this style allows the subtitle to come in bold. Not sure what else this will affect, though.
	font-weight:normal;
}*/ 
.white .record-caption {
	margin:0 0 5px 5px !important;
}

/* SECTION CARTRIDGE ADD-ONS: Remove default border, remove default background
--------------*/
.no-border {
	border:none !important;
	padding:0px 1px !important;
	margin-bottom:15px !important;
}
.no-background {
	background:none;
}

/* Hides aspects that are on the page for accessiblity reasons
------------------- */
.structural {
    position:absolute;
    left:-9999px;
}

/***************************************************************************


                                 Type
                                -------

  This section styles all typography and article formatting.
  
  Current formatting includes:
  
  		- headings
		- paragraphs
		- lists (bulleted, numbered, data lists)
		- special items (quotes, blockquotes, cite, etc)





****************************************************************************/

/* --------------- PARAGRAPHS ------------------*/
p {
	margin: 0 0 0.85em 0;
}
.article-content-holder p, .sticky p, body.mceContentBody p, body.mceContentBody .sticky p {
	font-size:1.05em;
	line-height:2em;
	margin:0 0 1.8em 0; /*NOTE: Paragraphs, lists, and tables have a consistent bottom margin of 1.8em. (margin:0 0 1.8em 0;) */
}
body.mceContentBody p, body.mceContentBody .sticky p {
	font-size:1.05em;
	line-height:1.6em;
	margin:0 0 1.8em 0; /*NOTE: Paragraphs, lists, and tables have a consistent bottom margin of 1.8em. (margin:0 0 1.8em 0;) */
}
div.content-image-left p, .content-image-top p, div.content-image-right p {
	padding: 0 2px 0px 7px !important;
	margin-bottom:2px !important;
	font-size:0.95em !important;
	clear:both;
}
div.RecordContainer p {
	line-height:1.6em;
	margin-bottom:1.8em;
}
.section-cartridge p {
	margin: 5px 10px 10px 20px;
	line-height:1.3em !important;
}
.hanging-indent, .hanging-indent p {
	text-indent:-25px;
	padding-left:25px;
}

/* --------------- HEADINGS ------------------*/
h1, h2, h3, h4, h5, h6, dt, .TitleText {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
h1{
	padding: 0 0 0.6em 0;
	margin: 0;
	font-size: 2.4em;
	line-height:1em;
	font-weight:normal;
}
h2, .light .TitleText {
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	font-weight:bold;
}
h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	color:#4B90D1;
	font-weight:bold;
}
.article-content-holder h3, #content-wrapper-wide h3, body.mceContentBody h3 {
	font-size: 1.5em;	
}
h4 {
	font-size: 1.25em;
	line-height: 1em;
	color:#666;
	font-weight:bold;
}
.article-content-holder h4, body.mceContentBody h4 {
	font-size: 1.4em;
}
h5 { /* seen on collection item detail record pages */
	font-size: 1.15em;
	font-weight: bold;	
	padding: .6em 0 .6em 0;
}
.article-content-holder h5, #content-wrapper-wide h5, body.mceContentBody h5 {
	font-size: 1.3em;	
}

h6 {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight:bold;
	padding-top:20px;
}
.article-content-holder h6, #content-wrapper-wide h6, body.mceContentBody h6 {
	font-size:1.2em;	
}

/* ARTICLE, HOME, AND WIDE PAGE SUBHEAD PADDING */
.article-content-holder h2, #content-wrapper-wide h2, body.mceContentBody h2,
.article-content-holder h3, #content-wrapper-wide h3, body.mceContentBody h3,
.article-content-holder h4, #content-wrapper-wide h4, body.mceContentBody h4,
.article-content-holder h5, #content-wrapper-wide h5, body.mceContentBody h5,
.article-content-holder h6, #content-wrapper-wide h6, body.mceContentBody h6 {
	padding: .2em 0 .4em;	
}

/* UNDERLINED HEADINGS */
.underline {
	border-bottom: #80a6d3 solid 1px;
	width:100%;
	margin-bottom:10px;
}

.underline-indent {
	border-bottom: #80a6d3 solid 1px;
	width:95%;
	margin-bottom:5px;
}

.article-content-holder h2.underline, #content-wrapper-wide h2.underline, body.mceContentBody h2.underline,
.article-content-holder h3.underline, #content-wrapper-wide h3.underline, body.mceContentBody h3.underline,
.article-content-holder h4.underline, #content-wrapper-wide h4.underline, body.mceContentBody h4.underline,
.article-content-holder h5.underline, #content-wrapper-wide h5.underline, body.mceContentBody h5.underline,
.article-content-holder h6.underline, #content-wrapper-wide h6.underline, body.mceContentBody h6.underline {
	padding: .6em 0 0.12em;
}

.article-content-holder h2.underline, #content-wrapper-wide h2.underline, body.mceContentBody h2.underline {
		font-size: 1.8em;
		font-weight:normal;
}



/* UPPERCASE */
.related-boxone li span, .box-two, ul.page-tools-b li, .navbox h3, ul#page-tools li, .lower02 h3, .dark .TitleText, .w360 .TitleText, .w360-arrow-list .TitleText, .right-related .TitleText, .banner-title .TitleText  {
	text-transform: uppercase;
}	
/* BOLD */
.steps-list h3,  #teach-info h3, #contentcover h3, .navback h3, #text h2, #idx-events #text2 h2, #idx-feature-top #text a, .store-item h3 a, .def-list dt, .def-list dt a, h5 a.lesson-download, .extra-nav li a, .extra-nav li span, .extra-nav li a:link, .extra-nav li a:visited, .extra-nav li a:hover, .extra-nav li a:active, .link-01, .content-holders a, .article-content-holder a, , #content-wrapper-wide a, .sub-content-holders a, body.mceContentBody a {
	font-weight: bold;
}
/* REMOVE BOLD */
.share-utility-box a {
	font-weight: normal;
}

/* CUSTOM HEADINGS */


/*H1 Custom Headings 
-----------------------------*/
/* Page title image and heading indents */
.page-title-image img {
	float:left;
	border:1px solid #ccc;
	margin-right:10px;
	width:60px;
}
.page-title-image h1, .page-title-image h3, .page-title-image h4 {
	margin-left:60px;
}

/*H2 Custom Headings 
-----------------------------*/
.content-image-left h2, .content-image-top h2, .content-image-right h2 {
    font-size: 1.07em;
    font-weight: bold;
    padding: 10px 2px 2px 7px;
}
.content-image-left h2 a, .content-image-top h2, content-image-right h2 {
	font-size:1.07em;
}
.section-cartridge h2, .light .TitleText, .smaller h2 {
	margin:10px 5px 12px 20px;
	line-height:1.1em;
}
.category-feature h2, .category-feature-260 h2 {
	line-height:1.1em;
}
.collections-search h2 {
	font-size:1.6em;
}

/*H3 Custom Headings 
-----------------------------*/
.RecordContainer h3 {
	text-transform: uppercase;
	color:#000000;
	padding: 2em 0 0.2em;
	clear:both;
}
.RecordContainer h3:after {
	padding: 0px 0px 0px 10px;
	content:url('https://www.wisconsinhistory.org/images/site/arrow.gif');
}
.page-title h3:after, h3.color:after {
	content:none !important;
	padding:0 !important;
}
.RecordContainer h3.color {
	text-transform:none;
	color:#4B90D1 !important;
	clear:none;
	padding:0 !important;
}
.arrow-list h3, .arrow-list-white h3, .arrow-list-description h3, .arrow-list-description-white h3,
.arrow-list h5, .arrow-list-white h5, .arrow-list-description h5, .arrow-list-description-white h5 {
	font-size: 1.3em;
}
.arrow-list-description h5 {
	font-size: 1.25em !important;
}
h3.subtitle {
    color: #999999;
    font-size: 1.6em;
    line-height: 1.2em;
    padding: 0 0 15px;
    text-transform: none;
}
h3.subtitle span {
		font-size:0.62em;
}
div.record-title h3 a, div.record-title h3 {
	font-size:1.2em;
	padding-top:0;
	text-transform:none;
}
#content-wrapper-serp div.record-title h3 a, #content-wrapper-serp div.record-title h3 {
	font-size:1.1em;
	padding-top:0;
	text-transform:none;
}
.section-cartridge div.record-title h3 a, .section-cartridge div.record-title h3 {
	font-size: 1.3em;
}
.light div.record-title h3 a, .light div.record-title h3 {
	font-size: 1.1em;
}
div.record-title h3 a:visited {
	/* doesn't work correctly color:#800080; */
	color:#0033CC;
}
div.record-title h3 a:hover, div.record-title h3 a:focus {
	text-decoration: underline;
}
div.record-title h3 a:active {
	color: #ca6115;
}
.section-cartridge .box-two, .dark .TitleText, .banner-title .TitleText, .right-related .TitleText  {
	margin:-1px 0 0 0 !important;
	background: #3f3f3f url('https://www.wisconsinhistory.org/images/site/box-type-one-section-gradient.gif') top repeat-x;
	padding-left:20px !important;
	border-bottom:1px solid #444 !important;
}
.w360 .TitleText, .w360-arrow-list .TitleText {
	margin:-1px 0 0 0 !important;
	background: #3f3f3f url('https://www.wisconsinhistory.org/images/site/box-type-one-section-gradient.gif') top repeat-x;
	padding-left:20px !important;
}
.banner-title .TitleText {
	background: #3f3f3f url('https://www.wisconsinhistory.org/images/site/box-type-one-section-gradient.gif') top repeat-x;
	border:0 !important;
	margin:0 !important;
	color:#fff !important;
	font-weight: normal !important;
	font-size: 1.1em !important;
	padding: 5px 0 5px 20px !important;
}
.right-related .TitleText {
	background: #3f3f3f url('https://www.wisconsinhistory.org/images/site/box-type-one-section-gradient.gif') top repeat-x;
	border:0 !important;
	color:#fff !important;
	font-weight: normal !important;
	font-size: 1.1em !important;
	padding: 5px 0 5px 15px !important;
	margin:15px 0 0 0 !important;
}
.right-nav-box div.record-title h3 a {
	font-size:1.1em !important;
}
.section-results-list-cartridge div.record-title h3, .white div.record-title h3, .dark div.record-title h3 {
	padding:0;
	margin:0;
	font-size:0.95em;
}
.section-results-list-cartridge h3 {
	margin: 0 20px -5px 20px;
}

/*H4 Custom Headings 
-----------------------------*/
.page-title h4, .page-title-image h4 {
	font-size: 1.1em;
	color: #999;
	text-transform: uppercase;
	letter-spacing:normal;
	font-weight: bold;
	padding:0;
}
.record-title h4, .record-caption h4 {
	padding-top:0.6em;
	text-transform: uppercase;
	color:#999;
	font-weight:bold;
}
#content-wrapper-serp .record-title h4, #content-wrapper-serp .record-caption h4 {
	padding-top:0.6em;
	text-transform: uppercase;
	color:#999;
	font-weight:bold;
	font-size:1.1em;
}
.section-results-list-cartridge div.record-caption h4, .white div.record-caption h4 {
	color:#888;
	padding-top:0;
}
.category-feature h4 {
	margin:15px 0 0 20px;
}
.category-feature-260 h4 {
	margin:5px 0 0 20px;
}
/*H5 Custom Headings
------------------------------------*/
.section-cartridge h5 {
	margin-bottom: -2px !important;
}

/*H5 Custom Headings
------------------------------------*/
.section-cartridge h6 {
	margin:0 0 0 20px !important;
	padding:0 !important;
}
.section-cartridge .arrow-list h6, .section-cartridge .arrow-list-white h6, .section-cartridge .arrow-list-description h6, .section-cartridge .arrow-list-description-white h6 {
	margin-left:0px !important;
}
/* Article Styles
---------------------*/

/* --------------- INDENTS ------------------*/
.indent, p.indent {
	margin-left:30px !important;
}
.double-indent, p.double-indent {
	margin-left:60px !important;
}
.triple-indent, p.triple-indent {
	margin-left:90px !important;
}

/* --------------- LISTS ------------------*/

.article-content-holder li li:first-child, #content-wrapper-wide li li:first-child, body.mceContentBody li li:first-child  {
	margin-top: 1.8em !important;
}
.article-content-holder ul, #content-wrapper-wide ul, body.mceContentBody ul  {
	list-style-type:disc;
	margin:0 0 1.8em 0;
	margin-left:45px;
	font-size:1.05em;
}
.article-content-holder ul ul, #content-wrapper-wide ul ul, body.mceContentBody ul ul  {
	list-style-type:disc;
	margin:0 0 0 0;
	margin-left:45px;
	font-size:1.05em;
}
.article-content-holder ul.double-indent, #content-wrapper-wide ul.double-indent, body.mceContentBody ul.double-indent {
	margin-left:75px;
}
.article-content-holder ul.triple-indent, #content-wrapper-wide ul.triple-indent, body.mceContentBody ul.triple-indent {
	margin-left:105px;
}
.article-content-holder ul li, #content-wrapper-wide ul li, .article-content-holder ol li, #content-wrapper-wide ol li, body.mceContentBody ol li, body.mceContentBody ul li {
	padding-bottom:10px;
	line-height:1.6em;
}
.article-content-holder ol, #content-wrapper-wide ol, body.mceContentBody ol {
	list-style-type:decimal;
	margin:0 0 1.8em 0;
	margin-left:50px;
	font-size:1.05em;
}
.article-content-holder ol.double-indent, #content-wrapper-wide ol.double-indent, body.mceContentBody ol.double-indent {
	margin-left:80px;
}
.article-content-holder ol.triple-indent, #content-wrapper-wide ol.triple-indent, body.mceContentBody ol.triple-indent {
	margin-left:110px;
}
.article-content-holder ol li, #content-wrapper-wide ol li, body.mceContentBody ol li {
	padding-bottom:10px;
}
li {
	line-height: 1.3em;
}
.article-content-holder ul.no-bullet, #content-wrapper-wide ul.no-bullet, body.mceContentBody ul.no-bullet {
	list-style-type:none;
	margin-left:0px;
}
.download-box ul {
	list-style-type:none !important;
	margin:5px 5px 0 5px !important;
}
.download-box li {
	padding: 0 0 0 40px;
	margin:0;
}
.download-box li span {
	font-size:0.85em;
}
.article-content-holder ul.hanging-indent li, #content-wrapper-wide ul.hanging-indent li, body.mceContentBody ul.hanging-indent li {
	list-style-type:none;
	margin-left:0px;              /* As seen on 4-digit year timelines in HPC content, Chapter 1, Article 1 */
    padding-left: 0;
    text-indent: -54px;
}
/* columns */
.article-content-holder ul.column, body.mceContentBody ul.column {
  width:640px;
  margin: 10px 0 20px 0;
  overflow:hidden;
  font-size:0.85em;
}
.article-content-holder ul.column li, body.mceContentBody ul.column li {
  line-height:1em;
  float:left;
  display:inline;
}
.sites-list ul.column {
  width:920px;
  margin: 10px 0 20px 0;
  overflow:hidden;
}
.sites-list ul.column li {
  float:left;
  width:300px;
  height: 62px;
}
.sites-list ul.column p, .sites-list ul.column h2 {
  margin:0;
  padding:0;
  padding-left:100px;
}
.sites-list h2 {
	margin-top:-10px;
}
.sites-list ul.column img {
  position:absolute;
  padding:15px 0 0 18px;
}
.sites-list li a {
	background:none!important;
}
.image-list ul.column li, body.mceContentBody .image-list ul.column li {
  float:left;
  height:60px;
  width:200px;
}
.image-list ul.column p, .image-list ul.column h2 {
  margin:0;
  padding:0;
  padding-left:100px;
}
div#content div.image-list li a[target=_blank] {
	padding-right:0px !important;
	}
.image-list h2 {
	margin-top:30px !important;
}
.image-list ul.column img {
  position:absolute;
  padding:15px 0 0 18px;
}
.image-list li a {
	background:none!important;
}
.article-content-holder .double li, body.mceContentBody .double li  { width:45%;} /* 2 col */
.article-content-holder .triple li, body.mceContentBody .triple li  { width:25%; } /* 3 col */
.article-content-holder .quad li, body.mceContentBody .quad li   { width:20%; } /* 4 col */
.article-content-holder .six li, body.mceContentBody .six li     { width:15%; } /* 6 col */

ul.bullet-list {
	margin:0 0 1.8em 0;
	margin-left: 30px !important;
	list-style-type: disc !important;
}
ul.bullet-list li {
	padding: 0;
}

/* ARROW LISTS (as seen on section pages) */

.article-content-holder ul.arrow-list, .article-content-holder ul.arrow-list-white, .article-content-holder ul.arrow-list-indent, .article-content-holder ul.arrow-list ul, #content-wrapper-wide.arrow-list ul ul, 
#content-wrapper-wide ul.arrow-list, #content-wrapper-wide ul.arrow-list-white, #content-wrapper-wide ul.arrow-list-indent,
body.mceContentBody ul.arrow-list, body.mceContentBody ul.arrow-list-white, body.mceContentBody ul.arrow-list-indent, body.mceContentBody ul.arrow-list ul {
	list-style-type:none;
	padding:0;
	margin:0 0 1.8em 0;
}

.article-content-holder ul.arrow-list h2, .article-content-holder ul.arrow-list-white h2, .article-content-holder ul.arrow-list-indent h2,
#content-wrapper-wide ul.arrow-list h2, #content-wrapper-wide ul.arrow-list-white h2, #content-wrapper-wide ul.arrow-list-indent h2,
body.mceContentBody ul.arrow-list h2, body.mceContentBody ul.arrow-list-white h2, body.mceContentBody ul.arrow-list-indent h2
   {
	padding:0;
	margin:0;
}

.article-content-holder ul.arrow-list h5, .article-content-holder ul.arrow-list-white h5, .article-content-holder ul.arrow-list-indent h5,
#content-wrapper-wide ul.arrow-list h5, #content-wrapper-wide ul.arrow-list-white h5, #content-wrapper-wide ul.arrow-list-indent h5
body.mceContentBody ul.arrow-list h5, body.mceContentBody ul.arrow-list-white h5, body.mceContentBody ul.arrow-list-indent h5 {
	padding:0;
	margin:0 0 0 0;
	font-size:1.1em%;
}

.article-content-holder ul.arrow-list li, .article-content-holder ul.arrow-list-white li, .article-content-holder ul.arrow-list-indent li,
#content-wrapper-wide ul.arrow-list li, #content-wrapper-wide ul.arrow-list-white li, #content-wrapper-wide ul.arrow-list-indent li
body.mceContentBody ul.arrow-list h5, body.mceContentBody ul.arrow-list-white li, body.mceContentBody ul.arrow-list-indent li {
	padding-top: 2px;
}

.arrow-list, .arrow-list-white, .arrow-list-indent  {
	margin:0;
	padding:0;
}
.arrow-list li, .arrow-list-indent li {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 10px 18px;
	margin: 0px 10px 0px 0px;
}
.arrow-link {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 18px !important;
	font-size:1.2em !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1em !important;
}
p.arrow-description {
	margin-left:18px;
	margin-top:-1.6em !important;
	line-height:1.4em !important;
}
.arrow-list-white li {
	background: url('https://www.wisconsinhistory.org/images/site/white-circle-arrow.png') no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 10px 25px;
	margin: 0px 10px 0px 20px;
	font-weight:bold;
}
.arrow-list-description, .arrow-list-description-white  {
	margin:0;
	padding:10px 0 20px 0px;
}
.arrow-list-description li, .section-cartridge .arrow-list li {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 0.85em;
	padding: 0px 0px 4px 20px;
	margin: 0px 10px 0px 0px;
}
#content-wrapper-category .arrow-list-description li {
	background-position: 0px 3px;
	margin-bottom: 20px;
}
.section-cartridge .arrow-list-description li {
	margin-bottom: 10px !important;
}
.section-cartridge .arrow-list li {
	margin-bottom: 0px !important;
	background-position: 0px .85em; /* Be careful editing this property... it affects the arrow position in the top green related boxes on category pages) */
}
#content-wrapper-category .arrow-list-description-white li {
	background-position: 0px 5px;
	margin-bottom: 20px;
}
#content-wrapper-category .community-history-top .arrow-list-description-white {
	margin-top:20px;
}
#content-wrapper-category .community-history-top .arrow-list-description-white li {
	margin-bottom:10px;
}
#content-wrapper-category .arrow-list-description li h4, #content-wrapper-category .arrow-list-description-white li h4, .dark h4 {
	text-transform:uppercase;
	margin-bottom:0;
}
#content-wrapper-category .arrow-list-description li h5, #content-wrapper-category .arrow-list-description-white li h5  {
	padding-top:2px;
	padding-bottom:0.2em;
}
.arrow-list-description li h6, .arrow-list-description-white li h6, .section-cartridge .arrow-list li h6 {
	padding-top:8px !important;
	margin: 0 !important;
	font-size:1.2em !important;
}
#content-wrapper-category .arrow-list-description-white li h5 {
	font-size:1.3em;
	line-height:1.2em;
}
.arrow-list-description-white li {
	background: url('https://www.wisconsinhistory.org/images/site/white-circle-arrow.png') no-repeat;
	background-position: 0px 0.95em;
	padding: 0px 0px 4px 20px;
	margin: 0px 10px 0px 0px;
}
.related-categories .arrow-list li {
	background: url('https://www.wisconsinhistory.org/images/site/white-circle-arrow.png') no-repeat;
	background-position: 0px 0.25em;
	padding: 0px 0px 4px 20px!important;
	margin: 0px 10px 10px 0px!important;
}
ul.arrow-list-description-white, ul.arrow-list-description {
	padding:10px 0 20px 20px;
}
ul.arrow-list-description-white, ul.arrow-list-description, .section-cartridge ul.arrow-list {
	padding:0 0 20px 20px;
}
.article-content-holder ul.arrow-list-indent, #content-wrapper-wide ul.arrow-list-indent, body.mceContentBody ul.arrow-list-indent {
	margin:0 0 0 30px;
	padding: 10px 0 0;
}
.article-content-holder ul.arrow-list-indent li, #content-wrapper-wide ul.arrow-list-indent li, body.mceContentBody ul.arrow-list-indent li {
	padding-bottom: 30px;
}
.article-content-holder ul.arrow-list-indent li:last-child, #content-wrapper-wide ul.arrow-list-indent li:last-child, body.mceContentBody ul.arrow-list-indent li:last-child {
	padding-bottom: 2.8em;
}

/* --------------- TABLES ------------------*/
.article-content-holder table, body.mceContentBody table {
	margin:0 0 1.8em 0;
	margin-right: 10px;
	margin-left: 21px;
	border-collapse: collapse;
	width: 590px; 
}
.article-content-holder table td, .article-content-holder table th, body.mceContentBody table td, body.mceContentBody table th {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

.article-content-holder table th, body.mceContentBody table th {
	font-weight:bold;
	color: #333;
    font-size: 1em;
    margin-bottom: 5px;	
}

.article-content-holder table caption, body.mceContentBody table caption {
	padding: 0 0 .4em 0;
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* --------------- Definition Lists ------------------*/

.article-content-holder dl, #content-wrapper-wide dl, body.mceContentBody dl {
	width:550px;
	margin:0 0 1.8em 0;
	margin-top: 10px;
	margin-left: 30px;
}
.article-content-holder dt, #content-wrapper-wide dt, body.mceContentBody dt {
	font-weight:bold;
	color: #333;
    font-size: 1.1em;
    margin: 20px 0 3px;	
}
.article-content-holder dt.indent, #content-wrapper-wide dt.indent, body.mceContentBody dt.indent
.article-content-holder dd.indent, #content-wrapper-wide dd.indent, body.mceContentBody dd.indent {
	margin-left:30px;
}
.article-content-holder dl.indent, #content-wrapper-wide dl.indent, body.mceContentBody dl.indent {
	margin-left:60px;
}
.article-content-holder dl.double-indent, #content-wrapper-wide dl.double-indent, body.mceContentBody dl.double-indent {
	margin-left:90px;
}
.article-content-holder dd ul, #content-wrapper-wide dd ul, body.mceContentBody dd ul {
	font-size:1em;
}
.isolate {
	margin-top:20px;
}
.section-cartridge dt {
	color: #333;
    font-size: 1.3em;
    margin: 20px 0 0;	
}
.section-cartridge dl {
	margin:0 20px;
	font-weight:bold;
}
.detail-record dl {
	font-weight:normal;
}
/***************************************************************************


                             Common
                           ----------

  This section styles common elements across the site, including:
  
  			- images and slideshows
			- related resources boxes and search results
			- home page
			- download box with arrow(seen on commission pages)


---------------------------------------------------------------------------*/


/* image and slideshow titles
-------------------------*/
.enlarg-image a img, .enlarg-image a:hover img {
	border: none;	
}
.enlarg-image a span {
	cursor: pointer;
} 
.enlarg-image span {
	position: absolute;
	width: 30px;
	height: 30px;
	background: url('https://www.wisconsinhistory.org/images/site/enlarge.gif') left no-repeat;
	left: 0;
	top: 0;
	text-indent: -2000em;
	z-index:1000;
}
.content-image-left, .content-image-right {
	float: right;
	margin: 3px 0 30px 40px;
	padding: 0 0 0 10px;
	border-left: solid 1px #ccc;
	max-width: 260px;
	position:relative;
	clear:right;
}
.RecordContainer .dark {
	padding:0 !important;
}
.content-image-top {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0 !important;
	border-bottom: solid 1px #ccc;
	max-width: 640px;
	position:relative;
	clear:right;
}
.slideshow {
	width: 260px;
	height:0px;
	overflow:hidden;
}
.right {
	float: right !important;
	clear:none !important;
}
.left {
	float: left !important;
	clear:none !important;
}
.image-border {
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
	margin: 0 5px 0 0;
}
/* Related Resources lists (seen on the right side of article pages)
--------------------*/
.related-boxone {
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	list-style: none;
}
.related-boxone li {
	padding: 10px 0px;
	margin: -1px 10px 0px;
	border-top: 1px solid #ddd;
}
.related-boxone li p {
	padding:0 0 0 10px;
	margin:-2px 0 0 0;
	font-size:0.95em;
}
.property li p {
	padding:0 0 0 70px;
}
.images li p {
	padding:0 0 0 70px;
}
.images li img {
	width:60px;
}
.related-boxone li img {
	border:#ccc solid 1px;
}
div.related-img {
	width:60px;
	margin:0 auto;
	float:left;
	text-align:center;
	clear:left;
}
div.related-img-property {
	width:70px;
	margin:0 auto;
	float:left;
	text-align:center;
	clear:left;
}
ul.property li {






	min-height:60px;
}
.related-boxone li span {
	display: block;
	color: #999;
}
.arrows li {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 9px;
	padding-left:10px;
}

/* Right search results styling */
.related-boxone div.rel-record {
	margin: 0 10px;
	padding: 20px 3px;
	border-top: 1px solid #ddd;
}
.related-boxone div.rel-record h4 {
	display:none !important; /* remove if you'd like the types to show in the right related section */
	font-weight:normal;
	letter-spacing:-0.02em;
	font-size:1.1em;
}
.related-boxone INPUT.record-image, .related-boxone img.record-image {
	padding:0;
	margin:0 5px 0 0;
}
.related-boxone div.record-caption {
	padding:0;
	margin:0;
}
.related-boxone div.record-title h3 {
	line-height:1.3em;
	padding:0;
	margin:0;
	display: block;
}
.related-boxone span.property-name {
	display:none;
}
.related-boxone div.record-description p, .related-boxone div.record-description {
	font-weight:normal;
	color:#666;
}

/*  Right related resources grey header box-two
---------------*/
.box-two, .dark .TitleText, .w360 .TitleText, .w360-arrow-list .TitleText {
	background: #3F3F3F url('https://www.wisconsinhistory.org/images/site/box-type-one-section-gradient.gif') top repeat-x;
	padding: 5px 7px;
	margin: 15px 0 0 0;
	color: #fff !important;
	font-weight:normal;
	font-size:1.1em!important;
	border-top:#999 1px solid;
	border-top:#999 1px solid;
	border-top:#999 1px solid;
	border-bottom:#ddd 1px solid;
}
.no-border-bottom .TitleText {
	border-bottom:none !important;
}
.plain .TitleText {
	text-transform:none !important;
	background:none !important;
	font-size: 1.5em !important;
	font-weight:bold !important;
	border-bottom:none !important;
	color:#333 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.dark .TitleText {
	color:#fff !important;
}
h2.smaller {
	font-size: 1.23em !important;
	margin:20px 0 2px 20px;
}
.smaller div.TitleText {
	font-size: 1.23em !important;
	margin:20px 0 2px 20px;
	line-height:1.2em !important;
	padding: 10px 5px 20px 20px !important;
}
h2.smallest { /* Very small h2 heading, as seen on advocacy pages */
	font-size:1.23em !important;
	margin-bottom:20px !important;
	}
.collapse {
	margin-bottom:-1px !important;
	}
  /* Rounded box style and download arrow as seen on commission pages
-------------------------------------------------------------------------*/
.download-box {
	border: 1px solid #ccc;
	width:590px;
	margin-top:40px;
	margin-bottom:40px;
	padding-top:5px;
	min-height:20px;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */	
}
.button {
	border: 1px solid #ccc;
	margin-top:40px;
	margin-bottom:60px;
	padding-top:5px;
	min-height:20px;
	width:45%;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 8px;
	-moz-border-radius: 8px; /* Firefox 3.6 and earlier */
	-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */	
}
.section-cartridge .button {
	margin: 0 0 10px 20px;
	width:320px;
	box-shadow: 5px 5px 5px #000000;
}
.all-caps {
	text-transform:uppercase;
}
.download-box h2, .button h2 {
	margin-left:10px;
}
.button h2 {
	margin-left:30px;
}
.light-blue p, .blue p, .dark-blue p, .wine p, .brown p, .green p, .yellow p, .orange p, .blue-background p,
.light-blue h2, .blue h2, .dark-blue h2, .wine h2, .brown h2, .green h2, .yellow h2, .orange h2, .blue-background h2,
.light-blue h3, .blue h3, .dark-blue h3, .wine h3, .brown h3, .green h3, .yellow h3, .orange h3, .blue-background h3,
.light-blue h4, .blue h4, .dark-blue h4, .wine h4, .brown h4, .green h4, .yellow h4, .orange h4, .blue-background h4,
.light-blue h5, .blue h5, .dark-blue h5, .wine h5, .brown h5, .green h5, .yellow h5, .orange h5, .blue-background h5,
.light-blue h2 a, .blue h2 a, .dark-blue h2 a, .wine h2 a, .brown h2 a, .green h2 a, .yellow h2 a, .orange h2 a, .blue-background h2 a  {
	color:#fff;

}
.right-nav-box div.download-box {
	padding: 8px 0 0 0;
	margin: 10px 0 0px 0px;
	display: block;
	float: left;
	min-height:45px;
	width: 198px;
	box-shadow: none;
	-moz-box-shadow: none;
}
.download {
	background: #fff url('https://www.wisconsinhistory.org/images/site/download-arrow.gif') no-repeat;
	background-position: 10px 4px;
}
.rounded-box-related h3 {
	margin: 0 0 0px 40px;
	padding: 0;
}
.rounded-box-related p.text-download {
	padding: 0;
	margin: 0 0 5px 35px;
}

/*---------------------------------------------------------------------------


                             Forms
                           ---------

  This section styles the search box, buttons and other forms across the website.


---------------------------------------------------------------------------*/

/* Form Confirmation Styles (and 404 template page)
---------------------------------------------------------*/
.form-confirmation #top-bar {
height:16px; 
margin-bottom:0;
background: #d2d8e0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDhlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzU0ODhjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iIzAwM2Q3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #d2d8e0 0%, #5488c3 45%, #003d7d 72%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d8e0), color-stop(45%,#5488c3), color-stop(72%,#003d7d));
background: -webkit-linear-gradient(top,  #d2d8e0 0%,#5488c3 45%,#003d7d 72%);
background: -o-linear-gradient(top,  #d2d8e0 0%,#5488c3 45%,#003d7d 72%);
background: -ms-linear-gradient(top,  #d2d8e0 0%,#5488c3 45%,#003d7d 72%);
background: linear-gradient(to bottom,  #d2d8e0 0%,#5488c3 45%,#003d7d 72%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d8e0', endColorstr='#003d7d',GradientType=0 );
}

.form-confirmation #content-wrapper-article {
	min-height:600px;	
	}


/* HTML forms in CMS
----------------------------------- */

.article-content-holder label, body.mceContentBody label {
	font-weight:bold;
	padding-top:10px;
	display:block;
}
.article-content-holder label.error {
	color:#F00 !important;
	}
.article-content-holder .float-field, body.mceContentBody .float-field {
	float:left;
	margin-right:6px;
} 
.article-content-holder label span, body.mceContentBody label span {
	font-weight:normal;
	font-size: 0.9em;
}
.article-content-holder fieldset, body.mceContentBody fieldset {
	background-color:#ddd;
	padding: 0 10px 20px 18px;
	margin-top:20px;
}
.article-content-holder legend, body.mceContentBody legend {
	font-weight:bold;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 -2px;
	padding:30px 0 0 0;
}
.article-content-holder fieldset input[type="text"], .article-content-holder fieldset input[type="phone"], .article-content-holder fieldset input[type="email"], .article-content-holder fieldset textarea,
body.mceContentBody fieldset input[type="text"], body.mceContentBody fieldset input[type="phone"], body.mceContentBody fieldset input[type="email"], body.mceContentBody fieldset textarea {
    background-color: #FCF7F9;
	border:solid 1px #ddd;
	padding:5px;
	color:#666;
}
.article-content-holder fieldset input[type="text"].error, .article-content-holder fieldset input[type="phone"].error, .article-content-holder fieldset input[type="email"].error, .article-content-holder fieldset textarea.error {
    background-color:#FCC !important;
    border: solid 1px #F00 !important;

}
#btnSubmitFeedback {
	font-size:14px;
	padding: 8px 19px 9px;
	margin:0 !important;
	color:#fff !important;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#btnSubmitFeedback:hover {
	text-decoration: underline;
	cursor:pointer;
}


/*  Search-within (seen on section pages)
-------------------*/
.search-within {
	background-color:#ddd;
}

.search-holder {
	float: left;
	margin: 15px 0 15px 0;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 20px;
}

/*  UNI BANNER FORM (not sure if -top styles are used by Endeca anymore)
-----------------------------------------------------------------------------*/
#search-form {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 4px;
	right: 400px;
}
.inputbox-a { /*Seen on sitewide feedback form */
	vertical-align: top;
	margin: 0;
	width: 311px;
	padding:8px;
	color:#666;
	font-size:1.4em;
	border: 1px solid #9e9e9e;
}
.inputbox-b-top {
	vertical-align: top;
	margin: 0;
	padding: 0;
	width: 100px;
	color: #666;
}
.inputbox-c-top {
	vertical-align: top;
	margin: 0;
	padding: 0;
	color: #666;
}
/* Various other input boxes
-----------------------------------------------------------------------------*/
.inputbox-b { /*Global search box at top of each page - NO SEARCH WITHIN */
	vertical-align: top;
	width: 238px !important;
	padding:7.5px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	float:left;
}
.inputbox-b2 { /*Global search box WITH SEARCH WITHIN at top of each page */
	vertical-align: top;
	margin: 0;
	width: 125px; /* 230 px at full width without search within */
	padding:7.5px 120px 7.5px 7.5px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	float:left;
}
.inputbox-c { /* used on category pages */
	vertical-align: top;
	margin: 0 5px 0 0;
	width: 215px;
	padding:4px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.inputbox-d { /* Seen on Commission pages */
	vertical-align: top;
	margin: 0 5px 0 0;
	width: 115px;
	padding:4px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.inputbox-e { /*Seen on family history section page */
	vertical-align: top;
	margin: 0;
	width: 200px;
	padding:4px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.inputbox-e-year { /*Seen on family history section page */
	vertical-align: top;
	margin: 0;
	width: 100px;
	padding:4px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.inputbox-preserve { /*Seen on preserve section page */
	vertical-align: top;
	margin: 0;
	width: 240px;
	padding:4px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.inputbox-f { /* Seen on County Histories page */
	vertical-align: top;
	margin: 0;
	width: 160px;
	padding:4px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.inputbox-g { /* Seen on WHI page */
	vertical-align: top;
	margin: 0;
	width: 80px;
	padding:4px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

/* Various select boxes
-----------------------------------------------------------------------------*/
.selectbox-b {
	vertical-align: top;
	margin: 0;
	width: 160px;
	padding:6.5px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
}
.selectbox-c { /*Seen on county histories page */
	vertical-align: top;
	margin: 0;
	width: 245px;
	padding:3px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}
.selectbox-e { /*Seen on family history section page */
	vertical-align: top;
	margin: 0 0 0 10px;
	width: 58px;
	padding:3px;
	color:#666;
	font-size:1.2em;
	border-top: 1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}


/* Various check boxes
-----------------------------------------------------------------------------*/
.checkbox-a {
	width: 260px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}
.checkbox-b {
	width: 273px;
	padding: 0;
	margin: 0 0 0 21px;
	float: left;
}
.checkbox-c {
	width: 170px;
	padding: 0;
	margin: 0 0 0 21px;
	float: left;
}
/* Form backgrounds and submit buttons
-----------------------------------------*/
/*Search within boxes (section and commission pages)*/
.search-within-box-related {
	background-color:#ddd;
	padding:10px 0px 10px 10px;
	margin-top:20px;
}
.contentdminput {
	width:240px;
}
.go-button {
	background:url('https://www.wisconsinhistory.org/images/site/go.gif') no-repeat 0 0 transparent;
	width:43px;
	height:27px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	margin-left:2px;
	text-indent: -1000em;
}
input[type="submit"].go-button:hover, .go-button:hover {
	background-position: 0 -32px;
} 
a.go-button {
	display:block;
}
.dark .go-button {
	background:url('https://www.wisconsinhistory.org/images/site/go-dark.gif') no-repeat 0 0 transparent;
}
/*Header Search (sitewide search)*/
#header-search {
	padding: 10px 20px 20px 22px;
	margin:0;
	position:absolute;
	top:15px;
	left:285px;
	background:url('https://www.wisconsinhistory.org/images/site/search-background2.png') no-repeat 0px -5px transparent;
	width:412px;
	height:18px;
	z-index:6;
}
.container #header-search {
	height:48px !important;
}
input[id$="_searchBox_searchWithin"] {
	margin-top:11px;
	position: absolute;
	left:168px;
}
.SearchWithinCheckbox label {
	display:block;
	width:120px;
	position:absolute;
	left:190px;
	top:20px;
	font-size:11px;
}
.search-button {
	background:url('https://www.wisconsinhistory.org/images/site/search-button.gif') no-repeat 0 0 transparent;
	width:111px !important;
	height:33px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	margin-left:5px;
	text-indent: -1000em;
	position:absolute;
	left:280px;
	top:10px;
}
INPUT.search-button[type="submit"]:hover {
    background-position: 0 -33px;
}

/*---------------------------------------------------------------------------


                             jQuery styles
                           ------------------

  This section styles for interactive page elements on the site, including
  
  jQuery plugins for:
  
				- image enlargement
				- popup slideshows
				- carousels
				- tooltip popups
				- modal window popups


---------------------------------------------------------------------------*/


/* jQuery plugin styles
---------------------*/

/*Glossary Tool Tip Style
--------------------------------------*/
.dictionary { 
 	border-bottom: 1px solid;
	text-decoration:underline;
	cursor:pointer; 
	padding-bottom:1px;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { margin: 0; padding:1px; text-align:left; }

/* carouFredSel styles
----------------------------------------*/

.image_carousel {
	position: relative;
	clear:both;
}
.image_carousel ul {
	margin:0;
	padding:0;
}
.image_carousel li {
	background-color: white;
	padding: 0;
	margin:0;
	display: block;
	float: left;
}
.section-cartridge .image_carousel {
	width:340px;
	float:right;
	margin-left:20px;
}
.section-cartridge .image_carousel li {
	background-color: transparent;
}
/*.section-cartridge li a[href^="http://"] {  Removed to allow outside links in cartridges to have the external link icon.
	background:none !important;
}*/
div.image_carousel ul#property li a {
	background:none !important;	
}
div.article-content-holder .image_carousel li, div#content-wrapper-wide .image_carousel li, body.mceContentBody .image_carousel li {
	padding-bottom:20px;
	background-color:transparent;
}
.image_carousel img {
	border: 1px solid #ccc;
}
.image_carousel li p {
	padding: 0 0 0 9em;
	text-align:center;
	width:200px;
	height:20px;
	display: block;
	font-size:2em;
}
/* carouFredSel styles for pagination - all styles below are from plugin
----------------------------------------*/
a.prev, a.next, a.play, a.pause {
    background: url('https://www.wisconsinhistory.org/images/site/miscellaneous_sprite.png') no-repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    position: absolute;
    width: 60px;
}
a.prev, a.next {
    top: 35px;
}
a.play, a.pause {
    left: 50%;
    margin-left: -22px;
    top: 185px;
    z-index: 200;
}
a.next {
    right: -12px;
	background-position: -80px -24px;
}
a.prev {
    left: -20px;
	background-position: -15px -24px;
}
a.prev:hover {
    background-position: -15px -85px;
}
a.prev.disabled {
    background-position: -15px -145px !important;
    cursor: default;
}
a.next:hover {
    background-position: -80px -85px;
}
a.next.disabled {
    background-position: -80px -145px !important;
    cursor: default;
}
a.play {
    background-position: -100px 0;
}
a.play:hover {
    background-position: -100px -50px;
}
a.play.disabled {
    background-position: -100px -100px !important;
    cursor: default;
}
a.pause {
    background-position: -150px 0;
}
a.pause:hover {
    background-position: -150px -50px;
}
a.pause.disabled {
    background-position: -150px -100px !important;
    cursor: default;
}
a.prev span, a.next span, a.play span, a.pause span {
    display: none;
}
/*---------------------------------------------------------------------------


                            Navigation Styles
                         ------------------------

  This section styles for link elements on the site, including:
    
				- default link styles
				- external link icons
				- header and footer links
				- button links (header, feedback, add to cart)
				- guided navigation styles for search results
				- mega menu
				- breadcrumbs
				- share tools


---------------------------------------------------------------------------*/

a {
	color:#0033cc;
	outline: none;
	text-decoration: none;
}	
a #idx-feature-top {
	font-weight: normal;
}
a:link {
	color:#0033cc;
}
body.mceContentBody .EndecaLink, body.mceContentBody .EndecaSearch {
	color:#0033cc !important;
}
a:visited {
	/* doesn't work correctly color:#800080; */
	color:#0033cc;
}
a:hover, a:focus {
	color: #0033cc;
	text-decoration: underline;
}
a:active {
	color: #0033cc;
}

/*External links icons in content area
----------------------------------------------- */
div#content p a[href^="http://"], div#content p a[href^="https://"], div#content li a[href^="http://"], div#content li a[href^="https://"], div#content p a[target=_blank], div#content li a[target=_blank]  {
    background: url('https://www.wisconsinhistory.org/images/site/external.png') no-repeat scroll right center transparent;
    padding-right: 13px;
}

div#content p a[href^="http://www.addthis.com"], div#content li a[href^="http://www.addthis.com"],
div#content p a[href^="https://www.wisconsinhistory.org"], div#content li a[href^="https://www.wisconsinhistory.org"],
div#content p a[href^="http://wisconsinhistory.org"], div#content li a[href^="http://wisconsinhistory.org"],
div#content p a[href^="http://support.wisconsinhistory.org"], div#content li a[href^="http://support.wisconsinhistory.org"],
div#content p a[href^="http://content.wisconsinhistory.org"], div#content li a[href^="http://content.wisconsinhistory.org"],
div#content p a[href^="http://preview.wisconsinhistory.org"], div#content li a[href^="http://preview.wisconsinhistory.org"],
div#content p a[href^="http://staging.wisconsinhistory.org"], div#content li a[href^="http://staging.wisconsinhistory.org"],
div#content p a[href^="http://cms.wisconsinhistory.org"], div#content li a[href^="http://cms.wisconsinhistory.org"],
div#content p a[href^="https://shop.wisconsinhistory.org"], div#content li a[href^="https://shop.wisconsinhistory.org"],
div#content p a[href^="https://shop.wisconsinhistory.org"], div#content li a[href^="https://shop.wisconsinhistory.org"],
div#content p a[href^="https://support.wisconsinhistory.org"], div#content li a[href^="https://support.wisconsinhistory.org"],
div#content p a[href^="http://support.wisconsinhistory.org"], div#content li a[href^="http://support.wisconsinhistory.org"],
div#content p a[href^="http://www.wisconsinhistorytour.org"], div#content li a[href^="http://www.wisconsinhistorytour.org"],
div#content ul#nav li a[target=_blank], div#content li a.buy-button[href^="http://"]
{
	background: none;
	padding-right: 0px;
}

div#content li a[href^="#"] {
	background: none;
}
/*------------------------------------*\
	Dropdown Nav (as seen in hours cartridge on home page)
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin:10px 0;
	float:left;
	width:100%;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	width:205px;
}
#nav-down-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid blue;
	display:inline-block;
	float:right;
	margin-top:5px;
}
#nav a {
	display:block;
	padding:5px !important;
	width:210px;
	background:#fff !important;
	text-decoration:none;
	border:1px solid #929496;
	border-radius: 2px 2px 2px 2px;
}
#nav ul a {
	border:none;
	border-radius:none;
}
#nav a:hover{
	background:#3399ff !important;
	color:#fff;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /*  IE7+ fix - make this the same as the background of where this is positioned. */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	border:1px solid #ddd;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	width:220px;
}
#nav ul li{
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Displays the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover ul li a:hover{ /* styles hover on each individual link. */
	background:#3399ff !important;
	color:#fff;
}

/* Buttons
--------------------------------*/

a.help-button {
	background:url('https://www.wisconsinhistory.org/images/site/help-button.gif') no-repeat 0 0 transparent;
	display:block;
	width:31px;
	height:29px;
	padding:4px 0 0 0px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	position:absolute;
	top:27px;
	left:673px;
	z-index:1000;
}
a.help-button:hover {
	background-position: 0 -33px;
	text-decoration:none;
}
a.help-button span {
	position:absolute;
    left:-9999px;
}
/* New Store and Calendar Buttons
------------------------------------- */ 
a.store-button {
	background:url('https://www.wisconsinhistory.org/images/site/STORE-button.gif') no-repeat 0 0 transparent !important;
	display:block;
	width:102px;
	height:30px;
	padding:4px 0 0 2px !important;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
	cursor: pointer;
	position:absolute;
	top:17px;
	right:15px;
}
a.store-button:hover {
	background:url('https://www.wisconsinhistory.org/images/site/STORE-button.gif') no-repeat 0 0 transparent !important;
	background-position: 0 -34px !important;
	text-decoration:none;
}
a.store-button span {
	position:absolute;
    left:-9999px;
}
a.store-button iframe {
	position:absolute;
	top: 2px;
	right:-1px;
	width:43px;
	padding:0 !important;
	margin:0 !important;
	overflow:hidden;
	background-color:transparent !important;
	height:31px;
}
a.events-button {
	background:url('https://www.wisconsinhistory.org/images/site/EVENTS-CALENDAR-button.gif') no-repeat 0 0 transparent !important;
	display:block;
	width:100px;
	height:30px;
	padding:4px 0 0 3px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	position:absolute;
	top:17px;
	right:130px;
}
a.events-button:hover {
	background-position: 0 -34px !important;
	text-decoration:none;
}
a.events-button span {
	position:absolute;
    left:-9999px;
}
/* ABOUT Button
------------------------------------- */
a.about-button {
	background:url('https://www.wisconsinhistory.org/images/site/about.gif') no-repeat 0 0 transparent;
	display:block;
	width:232px;
	height:30px;
	padding:4px 0 0 12px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: text; /* change to pointer when links are activated */
	position:absolute;
	top:17px;
	left:670px;
}
a.about-button:hover {
	background-position: 0 -34px;
	text-decoration:none;
}
a.about-button span {
	position:absolute;
    left:-9999px;
}
a.add-to-cart-button {
	background:url('https://www.wisconsinhistory.org/images/site/add-to-cart.gif') no-repeat 0 0 transparent;
	display:block;
	width:116px;
	height:29px;
	padding:4px 0 0 12px;
	margin:5px 0 0 20px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
}
a.add-to-cart-button:hover {
	background-position: 0 -37px;
	text-decoration:none;
}
a.add-to-cart-button span {
	position:absolute;
    left:-9999px;
}

.agreeBtn {
  background: #b1c074;
  background-image: -webkit-linear-gradient(top, #b1c074, #657144);
  background-image: -moz-linear-gradient(top, #b1c074, #657144);
  background-image: -ms-linear-gradient(top, #b1c074, #657144);
  background-image: -o-linear-gradient(top, #b1c074, #657144);
  background-image: linear-gradient(to bottom, #b1c074, #657144);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Helvetica,Arial,Sans-serif,sans-serif;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.agreeBtn:hover {
  background: #b9fc3c;
  background-image: -webkit-linear-gradient(top, #b9fc3c, #d9b834);
  background-image: -moz-linear-gradient(top, #b9fc3c, #d9b834);
  background-image: -ms-linear-gradient(top, #b9fc3c, #d9b834);
  background-image: -o-linear-gradient(top, #b9fc3c, #d9b834);
  background-image: linear-gradient(to bottom, #b9fc3c, #d9b834);
  text-decoration: none;
}
.agreeBtn span {
	position:absolute;
    left:-9999px;
}
a.buy-this-image {
	background:url('https://www.wisconsinhistory.org/images/site/buy-this-image.gif') no-repeat 0 0 transparent;
	display:block;
	width:115px;
	height:29px;
	padding:4px 0 0 12px;
	margin:15px 0 0 20px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
}
a.buy-this-image:hover {
	background-position: 0 -37px;
	text-decoration:none;
}
a.buy-this-image span {
	position:absolute;
    left:-9999px;
}
a.buy-this-record {
	background:url('https://www.wisconsinhistory.org/images/site/buy-this-record.gif') no-repeat 0 0 transparent;
	display:block;
	width:135px;
	height:29px;
	padding:4px 0 0 12px;
	margin:10px 0 0 20px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:right;
}
a.buy-this-record:hover {
	background-position: 0 -37px;
	text-decoration:none;
}
a.buy-this-record span {
	position:absolute;
    left:-9999px;
}
.soon-button {
	background:url('https://www.wisconsinhistory.org/images/site/SOON-button.gif') no-repeat 0 0 transparent !important;
	display:block;
	width:120px;
	height:24px;
	padding:4px 0 0 12px;
	margin:10px 0 0 20px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
	text-indent: -1000px;
}
.disc-button {
	background:url('https://www.wisconsinhistory.org/images/site/DISC-button.gif') no-repeat 0 0 transparent !important;
	display:block;
	width:120px;
	height:24px;
	padding:4px 0 0 12px;
	margin:10px 0 0 20px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
	text-indent: -1000px;
}

.buy-button {
	background:url('https://www.wisconsinhistory.org/images/site/BUY-button.gif') no-repeat 0 0 transparent !important;
	display:block;
	width:60px;
	height:32px;
	padding:4px 0 0 12px;
	margin:10px 0 0 20px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
	float:left;
	text-indent: -1000px;
}

.buy-button:hover {
	background-position: 0 -37px;
	text-decoration:none;
}
.buy-button span {
	position:absolute;
    left:-9999px;
}
a.preview-button {
	background:url('https://www.wisconsinhistory.org/images/site/PREVIEW.png') no-repeat 0 0 transparent;
	display:block;
	width:67px;
	height:72px;
	margin-top:5px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	position:absolute;
	top:0px;
	left:270px;
}
a.preview-button:hover {
	background-position: 0 -72px;
	text-decoration:none;
}
a.preview-button span {
	position:absolute;
    left:-9999px;
}
a.feedback-button {
	background: url(https://www.wisconsinhistory.org/images/site/contactus.png)  no-repeat 0 0 transparent;
	display:block;
	width:30px;
	height:216px;
	margin-top:5px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	position:fixed;
	top:150px;
	left:0;
	z-index:1000;
}
a.feedback-button:hover {
	background-position: 0 -286px;
	text-decoration:none;
}
a.feedback-button span {
	position:absolute;
    left:-9999px;
}
a.survey-promo-button {
	background:url('https://www.wisconsinhistory.org/images/site/SURVEY-PROMO-button.gif') no-repeat 0 0 transparent;
	display:block;
	width:200px;
	height:41px;
	margin-top:5px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	position:absolute;
	top:110px;
}
a.survey-promo-button:hover {
	background-position: 0 -41px;
	text-decoration:none;
}
a.survey-promo-button span {
	position:absolute;
    left:-9999px;
}
div.survey-promo {
	width:150px;
	background:#e3e3e3 url('https://www.wisconsinhistory.org/images/site/SURVEY-PROMO-box-gradient.gif') repeat-x 0 0;
	padding:15px;
	margin:50px 10px;
	font-weight:bold;
	line-height:0.4em;
	border-left: 2px solid #878787;
	border-right: 2px solid #878787;
	border-top: 2px solid #d6d6d6;
}
div.survey-promo p {
	font-size:0.93em;
}
img.survey-promo-image {
	position:absolute;
	top:20px;
	right:-0px;
}
a.join-button {
	background:url('https://www.wisconsinhistory.org/images/site/join.png') no-repeat 0 0 transparent;
	display:block;
	width:229px;
	height:72px;
	margin-top:5px;
	position:absolute;
	bottom:90px;
	right:100px;
}
a.join-button:hover {
	background-position: 0 -75px;
	text-decoration:none;
}
a.join-button span {
	position:absolute;
    left:-9999px;
}
a.images-homepage-button {
	background:url('https://www.wisconsinhistory.org/images/site/search-images-button-green.png') no-repeat 0 0 transparent;
	display:block;
	width:150px;
	height:50px;
	margin-top:90px;
}
a.images-homepage-button:hover {
	background-position: 0 -50px;
	text-decoration:none;
}
a.images-homepage-button span {
	position:absolute;
    left:-9999px;
}
div.whi-homepage-background {
	background:url('https://www.wisconsinhistory.org/images/promo/Medium/New-WHI-on-homepage.png') no-repeat 0 0 transparent;
	width:360px;
	height: 146px;
}
a.BBNCjoin {
	background:url('https://www.wisconsinhistory.org/images/site/become-a-member.png') no-repeat 0 0 transparent;
	display:block;
	width:229px;
	height:72px;
	position:relative;
	top:10px;
	left:175px;
	margin-bottom:20px;
}
a.BBNCjoin:hover {
	background-position: 0 -75px;
	text-decoration:none;
}
a.BBNCjoin span {
	position:absolute;
    left:-9999px;
}
a.BBNClogin {
	background:url('https://www.wisconsinhistory.org/images/site/LOGIN-button.gif') no-repeat 0 0 transparent;
	display:block;
	width:50px;
	height:24px;
	position:relative;
	top:10px;
	left:260px;
	margin-bottom:40px;
}
a.BBNClogin:hover {
	background-position: 0 -24px;
	text-decoration:none;
}
a.BBNClogin span {
	position:absolute;
    left:-9999px;
}

/* NEW Commission Article Buttons back and next
-------------------------------------------------------------------*/
div.article-content-holder ul.commission-navigation, body.mceContentBody ul.commission-navigation {
	margin: 20px 0;
	list-style-type:none;
	display:block;
	min-height:100px;
	position:relative;
	z-index:11;

	background-color:#ddd;
}
div.article-content-holder ul.commission-navigation li, body.mceContentBody ul.commission-navigation li {
	padding: 10px;
	display: block;
	float: left;
	position:absolute;
}
div.article-content-holder ul.commission-navigation li a, body.mceContentBody ul.commission-navigation li a {
	display:block;
	font-size:0.95em;
	min-height:55px;
	width:130px;
}
li.next-commission a {
	margin-left:15px;
	padding:15px 60px 5px 25px;
	text-align:right;
}
li.back-commission a {
	margin-left:5px;
	padding:15px 5px 5px 60px;
}
li.back-commission {
	background: url('https://www.wisconsinhistory.org/images/site/back-button.png') no-repeat left top;
	width:280px;
	z-index:10;
	position:absolute;
	left:0px;
}
li.next-commission {
	background: url('https://www.wisconsinhistory.org/images/site/next-button.png') no-repeat right top;
	width:240px;
	z-index:10;
	padding:0px;
	position:absolute;
	right:0px;
}

/*  Faceted Navigation (left navigation seen on search results page)
-----------------------------------------------------------------------------*/
ul.dim-list {padding:0px 10px 0; font-weight:bold; margin-top:5px; width:240px;} /* Switch top padding to 0 when new search message gets published */
li.dim-state {padding:20px 20px 10px 20px; margin-bottom:5px; background-color:#eee;}
.left-search li.dim-state {background-color:transparent;}
div.dim-state-container {}
div.dim-name {color:#666; margin:-20px -20px 10px -20px; padding: 10px 0 0 20px; font-size:1.3em; background-color:#d9d9d9; font-family:Arial, Helvetica, sans-serif; min-height:20px;}
.left-search div.dim-name {background-color:transparent;}
ul.dim-values-list {}
li.dim-value {line-height:1.8em; font-weight:normal; padding-bottom:3px; color:#777; margin-bottom:0!important;}
span.refine-count {font-weight:normal;}

/*  Notifications and messages
-----------------------------------------------------------------------------*/
div.search-results-help {
	border:1px solid #e5e5e5; 
	background: #ccc no-repeat 10px 30px;
	background-image: url('https://www.wisconsinhistory.org/images/site/arrows-search-message.png');
	min-height:20px; 
	clear:both; 
	float:left; 
	margin:10px 0 0 10px; 
	padding:5px 20px; 
	width:860px; 
	border-radius:5px 5px 5px 5px; 
	position:relative;}
div.search-message h2.message-header {padding:0; margin:0; /*font-family:Comic Sans, Comic Sans MS, cursive;*/ font-size:1.3em; color:#333; float:left;}
div.search-message a.click-close {position: absolute;  cursor: pointer; top: 5px; right: -12px; width: 30px; height: 30px;}
div.search-message a.click-close {color:#333 !important;}
div.search-message a.click-close:hover {text-decoration:none !important;}
div.search-message div.slidebox {clear:both; padding-top:10px;}
div.search-message div.section {float:left; width:135px; padding:30px 0 20px 50px;}
div.search-message div.message1 {}
div.search-message div.message2 {padding-left:75px;}
div.search-message div.message3 {padding-left:98px;}
div.search-message div.message4 {padding-left:60px;}
.full-record-disclaimer {
	position:absolute !important; 
	top:170px; 
	right:235px;
	width:300px;  
	border:1px solid #ccc; 
	padding:20px 10px 10px 30px; 
	font-size:0.95em; 
	border-radius: 15px;
	margin: 10px 0 0 10px; 
	background-image:none !important;
	background: #ffffff !important; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 1%, #d9d8d8 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#ffffff), color-stop(100%,#d9d8d8))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 1%,#d9d8d8 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 1%,#d9d8d8 100%)!important; /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 1%,#d9d8d8 100%)!important; /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 1%,#d9d8d8 100%)!important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d8d8',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */
}
.full-record-disclaimer h2 {
	font-size:1.3em;
	}

.full-record-disclaimer p {
	line-height:1.4em; 
	margin-bottom:1em;
	}
a.slide-down {
	cursor:pointer !important;
	}
.plainbox {
	border:none !important;
	background:none !important;
	width:150px !important;
}
.plainbox h2 {
	font-weight:normal;
	}

/* Top search controls for Standard Search Results Cartridge
-----------------------------------------------------------------------------*/
span.SearchTerm {display:block; margin:5px 0 5px 10px; padding:0;}
div.search-page-row {border-top:1px solid #ccc; float:left; width:100%; margin:-1px 0 0 -1px;padding:0; min-height:10px; width:641px;}
div.search-controls h2 {margin:-5px 0 0 0; padding:0;}
div.search-controls {float:left; width:100%;}
div.ResultsSummary {padding:10px; float:left;}
div.ResultsSummary h1 {font-size:1.8em;}
div.records-display-inputs {width:608px; padding:0 10px; background-color:#ddd; float:left;}
div.dropdown-container-page {float:right; padding:6px 20px 0 0;}
div.dropdown-container-sort {float:left; padding:6px 0 0 20px;}
div.dropdown-container-page span.caption {}
select.drop-down-element {}
div.image-toggle {padding:10px; float:right;}
div.image-toggle span {display:block; padding-top:1px; float:left; color:#666;}
div.Pagination {font-size: 1em; min-height:10px; width:629px; }
div.RecordOffsetChoices {min-height:10px; padding:8px 10px 5px 10px; min-width:558px;}
/* css arrows
----------------------------*/
.arrow-up {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid blue;
		display:inline;
}
.arrow-down {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid blue;
		display:inline;
}
span.NextPage a {
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid blue;
		float:right;
}
span.PreviousPage a {
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent; 
        border-right:7px solid blue;
		float:left;
}
span.PreviousPage a:hover {border-right:7px solid #3399FF;}
span.NextPage a:hover {border-left:7px solid #3399FF;}

span.PreviousPage {width:10px; height:20px; line-height:1em; margin:0 5px 0 3px; float:left; padding-top:4px; margin-left:15px;}
span.NextPage {width:10px; height:20px; line-height:1em; margin:0 3px; float:left; padding-top:4px; margin-right:15px;}

span.Page a {display:block; float:left; margin:2px 3px 0 0; padding:0px 6px 1px; border: 1px solid #ccc; text-align:center;}
span.Page:hover {}
span.CurrentPage {position:relative; top:-2px; float:left; margin: 0 5px 0 5px; font-weight:bold; padding:5px 5px 8px 5px; }

span.NextSet {float:left; padding: 3px 10px 0 0;}
span.PreviousSet {float:left;padding:3px 0 0 10px;}

/* Results List for Standard Search Results Cartridge
-----------------------------------------------------------------------------*/
div.record {
	border-top:1px solid #ccc; 
	margin:-2px 20px 0 20px; 
	padding:10px; 
	min-height:70px; 
	clear:both;
}
#content-wrapper-serp div.record {
	border-top:1px solid #ccc; 
	margin:-2px 20px 0 20px; 
	padding:5px 10px 5px 10px; 
	min-height:70px;
}
.w360 div.rel-record  {
	border-top:1px solid #ccc; 
	margin:-2px 5px 0 5px; 
	padding:10px; 
	min-height:70px;
}
.w360 .SpotlightRecords {
	margin-top:1px !important;
}
.w360 .SeeAllLink {
	margin-left:20px !important;
}
div.record-caption {
	margin:0 0 5px 92px;
}
#content-wrapper-serp div.record-caption {
	margin:0 0 5px 160px;
}
INPUT.record-image, img.record-image {
	float:left; 
	margin:10px 20px 0px 10px; 
	clear:both; 
	max-width:60px; 
	max-height:60px;
}
#content-wrapper-serp div.serp-image-wrapper { 
	float:left; 
	width:150px;
	margin-bottom:15px;
}
#content-wrapper-serp INPUT.record-image, #content-wrapper-serp img.record-image { 
	margin:10px 10px 0px 80px; 
	clear:both; 
	max-width:120px; 
	max-height:120px;
}
INPUT[id*="WHIImageButton"] {
	margin-left:20px !important;
	float:right !important;
}
div.record-description p {
	margin:0; 
	padding:0; 
	font-weight:bold;
}
div.record-description {
	line-height: 1.3em
}
div.record-description p span, div.record-description span p {
	color:#666; 
	font-weight:normal;
}
span div.record-description p {
	font-weight:normal; 
	margin-bottom:1.8em;
}
.no-border div.rel-record  {
	border-top:none !important;
}
/* Results List for WLHBA page
-----------------------------------------------------------------------------*/
div.wlhba-name-indent p:first-child {
	margin-left:0;
}

div.wlhba-name-indent p {
	margin-left:18.6em;
}

/* Top Navigation Drop-down (Mega menu)
-----------------------------------------------------------------------------*/
#top-bar {
	background: url("https://www.wisconsinhistory.org/images/site/blue-gradient.gif") repeat-x scroll center top transparent;
    height: 63px;
    width: 961px;
	position:relative;
	z-index:5;
}
.help-button-wrapper {
	position:absolute;
	z-index:10;
	top:125px !important;
}
#main-nav-dropdown {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 32px;
    line-height: 32px;
    position: relative;
    width: 262px;
    z-index: 800;
}
.no-link-top a {
    cursor: default;
	margin:17px 0 0 40px;
}
.no-link a {
    cursor: default;
}
#taskNav {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
	margin: 0 0 0 20px;
    height: 32px;
    list-style: none outside none;
    text-decoration: none;
    width: 261px;
    z-index: 1000;
}
#taskNav ul {
    list-style-type: none;
}
#taskNav li {
	padding-bottom:0 !important;
	}
#taskNav div ul {
    float: left;
    list-style: none outside none;
	padding: 0px;
	width:235px;/* controls width of flyout - set to line up with right edge of search box */
}
#taskNav ul li:hover div.flyout {
    display: block;
	background-color:#fff;
	padding-top:20px;
}
.disabled {
    display:none;
}
/*#taskNav div li:hover {
    text-decoration: none;
}*/
#taskNav div .mega-image {
	clear:left;
	float:left;
	width:80px;
	padding: 27px 10px 30px 0px;
	margin:-20px 0 0 0;
}

#taskNav div ul.short-list {
	padding: 0px 10px 0px 0px;
}
a.browse-button, a.browse-button:hover {
    background: url('https://www.wisconsinhistory.org/images/site/browse.gif') no-repeat scroll 0 17px transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 31px;
	line-height: 18px;
    padding: 32px 0 0 20px;
    text-decoration: none;
    width: 241px;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	position:relative;	
}
a.browse-button span {
	position:absolute;
    left:-9999px;
}
.switches {
    background-color: #fff;
    display: none;
    font-size: 11px;
    height: auto;
    text-align: left;
	border:5px solid #ddd;
	border-top:0;
	z-index:10;
	}
.switches {	
	-moz-box-shadow: 8px 8px 8px #666;
	-webkit-box-shadow: 8px 8px 8px #666;
    box-shadow: 8px 8px 8px #666;
     /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666');
}
#taskNav .flyout {
    background-color: #4B4B4B;
    color: #FFFFFF;
    display: none;
    left: 276px;  
	border:5px solid #ddd;
	border-left:1px solid #ddd;
    list-style: none outside none;
    padding: 15px 15px 15px 30px;
    position: absolute;
    top: 0;
    z-index: 300;
	-moz-box-shadow: 8px 8px 8px #666;
	-webkit-box-shadow: 8px 8px 8px #666;
    box-shadow: 8px 8px 8px #666;
     /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666');
}
/*Original width #taskNav .col1 {
    width: 325px;
} */

/*#taskNav .col1 {
    width: 332px;
}*/
#taskNav .col2 {
    width: 525px;
}
#taskNav .col3 {
    width: 655px;
}
#flyoutPop1 {
    margin-top: 106px;
}
#flyoutPop2 {
    margin-top: 155px;
}
#flyoutPop3 {
    margin-top: 204px;
}
#flyoutPop4 {
    margin-top: 253px;
}
#flyoutPop5 {
    margin-top: 66px;
}
#flyoutPop6 {
    margin-top: 351px;
}
#flyoutPop7 {
    margin-top: 106px;
}
#flyoutPop8 {
    margin-top: 106px;
}
#flyoutPop9 {
    margin-top: 106px;
}
#flyoutPop10 {
    margin-top: 106px;;
}
li.item a.last { 
	border-bottom:0;
}
a.level-one {
    background-color:#ffffff;
	border-bottom: 1px solid #dddddd;
    color: #000 !important;
    cursor: pointer;
    display: block;
    font-family: Helvetica,Arial,Sans-serif,sans-serif;
    height: 5px;
    line-height: 18px;
    padding:18px 0 25px 20px;
    text-decoration: none;
	font-size:1.3em;
	font-weight:bold;
	position:relative;
}
a.level-one span {
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	font-size:0.85em;
	font-weight:normal;
}
a.level-one-disabled {
    border-bottom: 1px solid #dddddd;
	color: #c7c7c7;
    cursor: pointer;
    display: block;
    font-family: Helvetica,Arial,Sans-serif,sans-serif;
    height: 45px;
    line-height: 18px;
    padding:3px 0 0 10px;
    text-decoration: none;
	font-size:1.3em;
	font-weight:bold;
}
a.level-one-disabled span {
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	font-size:0.85em;
	font-weight:normal;
}
a.level-one span.level-one-arrow {
        display:block;
		width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #ccc;
		position:relative;
		top:-23px;
		right:-210px;
}
a.level-one:hover span.level-one-arrow {
        border-left: 10px solid #ffffff;
}
a.level-one:hover {
	background-color:#dddddd;
    cursor: pointer;
	height: 5px;
	text-decoration:none !important;
}
a.level-two, .level-two {
    border: medium none !important;
    color: #666666 !important;
    cursor: pointer;
    display: block;
    font-family: Helvetica,Arial,Sans-serif,sans-serif;
    font-size: 14px;
	letter-spacing:-0.04em;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
    text-transform: uppercase;
}
.level-two {
	cursor:text;
}
/*a.level-two:after {
	content:url('/images/site/arrow.gif');
	padding: 0px 0px 0px 5px;
}*/
.level-two img {
    border: medium none;
}
a.level-two:hover {
    text-decoration: underline !important;
	color: #0033cc !important;
}
a.level-two-disabled {
    border: medium none !important;
    color: #999 !important;
    cursor: pointer;
    display: block;
    font-family: Helvetica,Arial,Sans-serif,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
    text-transform: uppercase;
}
.flyout li {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 5px 1px;
	padding: 0px 0px 0px 25px !important;
	margin: 0px 5px 15px 0px !important;
}
a.level-three {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}
a.level-three:hover {
    text-decoration: underline !important;
}
a.level-three-more {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 18px;
    line-height: 18px;
    text-decoration: none;
}
a.level-three-more:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
a.level-three-disabled {
    color: #999 !important;
    cursor: pointer;
    display: block;
    height: 18px;
    line-height: 18px;
    text-decoration: none;
}
/*li.no-link:hover ul.switches {
	display: none;
}*/

/*Header Top Links
----------------------------------------------------------------------*/
ul#top-links {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 20px;
	top: 55px;
	font-size:1.25em;
}
ul#top-links li {
	display:inline;
	line-height:1em;
}
ul#top-links li a {
	color: #fff;
	padding: 0 16px 0 8px;
	/*border-left: 1px solid #000;*/
	text-decoration: none;
}
ul#top-links li a#first-link {
	border: none;
}
ul#top-links li a:link {
}
ul#top-links li a:visited {
}
ul#top-links li a:hover, ul#top-links li a:focus {
	text-decoration: underline;
}
#top-links a.donate {
	display:inline-block;
	text-transform:uppercase;
	border:1px solid #dccec0;
	padding:4px 8px;
	background:none;
}
/* Breadcrumbs
-----------------------------------------------------------------------------*/

#crumbs-bar {
	width: 941px;
	z-index:1;
	position:relative;
	float:right;
}
.crumbs {
    display: inline-block;
	padding: 0
	margin: 0;
	color: #000;
	display: block;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	min-height: 10px;
}
.crumbs ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
.crumbs ul li {
	/* old blue color background-color: #3366CC; */
    color: #333;
    display: inline-block;
    font-size: 0.95em;
    margin: 4px 2px 0 6px;
    padding: 4px 10px 4px 7px;
    text-decoration: none;
    float:left;
    border:1px solid #ccc;
}
.crumbs a, .crumbs a:hover, crumbs a:visited, crumbs a:active {
}
.DimensionBreadcrumb .Caption {
	display:none;
}
li.DimensionBreadcrumb a, li.SearchBreadcrumb a  {
	display:inline-block;
	margin: 0 5px 0 0;
	padding: 0px 2px 0 0;
	width:11px;
	height:11px;
}
.BreadcrumbsLabel {
	display:none;
	color:#666; 
	font-size:1.01em;
	font-weight:bold;
	float:left;
	padding:8px 8px 0 0;
}
.crumbs ul li {
	position:relative;
}
.crumbs ul li img {
	position:absolute;
	top:4px;
}

/* Share Tools - Print, Email, Facebook, Twitter
-----------------------------------------------------------------------------*/
div.article-content-holder div.share-utility-box ul.page-tools-b.list-type-2 {
	float: right;
	width: 640px;
	padding: 0;
	margin: 0;
}
div.article-content-holder div.share-utility-box ul.page-tools-b.list-type-2 li {
	padding-bottom:0;
}
ul.page-tools-b {
	list-style: none;
	padding: 0;
	margin: 0 !important;
}
ul.page-tools-b li {
	padding: 0 !important;
	margin: 0;
	display:inline;
	float:left;
	list-style-type:none;
}
ul.page-tools-b li a, ul.page-tools-b li a:visited {
	color: #999;
	font-size:0.9em;
	display: block;
	padding: 0px;
	border-right: 1px dotted #ccc;
}
ul.page-tools-b li a.addthis_button_compact  {
	border-right: 0;
}
.addthis_default_style .at300b, .addthis_default_style .at300m {
	margin: 0px 10px 0px 0px;
	padding:0px 10px 0px 0px;
	display:block;
	float:none;
	line-height:12px; /*Important for padding*/
}
.addthis_default_style .at15t_twitter, .addthis_default_style .at15t_print, .addthis_default_style .at15t_email, .addthis_default_style .at15t_facebook {
    margin: 0px 5px 0 0;
	padding:0px;
}
.addthis_default_style .at15t_compact {
	padding:0 0.6em 0 0;
	margin:0 0 0 0;
}


/* Footer Links
-----------------------------------------------------------------------------*/
#footer p {
	clear:both;
	color: #e6e3d1;
	padding: 0;
	margin: -10px auto 10px auto;
	top: 40px;
	text-align:center;
}
ul#footer-links {
	clear:both;
	list-style: none;
	color:#ffffff;
	padding: 0;
	margin: 0 auto 50px auto;
	text-align:center;
}
ul#footer-links li {
	display:inline;
}
ul#footer-links li a {
	color: #e6e3d1;
	padding: 0 5px 0 8px;
	border-left: 1px solid #a69285;
	text-decoration: none;
}
ul#footer-links li a#footer-first-link, .footer-first-link a {
	border: none !important;
}
ul#footer-links li a:link {
	color: #e6e3d1;
}
ul#footer-links li a:visited {
	color: #e6e3d1;
}
ul#footer-links li a:hover, ul#top-links li a:focus {
	text-decoration: underline;
	color: #fff;
}
ul#footer-links li a:active {
	color: #e6e3d1;
}

/*---------------------------------------------------------------------------


                         Home Page Rotator Styles
                         ------------------------
   
				- this section styles the home page rotator
				- the rotator overrides styles from jqueryui folder


---------------------------------------------------------------------------*/
#featured { 
	width:770px; 
	position:relative;    
	height:360px !important; 
	margin:10px 0 0 20px;
	background-color:none;
	z-index:0; 
}
#featured ul.ui-tabs-nav { /* Positions thumbnails */
	position:absolute; 
	top:0; 
	left:772px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	width:158px; 
}
/* Jquery UI overrides */
.ui-tabs {
	padding: 0 !important;
}
.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
.ui-widget {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 1.05em !important;
}
.ui-widget-content {
	border:0 !important;
	background: transparent !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0 !important;
}
.ui-tabs .ui-tabs-nav li {
	top:0 !important;
	padding: 0 !important;
}
.ui-tabs .ui-tabs-nav li a {
	padding: 0 !important;
}
.ui-widget-header {
	background: none !important;
	border: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none !important;
    border: 0 !important;
    color: #333 !important;
    font-weight: normal !important;
}
/* Thumbnail styling
-------------------------------------------------*/
#featured ul.ui-tabs-nav li img { 
	float:left; 
	margin:7px 6px 6px 11px;   
}
#featured ul.ui-tabs-nav li span { 
	display:none; /* hides label until selected */
}
#featured ul.ui-tabs-nav li.ui-tabs-selected span { 
	display:inline-block;
	font-size:9px;
	color:#333;
	font-weight:bold; 
	font-family:Verdana; 
	line-height:18px;
	position:absolute;
	top:68px;
	left:19px;
	background: url('https://www.wisconsinhistory.org/images/site/transparent-bg.png');
	width:128px;
	height:40px;
	text-align:center;
	white-space:normal; 
}
#featured li.ui-tabs-nav-item a { 
	display:block; 
	height:120px;
	width:148px; 
	color:#333;  
	background:#fff; 
	line-height:20px;
	text-decoration:none;
	border:none;
}
#featured li.ui-tabs-nav-item a:hover { 
	background:#f2f2f2; 
}
#featured ul.ui-tabs-nav li {
    color: #666666;
    font-size: 12px;
    padding: 1px 0 1px 8px !important;
}
#featured .ui-tabs-panel { 
	width:770px; 
	height:360px; 
	background:#999; 
	position:relative;
	top:0px !important;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected { 
	background:url('https://www.wisconsinhistory.org/images/site/selected-item.gif') 0 -8px no-repeat !important;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a { 
	background:transparent; 
}
a:active, a:focus {
    outline: 0;
}
/*---------------------------------------------------------------------------


                             Section Rotator Styles
                         ------------------------
   
				- uses the same code as the home page rotator, but styles it with small circle thumbnails


---------------------------------------------------------------------------*/
.section-rotator .ui-tabs-panel, .section-rotator {
	width:640px !important;
	float:left;
	margin-top:0 !important;
	height: 270px !important;
}
.section-rotator img {
	max-width:640px;
	border: 1px solid #ccc;
}
.section-rotator ul.ui-tabs-nav li span {  /* adds accessibility to the content of this rotator through text labels. These labels won't appear for sighted users. */
    position:absolute !important;
    left:-9999px !important;
}
#featured ul.circle {
	position:absolute;
	left:240px;
	top:307px;
	width:170px;
}
#featured ul.circle li.ui-tabs-nav-item {
	background:	url('https://www.wisconsinhistory.org/images/site/selected-item-circle.png') 0 0 no-repeat !important; 
	height:18px;
	width:18px;
	float:left;
	margin:0 0 0 7px;
}
#featured ul.circle li.ui-tabs-selected { 
	background:url('https://www.wisconsinhistory.org/images/site/selected-item-circle.png') 0 -19px no-repeat !important; 
	width:18px;
	height:18px;
	float: left;
	margin:0 0 0 7px;
}
#featured ul.circle li.ui-tabs-panel {
	height:300px!important;
}
#featured ul.circle li.ui-tabs-nav-item a {
	background:none;
	height:18px;
	line-height:1em;
	width:22px;
	margin:0 0 0 -13px;
	padding:0;
}
/* Info panel styles for large rotator image - not in use
-------------------------------------------------*/
#featured .ui-tabs-panel .info {  /* Currently not in use. This would add a label to the large image */
	position:absolute; 
	top:180px; 
	left:0; 
	height:70px; 
	background: url('https://www.wisconsinhistory.org/images/site/transparent-bg.png'); 
}
#featured .info h2 { 
	font-size:18px; 
	font-family:Georgia, serif; 
	color:#333; 
	padding:5px; 
	margin:0;
	overflow:hidden; 
}
#featured .info p { 
	margin:0 5px; 
	font-family:Verdana; 
	font-size:11px; 
	line-height:15px; 
	color:#333;
}
#featured .info a { 
	text-decoration:none; 
	color:#333; 
}
#featured .info a:hover { 
	text-decoration:underline; 
}
#featured .ui-tabs-hide { 
	display:none; 
}
/*---------------------------------------------------------------------------


                         Home Page Button Navigation
                         ------------------------
   
				- this section styles the home page buttons
				- optional scripts and HTML for this on beta.wisconsinhistory.org


---------------------------------------------------------------------------*/

#idx-main-navigation {
	margin:20px 0 20px 0;
	border:5px solid #999;
	height:140px;
	background-color:#999;
	width:950px;
}
#content-wrapper-category #idx-main-navigation {
	margin-left:-25px;
}
#idx-main-navigation li {
    display:inline;
}
#idx-main-navigation li a {
    float: left;
	width:154px;
	height:140px;
	border-right:5px solid #999;
}
#idx-main-navigation li a span {
    position:absolute;
	left:-9999px;
}
#idx-main-navigation .idx-research {
    background: url('https://www.wisconsinhistory.org/images/home-slider/family.png') repeat scroll 0 0 transparent;
}
#idx-main-navigation a:hover {
    	background-position: 0 -141px;
}
#idx-main-navigation .idx-share {
    background: url('https://www.wisconsinhistory.org/images/home-slider/community.png') repeat scroll 0 0 transparent;
}
#idx-main-navigation .idx-share2 {
    background: url('https://www.wisconsinhistory.org/images/home-slider/community2.png') repeat scroll 0 0 transparent;
}
#idx-main-navigation .idx-view {
    background: url('https://www.wisconsinhistory.org/images/home-slider/collections.png') repeat scroll 0 0 transparent;
}
#idx-main-navigation .idx-learn {
    background: url('https://www.wisconsinhistory.org/images/home-slider/teach2.png') repeat scroll 0 0 transparent;
}
#idx-main-navigation .idx-visit {
    background: url('https://www.wisconsinhistory.org/images/home-slider/visit2.png') repeat scroll 0 0 transparent;
}
#idx-main-navigation .idx-preserve {
    background: url('https://www.wisconsinhistory.org/images/home-slider/preserve.png') repeat scroll 0 0 transparent;
    border-right: 0 none #FFFFFF;
}
#idx-main-navigation .disable a:hover {
	cursor:text;
}
.coming-soon-collections div, .coming-soon-whi div, .coming-soon-gov div, .coming-soon-services div, .coming-soon-about-col div, .coming-soon-feature div {
	position:absolute;
	left:-9999px;
}
.coming-soon-whi {
	background: url('https://www.wisconsinhistory.org/images/2011/COMING-SOON-260.jpg') repeat scroll 0 0 transparent;
	height:300px;
}
.coming-soon-feature {
	background: url('https://www.wisconsinhistory.org/images/2011/COMING-SOON-360-WHI.jpg') repeat scroll 0 0 transparent;
	height:360px;
}
.coming-soon-gov {
	background: url('https://www.wisconsinhistory.org/images/2011/COMING-SOON-260-GOV.jpg') repeat scroll 0 0 transparent;
	min-height:125px;
}
.coming-soon-collections {
	background: url('https://www.wisconsinhistory.org/images/2011/COMING-SOON-360.jpg') repeat scroll 0 0 transparent;
	height:395px;
}
#coming-soon-link-bar {
	background: url('https://www.wisconsinhistory.org/images/2011/COMING-SOON-960-LINK-BAR.jpg') repeat scroll 0 0 transparent;

	height:155px;
	margin-top:20px;
}
.coming-soon-services {
	background: url('https://www.wisconsinhistory.org/images/2011/COMING-SOON-260-COL-SERVICES.jpg') repeat scroll 0 0 transparent;
	height:552px;
}
.coming-soon-about-col {
	background: url('https://www.wisconsinhistory.org/images/2011/COMING-SOON-260-ABOUT-COLLECTIONS.jpg') repeat scroll 0 0 transparent;
	height:305px;
}
.promo920 {
	padding:20px;
}
/* Social Media Buttons in link bar
------------------------------------------------*/
.social-media li a {
	background:url('https://www.wisconsinhistory.org/images/site/social-media-sprite-circle.png') !important;
	display:block !important;
	width:15px!important;
	height:15px !important;
	margin:0 0 0 5px !important;
	padding:0 0 0 26px; !important;
	z-index:1;
	border:0;
}
.social-media li a.facebook {
	background-position: 0px 0px !important;
}
.social-media li a.facebook:hover  {
	background-position: 0px -15px !important;
}
/* 23 */
.social-media li a.flickr {
	background-position: -60px 0px !important;
}
.social-media li a.flickr:hover {
	background-position: -60px -15px !important;
}
/* 46 */
.social-media li a.rss {
	background-position: -120px 0px !important;
}
.social-media li a.rss:hover {
	background-position: -120px -15px !important;
}
/* 69 */
.social-media li a.tumblr {
	background-position: -180px 0px !important;
}
.social-media li a.tumblr:hover {
	background-position: -180px -15px !important;
}	
/* 92 */
.social-media li a.twitter {
	background-position: -240px 0px !important;
}
.social-media li a.twitter:hover {
	background-position: -240px -15px !important;
}			

/* 116 */
.social-media li a.youtube {
	background-position: -300px 0px !important;
}
.social-media li a.youtube:hover {
	background-position: -300px -15px !important;
}

/* 142 */

.social-media li a.e-newsletter {
	background-position: -360px 0px !important;
}
.social-media li a.e-newsletter:hover {
	background-position: -360px -15px !important;
}

/* 164 */
.social-media li a.pinterest {
	background-position: -420px 0px !important;
}
.social-media li a.pinterest:hover {
	background-position: -420px -15px !important;
}

/* Flickr Badge Styling (as seen on Connect with the Society page
----------------------------------------------------------------------*/

.flickr_badge_image {
	margin:0px;
	display:inline;
}
.flickr_badge_image img {
	border: none !important; 
	padding:8px 0px 0px 8px;
}
#flickr_badge_wrapper {
	max-width:360px !important;
	text-align:left;
}
/*---------------------------------------------------------------------------


                         Link Bar Navigation
                         ------------------------
   
				- this section styles the home page buttons
				- optional scripts and HTML for this on beta.wisconsinhistory.org


---------------------------------------------------------------------------*/
#link-bar {
	background: #002a60; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003e7e', endColorstr='#001125'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#003e7e), to(#001125)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #003e7e,  #001125); /* for firefox 3.6+ */
	height:175px;
	margin-top:20px;
}
#link-bar h4 {
	color:#fff;
	text-transform:uppercase;
	padding: 0 0 3px 0 !important;
}
#link-bar a {
	color:#666;
}
#link-bar a.disable:hover {
	color:#666 !important;
	text-decoration:none !important;
}
#link-bar a:link, #link-bar a:active, #link-bar a:visited, #link-bar a:hover, #link-bar a:focus {
	color:#cacaca;
}
#link-bar a:hover {
	text-decoration:underline;
}
#link-bar li {
	margin-bottom:5px;
	padding-bottom: 0px !important;
}
#link-bar .col {
    float: left;
    margin: 15px 0 0 20px;
	
}
/***************************************************************************


              Tabbed Menu and Wrapper - Membership Pages
                                -------

  This section styles the tabbed menu on all donation pages

  
  Current formatting includes tabs for:
  
		- join or renew
		- donate
		- gift memberships
		- monthly giving


****************************************************************************/

ul.internalMenu {
	list-style-type: none !important;
	padding-bottom: 35px !important;
	border-bottom: 1px solid #ccc !important;
	margin: 0 !important;
}
.press-tabs-wrapper ul.internalMenu {
	list-style-type: none !important;
	padding-bottom: 0px !important;
	border-bottom: 1px solid #ccc !important;
	margin: 0 0 -1px 0 !important;
	width: 618px !important;
}
ul.internalMenu li, .press-tabs-wrapper div.ui-tabs .ui-tabs-nav li {
	float: left !important;
	height: 26px !important;
	background-color: #fff !important;
	margin: 0 -1px 0 0 !important;
	padding: 4px 1em !important;
	border: 1px solid #ccc !important;
	text-transform:uppercase !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1.2em !important;
}
.press-tabs-wrapper div.ui-tabs .ui-tabs-nav li {
	margin-left: -2px !important;
}
ul.internalMenu li.selected, ul.internalMenu li.selected:hover,
.press-tabs-wrapper ul.internalMenu li.ui-tabs-selected, .press-tabs-wrapper ul.internalMenu li.ui-tabs-selected:hover {
	border-bottom: 1px solid #ddd !important;
	background-color: #ddd !important;
}
ul.internalMenu li.selected a, ul.internalMenu li.selected a:hover
.press-tabs-wrapper ul.internalMenu li.ui-tabs-selected a, .press-tabs-wrapper ul.internalMenu li.ui-tabs-selected a:hover { 
	color: #000 !important; 
}
ul.internalMenu a, .press-tabs-wrapper ul.internalMenu a {
	float: left !important;
	display: block !important;
	color: #666 !important;
	text-decoration: none !important;
	padding: 4px !important;
	font-weight:normal !important;
}
ul.internalMenu a:hover, .press-tabs-wrapper ul.internalMenu a:hover {
	color:#0033cc !important;
}
ul.internalMenu li:hover, .press-tabs-wrapper ul.internalMenu li:hover { 
	background-color: #fbfbfb !important;
	border-bottom: 1px solid #ddd !important; 
}
.gradientWrapper, .press-tabs-wrapper .gradientWrapper {
	font-family: Verdana, Arial, sans-serif !important;
	line-height: 1.6em !important;
	clear:both !important;
	margin: 0 0 20px 0 !important;
	padding:20px !important;
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	background: #ddd !important; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff') !important; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ddd,  #fff) !important; /* for firefox 3.6+ */ 
}
.gradientWrapper p, .press-tabs-wrapper .ui-widget-content p {
	margin-bottom:1.8em !important;
}
.gradientWrapper a, .press-tabs-wrapper .ui-widget-content a {
	font-weight:bold !important;
	font-size:1em !important;
}
.right-nav-top-promo {
	margin:20px 0;
}
/*---------------------------------------------------------------------------


                            Custom Styles
                         ------------------------

  Styles developed after the main styles
    
				- side note sticky note styles


---------------------------------------------------------------------------*/
.sticky {
	float:right; 
	clear:right;
	position:relative;
	background-color:#fff;
	width:260px; 
	margin:0 0 20px 20px;
	min-height:10px; 
	border-left:1px solid #ccc; 
	z-index:0;
}
.detail-record {
	width:620px;
	float:left !important;
	margin-left:0 !important;
	border:1px solid #ccc;
	-moz-box-shadow: 0px 6px 6px #eee; 
	-webkit-box-shadow: 0px 8px 6px #eee; 
	box-shadow: 0px 6px 6px #eee; 
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#eeeeee');
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#eeeeee');
}
/*.left {
 	border:1px solid #ccc !important;

	-moz-box-shadow: 0px 6px 6px #eee; 
	-webkit-box-shadow: 0px 8px 6px #eee; 
	box-shadow: 0px 6px 6px #eee; 
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#eeeeee');
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#eeeeee');
}*/
.sticky-top {
	margin: 0 0 10px 0;
}
.alert-red { background-color: #FCC !important; border: solid 1px #F00 !important; padding:5px!important;}
.alert-red h5 { background: url('https://www.wisconsinhistory.org/images/site/icon-alert-red.png') 2px 2px no-repeat transparent; padding-left: 35px !important;}

.alert, .yellow { background: #e0bd74 url('https://www.wisconsinhistory.org/images/site/box-yellow-gradient.gif') top repeat-x;}
.alert h4 { background: url('https://www.wisconsinhistory.org/images/site/icon-alert.png') 5px 2px no-repeat transparent;}

.info, .light-blue { background: #88b0d7 url('https://www.wisconsinhistory.org/images/site/box-light-blue-gradient.gif') top repeat-x;}
.info h4 { background: url('https://www.wisconsinhistory.org/images/site/icon-info.png') 5px 2px no-repeat transparent;}

.tips, .green { background: #98ab64 url('https://www.wisconsinhistory.org/images/site/box-green-gradient.gif') top repeat-x;}
.tips h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-tack.png') 5px 2px no-repeat transparent;}

.print, .orange { background: #ca6115 url('https://www.wisconsinhistory.org/images/site/box-orange-gradient.gif') top repeat-x;}
.print h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-print.png') 5px 2px no-repeat transparent;}

.help, .blue { background: #0062bd url('https://www.wisconsinhistory.org/images/site/box-blue-gradient.gif') top repeat-x;}
.help h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-help.png') 5px 2px no-repeat transparent;}

.person, .teal { background: #007b7d url('https://www.wisconsinhistory.org/images/site/box-teal-gradient.gif') top repeat-x;}
.person h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-person.png') 5px 2px no-repeat transparent;}

.cite, .brown { background: #8c5c2c url('https://www.wisconsinhistory.org/images/site/box-brown-gradient.gif') top repeat-x;}
.cite h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-cite.png') 5px 2px no-repeat transparent;}

.buy, .dark-blue { background: #003e7e url('https://www.wisconsinhistory.org/images/site/box-dark-blue-gradient.gif') top repeat-x;}
.buy h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-buy.png') 5px 2px no-repeat transparent;}

.grey {color:#666;}
.light-grey { background-color:#ddd !important;}
.black {color:#333;}

.book, .wine { background: #7a3136 url('https://www.wisconsinhistory.org/images/site/box-wine-gradient.gif') top repeat-x;}
.book h4 { 	background: url('https://www.wisconsinhistory.org/images/site/icon-book.png') 5px 2px no-repeat transparent;}

.red {color:#7a3136;}

.blue-background {
	background: #003e7e; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003e7e', endColorstr='#0062bd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#003e7e), to(#0062bd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #003e7e,  #0062bd); /* for firefox 3.6+ */
}
.sticky p, .sticky ul, .sticky ol, .sticky h2, .sticky h3, .sticky h4, .sticky h5, .sticky h6, .sticky ul.arrow-list {
	padding-right:10px !important;
	padding-left:10px !important;
}
.sticky-top h4 {
	padding:9px 0 9px 60px !important;
	color:#fff;
	font-size:1.6em !important;
	text-transform:none;	
}
.left p, .right p {
	margin-bottom:1.0em !important;
}
.left h2, .right h2 {
	margin-bottom:1.0em !important;
}
/* New Sidebar Ribbon Style
--------------------------------------------*/
.sidebar {
	float:right; 
	clear:right;
	position:relative;
	background-color:#fff;
	width:260px; 
	margin:0 0 20px 20px;
	min-height:10px; 
	border-left:1px solid #ccc; 
	z-index:0;
	padding-left:10px;
}
.sidebar p:first-child {
	margin-top:50px;
}
.ribbon {
   position:relative;
   width: 301px;
   font-size: 20px!important;
   background: #5c5c5c;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   left:-20px;
   margin-bottom:10px;
   }
.ribbon h4 {
   font-size: 16px!important;
   color:#fff;
   text-shadow: 0px 1px 2px #000;
   margin:0;
   padding: 15px 10px 15px 20px;
   }
.ribbon:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 10px solid #333;

  border-left: 10px solid transparent;
}

/* New sidebar for HOBO restoration how-tos
---------------------------------------------- */
.sidebar-restoration {
	float:right; 
	clear:right;
	position:relative;
	background: #fff url('https://www.wisconsinhistory.org/images/site/sidebar-restoration-header.png') no-repeat 0 0;
	width:250px; 
	margin:0 0 20px 20px;
	min-height:10px; 
	border:1px solid #ccc; 
	z-index:0;
	padding-left:10px;
	padding-top:93px;
}
.sidebar-restoration div {
	max-width:110px;
	float:left;
	padding-right: 20px;
}
.sidebar-restoration h6 {
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}
.sidebar-restoration div.tools {
	background: #fff url('https://www.wisconsinhistory.org/images/site/icon-tools.png') no-repeat 17px 0;
	padding-left:60px;
}
.sidebar-restoration div.tools a {
	font-size: 100% !important;
	width:110px !important;
	padding:0px !important;
}
/* Disabled links for commission navigation
-------------------------------------------------*/
li.grey, ul.grey {
	color:#666;
	font-weight:normal;
}
/* Popup styles
-------------------------------------------------*/
a.donate-now {
	background:url('https://www.wisconsinhistory.org/images/site/DONATE-NOW-button.png') no-repeat 0 0 transparent;
	display:block;
	width:223px;
	height:50px;
	padding:0;
	margin-top:5px;
	position:absolute;
	bottom:5px;
	right:5px;
	outline:none;
	border:none;
	color:#fff;
	font-family: Helvetica,Arial,Sans-serif,sans-serif;
	letter-spacing:-0.02em;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.6em;
	cursor: pointer;
}
a.donate-now:hover {
	background-position: 0 -50px;
	text-decoration:none;
}
a.donate-now span {
	position:absolute;
    left:-9999px;
}
div.popup-donate {
	width: 480px;
	height: 380px;
	background-image:url('https://www.wisconsinhistory.org/images/site/membership-popup.jpg');
	position:relative;
	color:#fff;
	font-size:1.25em;
}
.fund-address {            /* Styles propery funding articles organizational address */
	font-weight: normal; 
	display: block; 
	margin-left: 90px;
}
.source {
	margin-top: 7px !important;
	color: #444444; 
	font-size: 0.90em !important;
}
.section-cartridge .source {
	margin-top: 0px !important;
}
.table-header {
	background-color:#88b0d7;
}
.section-promo-image {
	float:left;
	margin: 2px 0 0 18px;
	width:100px;
}
.award .section-promo-image {
	margin: 0 0 0 2px;
	width:55px;
}
.award {
	padding-bottom: 15px;
}
.section-promo-description {
	padding-left: 105px;
}
.award .section-promo-description {
	padding-left: 40px;
}
.promo-top {
	margin:0;
	padding:10px 0 0 0;
}
.textbook {
	margin-top:-10px;
	padding-bottom:4px;
	margin-bottom:-1px; /*used for the textbook top to a search results 360 cartridge. To switch to short promo, remove this line. Seen on Teach and Learn. */
	border-bottom:1px solid #ccc;
	background-color:#ddd;
}
.textbook div.section-promo-image {
	margin:0;
	padding:0;
	width:150px;
	height:117px;
	overflow:hidden;
}
.textbook h2 {
	padding-top: 20px;
	margin-bottom: 0;
}
.textbook div.section-promo-description {
	padding-left:150px;
}
/* New Purchase a copy styles October 2012
---------------------------------------------- */
.purchase-info {
	border:1px solid #ccc;
	width:605px;
	margin-top:20px;
	font-size:0.9em !important;
	float:left;
}
.purchase-info p {
	max-width:85%; /* Set to 70% with orange "buy this" button is added or 40% when dropdowns and add-to-cart button is added */
	float:left;
	padding:0 0 0 15px;
}
.purchase-info p.intro {
	padding-top:15px;
}
.dropdown-wrapper {
	float:left;
	margin-left:20px;
}
.dropdown-wrapper div {
	float:left;
	clear:left;
	padding-bottom:7px;
}
.no-clear {
	clear:none !important;
}
.audio-360 {
	display:block;
	width:360px;
	height:30px;
}
/* WHI BUY BUTTON STYLES
------------------------------------*/
.whi-buy .left, .whi-buy .right {
	width:300px;
	float:left;
	padding-top:15px;
}
.whi-buy .left {
	border-right:1px solid #ccc;
}
.whi-buy .sticky-top {
	margin-bottom:0px;
}
.whi-buy .left h4, .whi-buy .right h4 {
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:0px;
}

/* New Field Trip Table Styles
------------------------------------*/
.field-trip-details {
	width:45% !important;
}
.field-trip-details td + td {
	 font-weight: bold;
}
/* Learn cartridge picture
------------------------------------*/
.learn {
	background:url('https://www.wisconsinhistory.org/images/promo/Medium/bob-lafollette.png') no-repeat 100% 100% #ffffff;
	overflow:hidden;
}

/* This Day styling
----------------------------------------*/
.whsbox {
font-family: arial, san-serif;
}

.whstitle {
font-size: 14px;
color: #132744;
font-weight: 900;
}

.whsheader {
font-size:11px;
font-weight: 900;
}

.whstext {
font-size:11px;
margin-top:2px;
margin:10px 20px 10px 66px;             /* As seen on 4-digit year timelines in HPC content, Chapter 1, Article 1 */
padding-left: 0;
text-indent: -46px;
}

.this-day-wrapper {
margin-bottom:20px;
}

/* New Large Circle Number styling - circle-numbers
--------------------------------------*/
ol.circle-numbers {
    counter-reset:li;
    margin-left:0 !important;
    padding-left:0 !important;
}
ol.circle-numbers > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 60px; /* Moves text over to make room for the numbers */
    padding:0px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    min-height:60px;
}
ol.circle-numbers > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top:5px;
    left:-35px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(https://www.wisconsinhistory.org/css/PIE.htc);
    width: 12px;
    height: 12px;
    padding: 0px 4px 6px 4px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 14px Arial, sans-serif;
    margin-right:8px;
    border-top:2px solid #666;
    color:#fff;
    background:#666;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol.circle-numbers,
li ul.circle-numbers {margin-top:6px;}
ol.circle-numbers ol.circle-numbers li:last-child {margin-bottom:0;}
ol.circle-numbers h5 {font-family:Arial; font-size: 1.4em; margin:0; padding:0;}


/* New Large Circle Number styling - circle-numbers-large LARGER
--------------------------------------*/

ol.circle-numbers-large {
    counter-reset:li;
    margin-left:0 !important;
    padding-left:0 !important;
}
ol.circle-numbers-large > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 60px; /* Moves text over to make room for the numbers */
    padding:0px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    min-height:60px;
}
ol.circle-numbers-large > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top:5px;
    left:-55px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(https://www.wisconsinhistory.org/css/PIE.htc);
    width: 18px;
    height: 18px;
    padding: 8px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 22px Arial, sans-serif;
    margin-right:8px;
    padding: 0 4px 8px 4px;
    border-top:2px solid #666;
    color:#fff;
    background:#666;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol.circle-numbers-large,
li ul.circle-numbers-large {margin-top:6px;}
ol.circle-numbers-large ol.circle-numbers-large li:last-child {margin-bottom:0;}
ol.circle-numbers-large h5 {font-family:Arial; font-size: 1.4em; margin:0; padding:0;}
ol.circle-numbers h4, ol.circle-numbers-large h4 {line-height:1.6em;}

/* Accordion Styles
----------------------------*/
.ui-widget-content a {

	color:#0033cc !important;
	letter-spacing:normal !important;
	/*font-size: 0.9em !important;  AKT - removed this line because it was making CMS links tiny in accordion */
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color:#0033cc !important;
	font-weight:bold !important;
	font-size: 0.85em !important;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:normal !important;
}
.ui-state-default .ui-icon, .ui-icon {
	background-image: url(https://www.wisconsinhistory.org/jqueryui/css/ui-lightness/images/ui-icons_0008c4_256x240.png) !important;
}
.ui-accordion .ui-accordion-header a {
	padding: 0.29em 0 0 1.8em !important;
	}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:0 !important;
	background:none !important;
	}
.ui-accordion-content {
	padding-bottom:0 !important;
	}
.ui-accordion .ui-accordion-header .ui-icon {
	left: 0 !important;
	}
div.museum-object-recovery .floatleft {
margin:5px 10px 10px 0px;
clear:left;
float:left;
}

div.museum-object-recovery .photo-wrapper {
margin:0px 0px 10px 0px;
float:left;
}

div.museum-object-recovery .tallest {
margin-bottom:90px;
}

div.museum-object-recovery .tall {
margin-bottom:70px;
}

div.museum-object-recovery dl {
margin-left:5px;
}

div.museum-object-recovery dd {
margin-top:3px;
margin-bottom:6px;
}

div.museum-object-recovery .body h4 {
margin-bottom:10px;
font-size:125%;
}

div.museum-object-recovery .top {
border-top:1px #666 solid;
padding-top:10px;
}

div.museum-object-recovery dt {
	font-weight:bold;
}

div.museum-object-recovery dt span {
	font-weight:normal;
}

div.museum-object-recovery .style1 {
	margin-top:0;
}
.microfilm-app a.store-button, .microfilm-app a.events-button {
	display:none;
}
p.spouse-link {
	display:block;
	margin-top:15px !important;
	border:1px solid #ccc;
	padding:3px 20px !important;
	height:20px;
	width:195px;
}
.left-search {
	width:250px;
	margin-left:0px;
	font-family:Arial, Verdana, sans-serif;
	font-size: 1.2em;
	border: 1px solid #98ab64 !important;
}
.right-nav-box .left-search {
	margin-left:-20px;
	margin-top:20px;
	width:210px;
}
.right-nav-box .left-search .inputbox-preserve {
	width: 120px;
}
.left-search .inputbox-preserve {
	width: 150px;
}
.left-search hr {
	clear:both;
}
.left-search h5, .green-list h5 {
	display:block;
	margin:0;
	padding:4px 5px 7px 20px;
	background-color:#98ab64;
	color:#fff;
	font-size:1.4em;
	font-weight:normal;
}
.left-search p {
	margin:20px 5px 2px 20px;
}
.left-search h2 {
	font-size:1.1em;
}
.left-search ul {
	margin:7px 5px 14px 23px;
}
.left-search ul li {
	margin-bottom: 7px;
}
.green-list {
	background:none !important;
	background-color:#ddd !important;
	border: 1px solid #98ab64;
	width:250px;
	margin-left:0px;
	margin-top:-21px;
}
.green-list .arrow-list a, .green-list .arrow-list a:link {
	color: #0033cc !important;
	font-weight:normal !important;
}
.green-list ul.arrow-list {
	padding:0px !important;
	margin:0px !important;
}
.green-list .arrow-list li {
	background: url('https://www.wisconsinhistory.org/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 1em 1em;
	padding: 10px 5px 10px 40px !important;
	margin:  0px!important;
	border-bottom: 1px solid #bbb !important;
}
.green-list .arrow-list li:last-child {
	border-bottom: none !important;
	padding-bottom:0px !important;
}
.right-nav-box .have-questions {
	margin-left:-20px;
	width:210px;
}
.have-questions h3 {
	text-transform:none;
	font-size:1.6em !important;
}
.with-right-nav { /* pulls promo over for HOBO right navigation */
	margin-left:-15px !important;
}
/* New HOBO image map
------------------------*/
#gmap {
    display: block;
    width: 360px;
    height: 391px;
    background: url('https://www.wisconsinhistory.org/images/restoration-map/restoration.png') no-repeat 0 0;
    position: relative;
    margin: 0 auto 2em auto;
}
#gmap a {
    color: #000;
    font-family: arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
#gmap a span {
    position:absolute;
    left:-9999px;
}
a#roof {
    display: block;
    width: 227px;
    height: 0;
    padding-top: 140px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}
* html a#roof {
    height: 120px;
    height: 0;
}
a#roof:hover {
    background: transparent url('https://www.wisconsinhistory.org/images/restoration-map/restoration-roof.png') no-repeat 0 0;
    overflow: visible;
}
a#efficiency {
    display: block;
    width: 175px;
    height: 0;
    padding-top: 135px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
}
* html a#efficiency {
    height: 105px;
    height: 0;
}
a#efficiency:hover {
    background: transparent url('https://www.wisconsinhistory.org/images/restoration-map/restoration-efficiency.png') no-repeat -185px 0;
    overflow: visible;
}
a#paint {
    display: block;
    width: 60px;
    height: 0;
    padding-top: 265px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
* html a#paint {
    height: 55px;
    height: 0;
}
a#paint:hover {
    background: transparent url('https://www.wisconsinhistory.org/images/restoration-map/restoration-paint.png') no-repeat -300px -126px;
    overflow: visible;
}
a#systems {
    display: block;
    width: 86px;
    height: 0;
    padding-top: 92px;
    overflow: hidden;
    position: absolute;
    left: 185px;
    top: 120px;
}
* html a#systems {
    height: 100px;
    height: 0;
}
a#systems:hover {
    background: transparent url('https://www.wisconsinhistory.org/images/restoration-map/restoration-systems.png') no-repeat -185px -120px;
    overflow: visible;
}
a#exterior {
    display: block;
    width: 106px;
    height: 0;
    padding-top: 280px;
    overflow: hidden;
    position: absolute;
    left: 80px;
    bottom: 0px;
}
* html a#exterior {
    height: 120px;
    height: 0;
}
a#exterior:hover {
    background: transparent url('https://www.wisconsinhistory.org/images/restoration-map/restoration-exterior.png') no-repeat -80px -111px;
    overflow: visible;
}
a#interior {
    display: block;
    width: 160px;
    height: 0;
    padding-top: 195px;
    overflow: hidden;
    position: absolute;
    right: 50px;
    bottom: 0px;
}
* html a#interior {
    height: 105px;
    height: 0;
}
a#interior:hover {
    background: transparent url('https://www.wisconsinhistory.org/images/restoration-map/restoration-interior.png') no-repeat -150px -196px;
    overflow: visible;
}
a#windows {
    display: block;
    width: 50px;
    height: 0;
    padding-top: 280px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
* html a#windows {
    height: 50px;
    height: 0;
}
a#windows:hover {
    background: transparent url('https://www.wisconsinhistory.org/images/restoration-map/restoration-windows.png') no-repeat 0px -111px;
    overflow: visible;
}
/* end image map styles */
.family-award {
	position:absolute;
	width:94px;
	height:94px;
	right:270px;
	bottom:10px;
}

.recent-records-spotlight div {
	text-align: center;
}
.recent-records-spotlight .TitleText {
	text-align:left !important;
}
.recent-records-spotlight INPUT[id*="WHIImageButton"] {
	margin-left:0px;
	float:none !important;
}
.recent-records-spotlight INPUT.record-image {
	max-width:120px;
	max-height:120px;
}
.recent-records-spotlight .SeeAllLink {
	margin-top: 20px;
	text-align:center !important;
	margin-left: 3px !important;
	padding-left:0px !important;
}
.recent-records-spotlight .rel-record {
	border-bottom: 1px solid #ccc;
}
.recent-records-spotlight div.record-caption {
	background: none;
	padding-left:0px;
	padding-top:3px;
}
.in-the-media h4, .in-the-media h5, .in-the-media h6 {
	padding:0px !important;
	margin:0px !important;
}
.in-the-media h4 {
	font-size: 1.8em !important;
	font-weight: normal !important;
}
.in-the-media h5 {
	margin-top:20px !important;
	font-size:1.2em !important;
}
.in-the-media h6 {
	color:#666 !important;
	font-size: 1.1em !important;
}
.in-the-media .accordion {
	margin-bottom:60px;
}
.in-the-media .ui-accordion .ui-accordion-content {
	padding: 0 2.2em 2.2em 2.2em !important;
}
.dictionary-columns {
	background-color:#003e7e;
	margin-top:-20px;
	border:none;
}
.dictionary-columns div {
	width:200px;
	float:left;
	margin-bottom:20px;
	margin-left:20px;
}
.dictionary-columns ul {
	margin-left:20px;
}
.dictionary-columns li {
	font-size:1.1em;
	margin-bottom:1.2em;
	border-style: solid;
    border-color: white;
    border-radius: 4px;
    border-width: 1px;
    text-align: center;
    margin-right: 5px;
}
.dictionary-columns p {
	margin-top:1.8em;
}
.dictionary-columns h2 {
	text-transform:uppercase;
}
.dictionary-columns .caroufredsel_wrapper {
	margin-left: -10px !important;
}
.dictionary-columns .caroufredsel_wrapper li {
	padding-left:0px;
	border:0px !important;
}


/* New Planned Giving page left box style 
------------------------*/
.box-two-gift {
	background: #3F3F3F url('https://www.wisconsinhistory.org/images/site/box-type-one-section-gradient.gif') top repeat-x;
	padding: 5px 7px;
	margin: 0px 0 0 0;
	color: #fff !important;
	font-weight:normal;
	font-size:1.23em!important;

} 

.giving-links{
	
	position: fixed;
	top: 260px;
}

#fader {
    position: relative; 
    width: 640px;
    height: 301px;
}
#fader img{
	left:50%;
}
------------------------------------
#fader1 img{
	left:0px;
}





-------------------
.fader_carousel {
	position: relative;
	clear:both;
}


div.fader_carousel ul#property li a {
	background:none !important;	
}
.fader-cartridge{
	background-color: white !important;
	border:none !important;
}
.boxx {
    cursor: pointer;
    height: 250px;
    float: left;
    margin: 5px;
    position: relative;
    overflow: hidden;
    width: 310px;

   
}
.boxx img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.boxx .captionn {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}
.boxx .full-caption {
    width: 300px;
    height: 220px;
    top: -250px;
    text-align: left;
    padding: 15px;  
}
.boxx:hover .full-caption {
    -moz-transform: translateY(100%); 
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.giftNav{ 
	margin: 13px 20px 0 20px !important;
	padding: 0 0 0 0 !important;
}
.giftNav ul{
	list-style:none;
	margin: 0px 5px 20px 20px;
}
.giftNav ul li{
	border-bottom: 1px solid #bbb !important;
	background-image:none !important;
	padding: 10px 5px 10px 40px !important;
} 

--------------------------------------------------

.dive-header,.dive-banner{
margin-left:-25px;
}

.h1-dive-img
{
	margin: 0px  0px  -5px  -28% ;
	
	}
	
#idx-main-navigation .idx-dive1 {
    background: url('https://www.wisconsinhistory.org/whspress/images/divein/sample1.jpg') ;
	background-position: inherit !important 
  
}

#idx-main-navigation .idx-dive2 {
    background: url('https://www.wisconsinhistory.org/whspress/images/divein/sample2.jpg') ;
	background-position: inherit !important 
  
}

#idx-main-navigation .idx-dive3 {
    background: url('https://www.wisconsinhistory.org/whspress/images/divein/sample3.jpg') ;
	background-position: inherit !important 
  
}

#idx-main-navigation .idx-dive4 {
    background: url('https://www.wisconsinhistory.org/whspress/images/divein/sample4.jpg') ;
	background-position: inherit !important 
  
}

#idx-main-navigation .idx-dive5 {
    background: url('https://www.wisconsinhistory.org/whspress/images/divein/sample5.jpg') ;
	background-position: inherit !important 
  
}

#idx-main-navigation .idx-dive6 {
    background: url('https://www.wisconsinhistory.org/whspress/images/divein/sample6.jpg') ;
	repeat scroll 0 0 transparent;
    border-right: 0 none #FFFFFF;
  
}
---------------------------------------------