/* This is for dealing with ActiveCampaign's careless style tag injection
 It wouldn't normally be a problem except it gets injected in places where
 we're using * to set display, so we don't want to override the display none */
 body style {
	display: none !important;
}

/*.article-content-holder { was, now... */
/*article {*/
.two-columns-one {
    /*position: relative; 
	float: left;
	display: block;
    left: 25px;*/
	border-right: 1px #003e7e solid;
	/*border-top: 1px #ccc solid;*/
	padding: 30px 20px 40px 20px;
	max-width: 640px;
    margin-inline-start: 25px;
	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. */
}
.two-columns-two {
    /*border-top: 1px #ccc solid;*/
    padding: 15px 0 0 15px;
    width: 210px;
	padding: 30px 20px 40px 20px;
}
[class*=two-columns] {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    /*margin-top: 30px;*/
}

[class*=one-column] {
    margin: 20px 40px 40px 40px;
    padding: 20px 0px;
}
[class*=one-column] .associated-records {
    max-width: 620px;
}

[class*=three-columns] {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-inline-start: 1.5rem;
    margin-bottom: 1rem;
}
.three-columns-one, .three-columns-three {
    width: 260px;
}
.three-columns-two {
    max-width: 360px;
}
.three-columns-wide {
    max-width: 640px;
}
.three-columns-full {
    max-width: 920px;
}

/* Sibling Selector-based Display
 Basic *-column div sibling selector is 1rem top margin with 16px fallback
 Current restriction is to keep top margin off side-by-side inline-block siblings*/
[class*=one-column] div + div, [class*=two-columns] div + div, [class*=three-columns] div + div {
    margin-top: 16px;
    margin-top: 1rem;
}

/* for ul elements that need their li's displayed as inline-blocks */
.inline-list {
    list-style: none;
}
.inline-list li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
}
.inline-list.three-per-row li {
    width: 28%;
    margin: 0;
}

/***************************************************************************
    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.85rem 0;
}
.article-content-holder p, .record-type-info p{
	font-size:1.05rem;
	line-height:2rem;
	margin:0 0 1.8rem 0; /*NOTE: Paragraphs, lists, and tables have a consistent bottom margin of 1.8rem. (margin:0 0 1.8rem 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.75rem !important;
	clear:both;
}
.RecordContainer p {
	line-height:1rem;
	margin-bottom: .75rem;
}
.hanging-indent {
	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.6rem 0;
	margin: 0;
	font-size: 2.4rem;
	line-height:2.4rem;
	font-weight:normal;
}
h2 {
	padding: 0;
	margin: 0;
	font-size: 1.75rem;
	font-weight:bold;
}
h3 {
	font-size: 1.3rem;
	line-height: 1.5rem;
	color:#4B90D1;
	font-weight:bold;
}
.article-content-holder h3, #content-wrapper-wide h3 {
	font-size: 1.5rem;	
}
h4 {
    margin-top: 1.75rem;
    margin-bottom: .5rem;
    line-height: 1.4rem;
    color:#666;
    font-weight:bold;
    font-size: 1.5rem;
}
#link-bar h1 {
	font-size: 1.25rem;
	line-height: 1.25rem;
	color:#666;
	font-weight:bold;
}
.article-content-holder h4 {
	font-size: 1.4rem;
}
h5 { /* seen on collection item detail record pages */
	font-size: 1.15rem;
	font-weight: bold;	
	margin: 1rem 0 .5rem 0;
}
.article-content-holder h5, #content-wrapper-wide h5 {
	font-size: 1.3rem;	
}

h6 {
	font-size: 1.1rem;
	line-height: 1.2rem;
	font-weight:bold;
	padding-top:20px;
}
.article-content-holder h6 {
	font-size:1.2rem;	
}

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

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

.article-content-holder h2.underline, 
.article-content-holder h5.underline {
	padding: .6rem 0 0.12rem;
}

.article-content-holder h2.underline {
		font-size: 1.8rem;
		font-weight:normal;
}

/* UPPERCASE */
.box-two, ul.page-tools-b li, .right-related .TitleText {
	text-transform: uppercase;
}	
/* REMOVE BOLD */
.share-utility-box a {
	font-weight: normal;
}

/* CUSTOM HEADINGS */


/*H2 Custom Headings 
-----------------------------*/
.content-image-left h2, .content-image-top h2, .content-image-right h2 {
    font-size: 1.07rem;
    font-weight: bold;
    padding: 10px 2px 2px 7px;
}
.content-image-left h2 a, .content-image-top h2 {
	font-size:1.07rem;
}

/*H3 Custom Headings 
-----------------------------*/
.RecordContainer h3, .RecordContainer table caption {
    font-size: 1.25rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#000000;
	padding: 1.6rem 0 0.2rem;
	clear:both;
}
.RecordContainer h3:after, .RecordContainer table caption:after {
	padding: 0px 0px 0px 10px;
    content:url('/images/site/arrow.gif');
    display:none;
}
.page-title h3:after, h3.color:after {
	content:none !important;
	padding:0 !important;
}
.RecordContainer h3.color, .RecordContainer table caption.color {
	text-transform:none;
	color:#4B90D1 !important;
	clear:none;
	padding:0 !important;
}
h3.subtitle {
    color: #999999;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 0 0 15px;
    text-transform: none;
}
div.record-title h3 a, div.record-title h3 {
	font-size:1.2rem;
	padding-top:0;
	text-transform:none;
}
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;
}
.right-related .TitleText  {
	margin:-1px 0 0 0 !important;
	background: #3f3f3f url('/images/site/box-type-one-section-gradient.gif') top repeat-x;
	padding-left:20px !important;
	border-bottom:1px solid #444 !important;
}
.right-related .TitleText {
	background: #3f3f3f url('/images/site/box-type-one-section-gradient.gif') top repeat-x;
	border:0 !important;
	color:#fff !important;
	font-weight: normal !important;
	font-size: 1.1rem !important;
	padding: 5px 0 5px 15px !important;
	margin:15px 0 0 0 !important;
}
.right-nav-box div.record-title h3 a {
	font-size:1.1rem !important;
}

/*H4 Custom Headings 
-----------------------------*/
.page-title h4 {
	font-size: 1.1rem;
	color: #999;
	text-transform: uppercase;
	letter-spacing:normal;
	font-weight: bold;
	padding:0;
}
.record-title h4, .record-caption h4 {
	padding-top:0.6rem;
	text-transform: uppercase;
	color:#999;
	font-weight:bold;
}
/*H5 Custom Headings
------------------------------------*/
.arrow-list h5 {
	font-size: 1.3rem;
}

.RecordContainer > header > .content-type {
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: bold;
    color: #999;
}
/* This fills in for h3.subtitles; for CMS articles it's an h2 and for everything else it's div.collection-area */
.RecordContainer > header > .collection-area,
.RecordContainer > header > h2 {
    text-transform: none;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 0 15px;
    color: #999;
    line-height: 1.6rem;
}

/* Links styles */
.browse-links
{ 
display: block;
width: 150px;
height: 35px;
background-color: #003D7D;
color: white;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
padding-top: 5px;
font-family: 'Didact Gothic', sans-serif;
text-transform: uppercase;
text-decoration: none;
border: 3px solid #B99E80;
font-weight: bold;
font-size: 13px;
}


/* Search bread crumbs
-----------------------------*/
#crumbs-bar {
    margin: 13px 20px;
    margin: 0.8rem 1.25rem;
}
#crumbs-bar > h1 {
    position: absolute;
    left: -1000px;
}
#crumbs-bar > ul > li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    color: #333;
    font-size: 0.95rem;
    padding: 4px 10px 4px 7px;
    border: 1px solid #ccc;
}
#crumbs-bar > ul > li:last-child {
    border: none;
}
#crumbs-bar > ul > li + li {
    margin-inline-start: 0.5rem;
}
#crumbs-bar > ul > li > a {
    height: 11px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 7px;
    vertical-align: top;
}

/* Search Results Pagination
-----------------------------*/
.results-list > h1 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 16px;
    margin-top: 1rem;
    margin-inline-start: 8px;
    margin-inline-start: 0.5rem;
}
.results-list > ul:first-of-type {
     padding: 0 0.5rem 0.5rem;
}
.results-list > ul:last-of-type {
    margin-top: 0.5rem;
}
.results-list > ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    text-align: center;
    margin: 2px 3px 0 0;
    padding: 0px 6px 1px;
}
.results-list li.previous-page a {
    display: block;
    text-indent: -1000rem;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid blue;
}
.results-list li.current-page {
    font-weight: bold;
}
.results-list li.current-page {
    border: 1px solid hsl(210, 20%, 75%);
}
.results-list li.next-page a {
    display: block;
    text-indent: -1000rem;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid blue;
}

/* Guided Search
-------------------------------*/
.guided-navigation > h1 {
    position: absolute;
    left: -1000px;
}
.guided-navigation > ul > li {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    padding: 8px 0;
    padding: 0.5rem 0;
}
.guided-navigation > ul > li > * {
    padding: 0 20px;
    padding: 0 1.25rem;
}
.guided-navigation > ul > li > h1 {
    color: hsl(210, 20%, 50%);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
    min-height: 20px;
}
.guided-navigation > ul > li > ul > li {
    color: hsl(210, 20%, 60%);
    line-height: 1.8rem;
}
.guided-navigation > ul > li > ul > li + li {
    padding-top: 3px;
}

/* Article Styles
---------------------*/

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

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

.article-content-holder li li:first-child {
	margin-top: 1.8rem !important;
}
.record-type-info ul, #content-wrapper-wide ul {
	list-style-type:disc;
	margin:0 0 1.8rem 0;
	margin-inline-start:45px;
	font-size:1.05rem;
}
.article-content-holder ul ul {
	list-style-type:disc;
	margin:0 0 0 0;
	margin-inline-start:45px;
	font-size:1.05rem;
}
.article-content-holder ul.double-indent {
	margin-inline-start:75px;
}
.article-content-holder ul li, #content-wrapper-wide ul li, .article-content-holder ol li {
	padding-bottom:10px;
	line-height:1.6rem;
}
.article-content-holder ol {
	list-style-type:decimal;
	margin:0 0 1.8rem 0;
	margin-inline-start:50px;
	font-size:1.05rem;
}
.article-content-holder ol.triple-indent {
	margin-inline-start:110px;
}
.article-content-holder ol li {
	padding-bottom:10px;
}
li {
	line-height: 1.3rem;
}
.article-content-holder ul.no-bullet {
	list-style-type:none;
	margin-inline-start: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.85rem;
}
.article-content-holder ul.hanging-indent li {
	list-style-type:none;
	margin-inline-start: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 {
  max-width:640px;
  margin: 10px 0 20px 0;
  overflow:hidden;
  font-size:0.85rem;
}
.article-content-holder ul.column li {
  line-height:1rem;
  display:inline;
}
.image-list ul.column li {
  float:left;
  height:60px;
  width:200px;
}
.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 { width:45%;} /* 2 col */
.article-content-holder .triple li { width:25%; } /* 3 col */
.article-content-holder .quad li { width:20%; } /* 4 col */

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

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

.record-type-info ul.arrow-list, .article-content-holder ul.arrow-list-indent, .article-content-holder ul.arrow-list ul, #content-wrapper-wide ul.arrow-list {
	list-style-type:none;
	padding:0;
	margin:0 0 1.8rem 0;
}

.article-content-holder ul.arrow-list h2 {
	padding:0;
	margin:0;
}

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

.article-content-holder ul.arrow-list li, .article-content-holder ul.arrow-list-indent li, #content-wrapper-wide ul.arrow-list 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('/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 10px 18px;
	margin: 0px 10px 0px 0px;
}
.arrow-list-white li {
	background: url('/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;
}
.record-type-info .arrow-list li {
    font-size:1.1rem;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif
}
p.arrow-link {
	background: url('/images/site/blue-circle-arrow.png') no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 18px;
	font-size:1.2rem;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1rem;
}
p.arrow-description {
	margin-inline-start:18px;
	margin-top:-1rem;
	line-height:1.4rem;
}
.article-content-holder ul.arrow-list-indent {
	margin:0 0 0 30px;
	padding: 10px 0 0;
}
.article-content-holder ul.arrow-list-indent li {
	padding-bottom: 30px;
}
.article-content-holder ul.arrow-list-indent li:last-child {
	padding-bottom: 2.8rem;
}

/* --------------- TABLES ------------------*/
.RecordContainer.cms-article table {
	margin:0 0 1.8rem 0;
	margin-right: 10px;
	margin-inline-start: 21px;
	border-collapse: collapse;
	max-width: 590px; 
}
.RecordContainer.cms-article table td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ccc;
    font-weight: normal;
    color: #333;
}

.RecordContainer.cms-article table th {
	font-weight:bold;
	color: #333;
    font-size: 1rem;
    margin-bottom: 5px;	
}

.RecordContainer.cms-article table caption {
	padding: 0 0 .4rem 0;
	margin: 0;
	font-size: 1.5rem;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* New tables for records */
.RecordContainer[class$=record] table, .results-list > .search-record > table {
    display: block;
    /*padding-bottom: 20px;*/
    /*width: 100%;*/
}
.RecordContainer[class$=record] table tbody, .RecordContainer[class$=record] table caption, .RecordContainer table tr,
.results-list > .search-record > table tbody, .results-list > .search-record > table caption, .results-list > .search-record > table tr {
    display: block;
    margin: 0;
}
.RecordContainer table tr, .results-list > .search-record > table tr {
    line-height: 1.5rem;
}
.RecordContainer[class$=record] table th, .RecordContainer[class$=record] table td, .results-list > .search-record > table th, .results-list > .search-record > table td {
    font-size: 1.05rem;
    display: inline;
}
.RecordContainer[class$=record] table th, .RecordContainer[class$=record] table.long-description td, 
.results-list > .search-record > table th, .results-list > .search-record > table.long-description td {
    font-weight: normal;
    color: #666;
}
.RecordContainer[class$=record] table td, .RecordContainer[class$=record] table.long-description th, 
.results-list > .search-record > table td, .results-list > .search-record > table.long-description th {
    font-weight: bold;
    color: #000;
}
.RecordContainer[class$=record] table td::before, .results-list > .search-record > table td::before {
    content: " "
}

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

.record-type-info dl, #content-wrapper-wide dl {
	max-width:550px;
	margin:0 0 1.8rem 0;
	margin-top: 10px;
	margin-inline-start: 30px;
}
.record-type-info dt, #content-wrapper-wide dt {
	font-weight:bold;
	color: #333;
    font-size: 1.1rem;
    margin: 20px 0 3px;	
}

.record-type-info dd ul {
	font-size:1rem;
}
.record-type-info dl {
	font-weight:normal;
}





/* Old Stickies */
/* Now they're record-type-info */
.record-type-info {
	background-color:#fff;
	margin-bottom: 20px;
	min-height:10px; 
	z-index:0;
	max-width:620px;
	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');
}
.record-type-info h1 {
    padding: 0;
	margin-bottom: 10px;
	color: #fff;
	font-size: 1.6rem;
    font-weight: bold;
	text-transform: none;
    line-height: 34px;
}

.info::before, .tip::before, .print::before, .help::before, .person::before, .cite::before, .buy::before, .book::before {
    content: " ";
    width: 60px;
    height: 36px;
    vertical-align: top;
    zoom: 1;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

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

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

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

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

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

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

.buy, .dark-blue { background: #003e7e url('/images/site/box-dark-blue-gradient.gif') top repeat-x;}
.buy::before { 
    background: url('/images/site/icon-buy.png') 5px 2px no-repeat transparent;
}
.whi-buy h1 { 
    background: #003e73; 
    padding-left: 1rem;
}

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

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

.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+ */
}
.record-type-info p, .record-type-info ul, .record-type-info ol, .record-type-info h2, .record-type-info h3, .record-type-info ul.arrow-list {
	padding-right: 10px;
	padding-left: 10px;
}

/* Search results Records */
.search-record {
    border-top: 1px solid hsl(26, 46%, 45%);
    margin: 0 10px;
    overflow: hidden;
    padding: 20px 3px;
}
.search-record h1 {
    font-size: 1.3rem;
    line-height: 1.3rem;
    letter-spacing: normal;
}
.search-record .content-type {
    font-size: 1.1rem;
    font-weight: bold;
    color: #999;
    text-transform:uppercase;
}

/* Results List records
-----------------------------*/
.results-list .search-record > * {
    display: block;
    position: relative;
    margin-inline-start: 160px;
    margin-inline-start: 10rem;
}
.results-list .search-record > a {
    float: left;
    margin-inline-start: 0;
    width: 144px;
}
.results-list .search-record > a > img {
    display: block;
    float: right;
    max-width:150px;
}

/* Associated Records */
.associated-records > div {
    border: 1px #929496 solid;
}

.associated-records > div > h1,
.associated-records > div > h2,
.associated-records > div > h5,
.associated-records > div > p,
.associated-records > div > strong/*,
.associated-records > div > ul*/ {
    padding: 6px 20px;
}
/*
.associated-records > div > :nth-child(2) {
    padding-top: 4.5rem;
}
*/
.associated-records > div > img {
    width:100%;
}
.associated-records > div > h1 {
    background: #003e7e;
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.05em;
}
.associated-records > div > h1.help {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0;
    font-weight: bold;
    line-height: 34px;
    line-height: 2.125rem;
    text-transform: none;
}

.related-record, .featured-record {
    margin: 0 10px;
    padding: 20px 3px 20px;
    border-top: 1px solid #ddd;
	
}

#dynamicBooks>.related-record {
    border: none;
    margin: 0 1rem;
    padding: 0;
}

.record-image {
    margin: 0 10px;
    padding: 0px 3px;
    border-top: 1px solid #ddd;
}
.related-record > h1, .featured-record > h1, .featured-photo > h1, .search-record h1 {
    font-size: 1.3rem;
    line-height: 1.3rem;
    letter-spacing: normal;
    font-weight: bold;
}
.featured-record > * {
    display: block;
    width: 75%;
    padding-left: 26%;
}
.featured-record > a {
    float: left;
    padding-left: 0;
    width: auto;
}
.featured-photo {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    overflow: hidden;
}
.featured-photo + div {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 50%;
}
.featured-photo > * {
    display: block;
    /*padding-left: 150px;
    width: 45%;*/
}
.featured-photo > a {
    position: relative;
    float: left;
    padding-left: 0;
    width: auto;
}


/* Buy Boxes with multiple buy options */
.whi-buy-options {
    text-align: center;
}
.whi-buy-options > div, .record-type-info > form {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    text-align: center;
    /*width: calc(50% - 4px);*/
    margin-top: 0;
}
.whi-buy-options > div + div, .record-type-info > form + form {
    border-left: 1px #ccc solid;
}
.whi-buy-options > div > * {
    display: block;
    margin: 0.5rem auto;
}
.whi-buy-options h2 {
    font-size: 1.3rem;
}
.whi-buy-options p {
    margin: 0;
}
.whi-buy-options p:last-child {
    margin-top: 1rem;
    font-size: 0.9rem;
}


/* 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('/images/site/enlarge.gif') left no-repeat;
	left: 0;
	top: 0;
	text-indent: -2000rem;
	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;
}


/* Main page slider styles */
#featured {
    max-width: 770px;
    margin: 1rem;
}

@media (max-width: 700px) {
#featured {
    max-width: 960px;
}
}

#featured img {
	width: 100%;
}

#featured ul.ui-tabs-nav {
    position: absolute;
    top: 0;
    left: 772px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 158px;
}

@media (max-width: 700px) {
#featured ul.ui-tabs-nav {
    display: none;
}
}

#featured ul.ui-tabs-nav li {
    padding: 1px 0 1px 8px !important;
}
#featured ul.ui-tabs-nav li img {
    /*float: left;*/
    margin: 7px 9px 6px 11px;
}
#featured ul.ui-tabs-nav li span {
    display: none;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected {
    background: url('/images/site/selected-item.gif') 0 -8px no-repeat !important;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected span {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-size: 9px;
    color: #333;
    font-weight: bold;
    font-family: Verdana;
    line-height: 18px;
    position: absolute;
    top: 68px;
    left: 19px;
    background: url('/images/site/transparent-bg.png');
    width: 128px;
    height: 40px;
    text-align: center;
    white-space: normal;
}


/*------------------------------------*\
	Dropdown Nav (as seen in hours cartridge on home page)
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin:10px 0;
	width:100%;
}
#nav li{
	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;
    *zoom: 1;
    *display: inline;
	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;
}


/*-- Content-Type Specific --*/

/* preserve-your-building-nav */
.preserve-your-building-nav > div {
    background: #ddd;
    font-size: 13.5px;
    font-size: 1.2rem;
    font-family: Arial, Verdana, sans-serif;
}
.preserve-your-building-nav > div > * {
    padding-left: 20px;
}
.preserve-your-building-nav > div > h1 {
    background: #98ab64;
    font-size: 16.8px;
    font-size: 1.25rem;
    text-transform: none;
}
.preserve-your-building-nav > div > ul > li + li {
    margin-top: 11px;
    margin-top: 1em;
}
.related-product:hover {
    background-color: #ccc;
}


/* Presentational cheats we still apparently need */
.bottom-margin {
    margin-bottom: 1rem;
}