/*		Default Layout: 991px. (revised)
		Gutters: 10px.
		Outer margins: 10px.
		Leftover space for scrollbars @1024px: 35px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    (orig)
px      87    185    283    381    479    577    675    773    871    969    */

body {
max-width: 971px;
font-family: 'Compatil Letter W01',Arial,Helvetica,sans-serif;
color: #000;
background-color: #333;
display:block;
position:relative;
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
margin: 0 auto;
}

/* helpers */
.flex {
    display: flex;
}

.italic {
    font-style: italic;
}

max-w-none	{
    max-width: none !important;
}

.w-full {
    width: 100% !important;
}

.emph--sm {
	font-weight: 700;
	font-size: 1rem;
}

.pull-right {
	float: right;
	background-color: #efefef;
	font-size: 1.05rem;
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 0;
	padding: 1.5rem 1rem 0;
	width: 50%;
	min-width: 260px;
	max-width: 400px;
}

.pull-right + .pull-right {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

/* positioning */

/* content area margins & paddings - gather. 0.625rem = 10px @ 16px */

blockquote {
	margin-left: 0.625rem;
}

blockquote, h3, p, li,
#content2 h2,
#contentMain h2 {
    padding-left: 0.625rem;
}

blockquote, h3, p, li {
    padding-right: 0.625rem;
}

/* stock identifiers */

blockquote, h3, p, li {
	font-size: 1.1rem;
	line-height: 1.4;
	font-weight: 100;
}

blockquote {
	margin-right: 0px;
}

#news.single #contentMain .posting p, 
#news.single #contentMain .posting ul li,
#news.single #contentMain .posting blockquote {
    max-width: 700px;
    box-sizing: border-box;
}

#amazonadvb blockquote {
padding:0;
font-size: 1.0em;
margin:0;
}

.arch_list blockquote, .video_list blockquote, .resourceFrontPosting blockquote {
padding: 3px;
font-size: 1.0em;
border-left: 5px solid #ffffdd;
}

/* headings */
h1, h2, h3 {font-weight: normal}
h1 { padding-left: 10px; font-size: 2em }

#contentMain h1 {
    font-family: "Isonorm W01",Helvetica,Arial,sans-serif; 
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 2.2rem;
}

#contentMain h2 {
	font-size: 1.6em;
	font-style: normal;
	margin-top: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1rem;
	margin-bottom: 0;
	margin-left: 0;
}
.arch_list h2, .video_list h2, #thisevent h2 {
margin: 10px 0 0 16px;
padding:0 0 0 5px;
letter-spacing:1;
color:#333333;
font-size: 1.0em;
}

#thisevent h2 {margin: 10px 0 0 0}

#content1 .blogTitle h2 {
font-family: "Arial Black",Arial,Helvetica,sans-serif;
display:block;
width:160px;
margin:0 0 0 10px;
}

#content2 .blogTitle h2 {
font-family: "Isonorm W01",Helvetica,Arial,sans-serif;
display: block;
margin: 0 10px 0 10px;
letter-spacing: 2px;
font-size: 2.2em;
padding-left: 0;
}
#content2 .blogTitleRes h2 {
font-family: "Isonorm W01", Helvetica,Arial,sans-serif;
color: #ffffff;
display: block;
font-size: 160%;
margin: 0 32px 0 0px;
cursor: pointer;
padding: 4px 10px 0;
}
#content2 .blogTitleRes h2 img {
margin-bottom:-0.2em;
}

.posting h2 { font-size:1.2em; font-style:normal; text-decoration: none; }

/* h3 */
.arch_list h3, .video_list h3 { margin: 3px 0 0 0; text-transform: capitalize; }
#default #noticesFront h3 { width: 90%; }

#contentMain h3 {
	font-size: 1.5rem;
	clear: both;
}

#contentIndivPost h3 { font-size:1.6em; margin-left:10px; }
.arch_list_text h3 { margin:5px 10px 0 5px; padding:2px 4px; }
.blogTitle h3 { display:block; width:250px; margin:0 0 0 10px; }
#topTitle h3 { margin: 0 auto; }
.fheader h3 { display:block; padding: 0; margin: 0; }
.fheader h3, #twitter_div h3, #default #smallFrontBoxes h3 { font-family: "Isonorm W01"; color: #BE5853; font-size: 24px; }
.resource_post h3 { margin: 10px 0 0 0px; padding-left: 0; }

/* h4 */
h4 {
padding-right: 10px;
padding-left: 10px;
}

#events.list h4 {
margin: 0;
padding: 0;
border-bottom: 1px solid black;
}

/* h5 */
.arch_list h5, .arch_list h6, .video_list h5, .video_list h6 {margin: 0 10px 0 15px; overflow:hidden}
.arch_list h5, video_list h5, {font-size: 0.8em}

/* h6 */
h6 {
    font-size: 0.9rem;
    font-weight: 400;
}

#sidebar-2 h6 {margin-left:10px;}
#thisEvent h6 {margin: 10px 0 0 15px;}
.archListImage h6 {margin: 3px 3px 13px 20px;}
.resource_post h6 {margin: 0 0 0 10px;}

h6#breadcrumb {
    margin: 0.625rem;
    text-transform: lowercase;
}

/* figure */
figure {
	padding: 0;
	margin: 0 10px;
}
figcaption {
	font-size: .8rem;
	color: #7b7b7b;
}

/* hr */
hr {
margin: 2em auto;
height: 1px;
color: #7a7e7d;
background-color: #7a7e7d;
border: none;
clear: both;
}

small, .small {
font-size: 0.9em;
}

strong, bold {
	font-weight: 700;
}

#full3Footer {
color:#333;
font-size:0.7em;
margin-bottom:0px;
}

#txpCommentInputForm {
 /* font-size:0.8em; */
}


/* p */
#amazonadvb p {
padding:0;
font-size: 1.0em;
margin:0;
}

#placejobs p{
margin-left:5px;
font-size:smaller;
}

#sidebar-2 p, #sidebar-1 p, #sidebar-2 h3 {
clear: left;
line-height: 1.5em;
padding-left: 0;
}

#sidebar-2 .teaser_news p {
font-size:0.6em;
}

.arch_list p, .video_list p {
margin: 0px 0 0 10px;
}
.arch_list_text p {
padding:4px;
margin-right:10px;
background-color:#ffffff;
}
.arch_list_text blockquote p {
margin:0;
}

.naj p { margin:0 0 3px 0 }
.resource_post p { white-space: no-wrap }
.video_list .archListImage p { margin:0; padding:0 }

/* lists */

ul { margin: 0; }

/* forms */

form input[type="text"] {
border: 1px solid #E1E1E1;
font-size: 13px;
color: #888;
}

form textarea {
padding: 0;
}

/* misc fonts */
.prevnext {
font-size:1.2em;
font-weight: 100;
text-transform: lowercase;
}

/* links
----------------------------------------------- */

a {color: #1d97cc}
a img {border:0}
h1 a, h2 a, h3 a {border: none}
h2 a {
	text-decoration: none;
}
#amazonadvb li a{color: #cc0000}

#foot-outer a {
    color: #ffffff;
	padding-bottom: 1rem;
	display: inline-block;
}

#contactFromArticle form input {
color:#333;
font-size:0.7em;
background-color:#fff;
border:0;
cursor: pointer;
margin-bottom:0px;
}

#submitEventFromFront { clear: left }
#submitEventFromFront form input {
color:#1d97cc;
background-color:#fff;
border:0;
cursor: pointer;
padding: 0;
}

#newsTags p a {
color: #333;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px #333 dashed;
}

#relatedMenu a:hover, #relatedMenu a:active  {
background-color:#000000;
color: #fff;
border: 1px solid black;
}

#sidebar-2 a {text-decoration:none; border: none}
#sidebar-2 a.i {color: #1d97cc}
.archListBar a {
color: #666;
margin: 2px;
text-decoration:none;
padding-bottom: 2px;
border-bottom: 1px #666 dashed;
}
.arch_list a, .arch_list_text a, .video_list a {text-decoration:none; text-transform: initial}
.arch_list_text h3 a {color:#332299}
.smallgraphic {
	width: 16px;
	height: auto;
}
.blogTitle a {color: #333;text-decoration: none}
.blogTitleIndiv a {color: #333;text-decoration:none; border-bottom: 1px solid #222;}
.naj p a, .naj ul a, .fheader a {text-decoration: none; padding: 0}
.naj ul li.najcity a {
display: block;
background: #AAA;
font-family: "Isonorm W01";
font-size: 20px;
width: 100%;
color: #FFF;
padding: 3px;
}
.naj a:hover, .naj a:active {background-color:#000000; color: #fff; border: 1px solid black}
.resourcefrontdrop a {color:#ffffff}
.resource_post h3 a {margin:0px}
.RSSlink a {color:#fd5000}

/* overrides
----------------------------------------------- */

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

div.divider {
margin: 2em 0;
text-align: center;
}

/* layout IDs first
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#container {
position: relative;
}

/* layout IDs cont'd
----------------------------------------------- */

#topBlock {
background:url('images/1234.jpg') left center no-repeat;
background-size: cover;
height:100px;
margin-bottom: 10px;
}

#default #topBlock {
background:none;
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
	#topBlock #logo h1 {
	color: #ffffdd;
	letter-spacing: 4px;
	font-size: 3.5em;
	top: 0;
	margin: 0;
	}
#midTitle {
float:left;
font-size: 0.8em;
color:#666;
padding:10px;
}

#contentMain,#contentIndivPost,#eventMain {
	float:left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 100%;
	min-height: 400px;
	background-color: #fff;
}

#eventMain {
width: auto;
}
#sidebar-2 {
margin: 0;
padding: 10px;
background-color:#ffffff;
overflow:visible;
display: none; /*2018*/
}

	#events.list #sidebar-2 {
	display:none;
	}

#sidebar-2 img{
border:0;
width: 100%;
height: auto;
max-width: 263px;
}

#foot {
margin-top: 5px;
clear: both;
text-align: center;
}

#foot-outer {
	color: #ffffff;
	font-size: 0.8rem;
	padding: 0.625rem;
}

#foot-outer span {
    display: block;
}

/* section specific IDs and Classes
----------------------------------------------- */

/* Front Page
----------------------------------------------- */
#default #container {
background: url('/cms/images/1180.jpg') repeat-y;
background-size: 100%;
padding: 10px;
}

#default #content1 {
clear: left;
float:left;
width: 220px;
margin-left: 10px;
}

	img.smallleft {
	width: 300px;
	height: auto;
	float: left;
	padding: 0 20px 20px 15px;
	}
	#default #content2 .resourceFrontPosting ul {
	list-style-position: inside;
	}
	#default #content2 .resicon {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url("assets/graphics/arrow-down.png") no-repeat;
	display:none;
	}
	
#default #smallFrontBoxes {
}
	#default #smallFrontBoxes h3 {
	margin: 20px 10px 0 0;
	background-color: #ffffdd;
	width: 147px;
	}
	
	#default #smallFrontBoxes ul {
	list-style-type: none;
	display: block;
	margin: 0 0 0 -12px;
	padding: 0;
	}
		#default #smallFrontBoxes ul li {
		background-color: #ffffdd;
		margin: 0 0 10px 12px;
		width: 197px;
		float: left;
		padding: 10px;
		min-height: 64px;
		}
			#default #smallFrontBoxes ul li small {
			color: #999;
			}
		
#default .newsFrontPosting {
background-color: #f1f1f1;
margin: 10px 0 0 0;
padding:2px 0;
xxxwidth: 70%;
clear: left;
}
#default .newsFrontPosting p img, #default .newsFrontPosting iframe, #default .newsFrontPosting .quickpics {
max-width: 100%;
height: auto;
}
#default .blogTitleRes {
background-color: #cccccc;
position: relative;
}
#default .resourceFrontPosting {
background-color: #AAA;
margin: 10px 0 0 0;
clear: left;
}
.rightcoltxt {
float:right;
width: 136px;
}
	.rightcoltxt span, p.noticedate {
	font-size: 13px;
	text-transform: uppercase;
	}
.resourceFrontPosting .resourcefrontdrop {
display:none;
padding-bottom: 2px;
}

/* general misc styling
----------------------------------------------- */

#amazonadvb {
margin:10px 2px 2px 2px;
}
#amazonadvb ul{
list-style-type:none;
padding:0;
margin:0;
}
#amazonadvb li{
margin-top:5px;
padding:0;
}

#amazonadvb li img{
max-width:150px; 
width: expression(this.width > 150 ? 150: true); 
height:auto;
} 

#contactFromArticle {
float:right;
margin-right:20px;
margin-bottom:10px;
}

#events.list #contactFromArticle {
width:auto;
}

#contactFromArticle form {
width:100px;
float: right;
}
#contactFromArticle form input {
float: left;
}

#default #content1 p { width:200px }

#default #front-block-ad { width:380px; text-align:center }

#default #front-block-ad div { margin:10px }

#default .forumFrontPosting p { margin:0 0 0 0; padding-bottom: 0.5em }

#eventBody {
border: 1px solid black;
display: block;
margin: 0 10px;
background-color: white;
font-style: italic;
min-height: 1%;
overflow: hidden;
}

#eventLinks {
float: left;
margin: 5px 0;
}

#feedlist {
display:block;
padding: 0.5em 0;
border: 1px dashed #e1e1e1;
}

#feedlist p span {
font-size: 0.8em;
text-transform: uppercase;
}

#forsale{ display:none }

#map_canvas { height:1px; margin:0 15px }

#morenews { background-color: #fff }

#default #smallFrontBoxes li#moreyonder {
float:right;
margin-top: -10px;
color: #1D97CC;
min-height: 1px;
cursor: pointer;
}

#default #smallFrontBoxes li#moreyonder:hover { background-color:#e1e1e1 }

#newsTags { display: block; margin: 10px 0px }

#narrowform {float:right; display:block; width:150px}
 
#photoWrap { margin:10px }

#pipesFeed { float:left; width:95%; margin:10px 10px 10px 20px }

#placejobs { margin-top:1em; border:1px solid #ccc }

#default #smallFrontBoxes ul#smallBoxDrop {
display:none;
padding:0;
}

#socmedia {
	padding: 5px 0;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
}
#socmedia a { padding: 2px 5px; margin-right:10px; border:1px solid #ccc }
#socmedia a.colourborder { border:1px solid #333 }

#topTitle {
display:block;
margin: 0 auto;
text-align:center;
color: #fff;
padding-top: 5px;
}

#topBlock form { float: right; padding: 5px }

#twitter_div { clear: left }
#twitter_update_list { margin: 0; padding: 0; list-style-type:none }
#twitter_update_list li {
margin: 15px 0;
padding: 8px 10px;
background: #b0e6ff;
width: auto;
-webkit-border-radius: 10px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-topleft: 0;
border-radius: 10px;
border-top-left-radius: 0;
}
#twitter_update_list li a { color: #1d97cc }



/* classes
----------------------------------------------- */

.addthisstrip {
margin: 10px;
padding-bottom: 10px;
}

.arch_list, .video_list {
	clear: both;
	display: block;
}

.list .arch_list, .list .video_list {
    border-top: 5px solid #D3D3D3;
}

.arch_list_text {
margin-bottom:3px;
}
.video_list .arch_list_text {
display: block;
float:left;
margin-bottom:3px;
}
.arch_list_title {
display: block;
}
.archListBar {
	float: left;
	margin: 0 3px 13px 13px;
	padding-left: 3px;
	font-size: smaller;
	text-transform: lowercase;
	color: #666;
	line-height: 1.7em;
}

.arch_list .archListImage {
width:100%; /* was 520 */
margin:0;
padding-top: 5px;
overflow:hidden;
text-align:left;
font-size:1.0em;
}
.video_list .archListImage {
width:100%; /* was 520 */
margin:0 0 0 15px;
padding-top: 5px;
overflow:hidden;
text-align:left;
}
.video_list .archListImage #map_canvas {
margin-left:15px;
width:auto;
}

.archListImage img {
margin: 0px 3px 0 20px;
}
.video_list .archListImage img {
margin: 0px 3px 0 0;
}

.video_list .arch_list_text p img {
height: auto;
width: auto;
}

.blogTitle {
margin-top:10px;
}

.blogTitleIndiv {
    margin-top: 1rem;
}

.blogTitleTop {
clear:left
}

.box1 {
clear:left;
}
.breakout {
background-color: #dddd;
font-size: 90%;
padding: 5px 0;
}
.cat_menu li {
list-style-type:none;
text-transform:uppercase;
margin:0.5em 0;
}

.cat_menu li li {
list-style-type:square;
text-transform:none;
}
.clearer {clear:both}

.commFront div {
	background-color: #e1e1e1;
	padding: 5px;
	margin: 0 1rem 2rem 1rem;
}

.contactBox { /* position youtube and image in box */
padding:10px 10px 10px 0;
}

.arch_list .contactBox {
font-size: smaller;
padding:0;
clear: left;
}
.f {/* google reader */
margin-bottom: 5px;
}

.feedtext { font-style: italic}

.fheader {
display: block;
clear: both;
color: white;
background-color: #FFF;
margin: 0;
padding-top: 10px;
}

.naj ul{ list-style-type:none; padding: 0; margin:0}
.naj li{ clear: both; padding-top: 5px; padding-left: 0}
.najcity { font-size: 16px }
.najtitle img {
width: 50px;
height: auto;
margin-right: 10px;
float: left;
}
/*2021 cull
.placeFull, .placeTitle, .placeWide {
float:left;
display:block;
padding: 10px;
width:310px;
list-style-type:none;
}
#placeLeftNews {width:520px}
img.placeimage {width: 100%; height: auto;}

.placeFull ul, .placeTitle ul {
list-style-type:square;
margin:0;
padding-left:25px;
}
.placeFull ul li, .placeTitle ul li { margin:0 }

.placeFull ul li ul {
list-style-type:none;
margin:0;
padding:10px;
}
.placeFull img {border:0;width:100%;height:auto;}
.placeFull a img {width:auto}
*/
.posting {
display:block;
padding-top: 5px;
}

.posting img, .resourceFrontPosting img { 
width: 100%;
height: auto;
}

#upperprevnext {margin-top:10px}

.prevnext {
display:block;
white-space:nowrap;
float:left;
margin:20px 10px 10px 10px;
padding:5px;
}


.relatedbuilding {
display:block;
clear:left;
}

.relatedImage2 img {vertical-align: middle; height:100px; width: auto}

ul.relatedul {
padding-left: 5px;
}

ul.relatedul li {
list-style-type: none;
border-bottom: #e1e1e1;
padding-bottom: 5px;
}

.relatedsample {
display:block;
margin-top: 40px;
}

ul.related_articles {
	padding: 0;
	list-style-type: none;
}
ul.related_articles > li {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.resource_post {
clear: left;
display: block;
padding-left: 0;
padding-bottom: 10px;
margin: 10px;
background-color: #e5e5e5;
min-height: 1%;
overflow: hidden;
}

.resource_post img {
float: left;
padding: 0 10px;
}

.searchResultBox {
border-bottom:1px dashed #333333;
}
.search_input {
	color: #ccc;
}

/* small images left - in use */
img.smallleft, .smallleft > img, img.small--left, .small--left > img {
	width: 330px !important;
	float: left;
	padding: 0 10px 20px 0;
}

/* image block image left */
.block-image--left {
	display: flex;
	background-color: #eee;
	padding: 3%;
	gap: 3%;
	align-items: flex-start;
}

.block-image--left > :not(img) {
	width: calc( 100% - 200px );
	min-width: 200px;
}

.block-image--left > img {
	width: calc( 100% - 200px - 3% );
	min-width: calc( 200px - 3% );
}

.divider--black {
	background: black;
	color: white;
	clear: both;
	max-width: unset !important;
	width: 100% !important;
	padding: 2rem;
	font-family: arial;
	font-size: 2rem;
}

.tag_post {
display: block;
background-color: #fff;
margin: 3px;
}
.tag_post h3 {
margin: 10px 0 0 0;
}
.tag_post h6 {
margin: 0 0 0 20px;
}
.tag_post p {
margin: 0;
}
.trythis {
display:block;
float:left;
margin:20px 10px 10px 10px;
padding:5px;
font-size:0.9em;
border: 1px solid #333;
}

/* delicious and googlereader */
.s { 
font-size:0.7em;
text-align:right;
margin-bottom:3px;
color:#ccc;
}

.reader-publisher-module ul {
list-style-type:none;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#default .reader-publisher-module ul li {
margin: 13px 3px;
width: 130px;
font-style: italic;
background: #E1E1E1;
padding-top: 10px;
padding-bottom: 10px;
}

#delic_div ul, #delic_div ul li {
margin: 0;
padding: 0;
list-style-type: none;
}

#delic_div ul li {
margin: 0 0 10px 10px;
}
.reader-publisher-module ul li a {
font-style: normal;
}
.reader-publisher-module .f a {
font-size: 0.8em;
text-transform:uppercase;
float: right;
padding: 3px 3px 0 0;
}


/* comments
----------------------------------------------- */

#importantfield{ display:none; }

.comm_container { display:none }
.comments_error { color: #000; background-color: #fff4f4 }
.comments-wrapper table { 
  min-width: 300px;
  width: 70%;
  margin-bottom: 1rem;
}

.show_comm { cursor:pointer; background:#e1e1e1 }

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm {
margin-left: 10px;
}

form#txpCommentInputForm td {
vertical-align: top;
}

form .txpCommentInputMessage {
xxxwidth: 430px;
width: 70%;
}

/* profile
----------------------------------------------- */
#profile fieldset {
border: 5px solid #888;
margin:0.8em;
}

#profile legend {
font-size: 1.2em;
font-style:italic;
}

#profile textarea, #profile input {
margin-bottom:1em;
padding:.4em;
}

/* contact
----------------------------------------------- */

.comments-wrapper td {
/* font-size:0.8em; */
}

#contactOldWay table {
margin-left:10px;
font-size: 0.8em;
}

.comContactForm fieldset {
border:0;
}
.comContactForm li{
list-style-type:none;
}

/* Menu
---------------------------------------------------- */

#menu ul, #menuhome ul {
margin:0;
padding:0;
background-color: #f1f1f1;
}
#menu ul li ul {
position: absolute;
}
#menu ul li, #menuhome ul li {
list-style-type: none;
margin-left:0;
padding: 0;
}
#menu ul li ul li {
font-size:1.0em;
width:100%;
font-style: normal;
margin-left:0;
padding-right:0;
padding:0; /*was left only */
}
#menuhome, #menu, #menu ul {
float:left;
z-index: 10;
}

#menuhome ul li a {
text-decoration:none;
}

#sidebar-1 {
margin-bottom: 10px;
float: left;
color: #333;
width: 100%;
white-space: nowrap;
}

.firsttierli {cursor:pointer}

.menuheader {
    color:#333;
    padding: 5px 10px;
    text-decoration: none;
}

.menuheader:hover, .menuheader:active  {
background-color:#000000;
color: #fff;
}

a.menuheader:hover, a.menuheader:active  {
background-color:#000000;
color: #fff;
}
span.menuheader:hover, span.menuheader:active  {
background-color:#000000;
color: #fff;
}

.submenu {
display:none;
color: #333;
}

.submenu a {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

.submenu a:hover, .submenu a:active  {
background-color:#000000;
color: #fff;
}

.submenu li {
padding-right:0px;
}

.submenu li a {
text-decoration: none;
}

/* Photo Gallery
---------------------------------------- */
#desc {
display:none;
}

.frontthumbs img {
  float: left;
  width:170px; /*was auto*/
  height:auto; /* was 50 */
  margin: 0 5px 0 10px;
  border:0;
}
.archListImage .frontthumbs img {
  width:100px; /*was auto*/
  padding-top: 5px;
  padding-left: 10px;
}
.rssThumbFloat {
  float: left;
  width: 285px; /* 292 */
  border: 1px dashed #999;
  margin: 5px 5px 0 0;
  padding: 2px;
  font-size: .85em;
}
.rssThumbFloat img {
  float:left;
  border:0;
  height:50px;
  width:50px;

}
.rssThumbFloat span {
  float:right;
  display:block;
  width:230px;
  margin-top:0;
  white-space: normal
}

/* Store 
-----------------------------------------*/
#store #contentMain {width:800px}
#store #sidebar-2 {display:none}
/* iframe css is at amazon */

/* Calendar
---------------------------------------- */
#eventMain table {
background-color: #ffffdd;
}

.smd_cal_calcell {
background-color:#e1e1e1;
vertical-align: top;
font-size:0.8em;
}
.smd_cal_calcell a {
color: #1d97cc;
}
.smd_cal_calcell a:hover, .smd_cal_calcell a:active  {
background-color:#000000;
color: #fff;
}
.smd_cal_event {
background-color:#f1f1f1;
}
.smd_cal_multi, .smd_cal_multilast, .smd_cal_multiprev {
font-size:0.8em;
color:#333333;
}
.smd_cal_event span{
margin-top:3px;
}
.smd_cal_event p {
display:none;
}
.smd_cal_event h4 {
font-family: "Arial Black",Arial,Helvetica,sans-serif;
}
.smd_cal_navrow {
font-family: "Arial Black",Arial,Helvetica,sans-serif;
}
.smd_cal_navrow a {
text-decoration:none;
color: #1d97cc;
}
.smd_cal_standard a, .smd_cal_recurfirst a, .smd_cal_multifirst a, .smd_cal_recur a {
background-color:yellow;
}
.smd_cal_today {
background-color:yellow;
}

/* LESS 4 addons */
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 47px 46px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712 (orig)
px      87    185    283    381    479    577    675    773 */


/*		Mobile Layout: 320px.
		Gutters: 10px.
		Outer margins: 19px 18px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252  (orig)
px      87    185    283    */

@media only screen and (max-width: 767px) {
	
	body {
		font-size: 110%;
	}
	#topBlock {
		background-size: 280%;
	}
	
	#topBlock #logo h1 {
	    font-size: 3rem;
	}

	#menuhome, #menu, #menu ul {
		float: none;
	}
	#menu ul li {
		width: 263px;
	}
	#menu ul li ul {
		position: static;
	}
	#menu ul li ul li {
		height: 30px;
	}
	.menuheader {
		height: 30px;
		display: block;
	}
	#sidebar-2 {
		width: 263px;
		padding: 10px;
		margin: 0 0 10px 0;
	}

	
	#contentMain img {
		width: calc( 100% - 20px ) !important;
		height: auto !important;
	}
	#contentMain figure img {
		width: 100%;
	}

	.block-image--left {
		flex-direction: column;
	}
	#contentMain .block-image--left > img {
		width: auto;
	}
	.block-image--left > :not(img)
		width: auto;
		margin-top: 1rem;
		margin-block: 1rem;
	}
	
	#news.single #contentMain .posting p,
	#news.single #contentMain .posting blockquote {
		width: calc( 100% - 20px );
	}

	#contentMain img.smallgraphic {
		display:none;
	}
	form textarea {
		width: 263px;
	}
	#eventMain {
		width: 263px;
		padding-right: 10px;
		padding-left: 10px;
	}
	#events table {
		width: 263px;
	}
	#events table tr {
		float: left;
		width: 100%;
	}
	#events table tr.smd_cal_daynames {
		display:none;
	}
	#events table tr td.smd_cal_calcell {
		float: left;
		width: 100%;
	}
	.placeFull, .placeTitle, .placeWide { width:auto }
	img.smallleft {width:100%; padding-right:0}
	
    #txpCommentInputForm #remember, #txpCommentInputForm input[for=remember]  {
        display: none;
    }

}

/*		Wide Mobile Layout: 480px.
		Gutters: 10px.
		Outer margins: 0px 1px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    (orig)
px      87    185    283    381    479    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		width: 479px;
		padding: 36px 0px 48px 1px;
	}
	#topBlock {
		background-size: 160%;
	}
	#sidebar-2 {
		width: 459px;
	}
	#contentMain {
		/* width: 479px; */
	}
		#contentMain img {
			width: 459px;
		}
			#contentMain p img {
			width: 439px;
			}
	iframe {
		width: 459px !important;
	}
	#eventMain {
		width: 459px;
	}
	#events table {
		width: 459px;
	}
}
/* ==========================================================================
   Additional layout for screen media 672px and up
   ========================================================================== */

@media only screen and (min-width: 48em) {
	/* 2018 mob first*/
	
}

/* ==========================================================================
   Additional layout for screen media 971px and up
   ========================================================================== */

@media only screen and (min-width: 971px) {
	/* 2018 mob first*/
	
	#sidebar-2 {
		display: block;
		margin-top: 170px;
		float: right;
		width: 23%;
	}
	#default #content2 {
		max-width: 675px;
		/* width: 74%; */
	}
	#contentMain,#contentIndivPost,#eventMain {
		width: 675px;
		width: 74%;
	}
}

/* print */
@media print {

#sidebar-1, #sidebar-2, .arch_list_title, #topBlock, #narrower, .prevnext { display:none }
#topTitle h3 {font-size: 2em }
#midTitle {font-size: 1em }
#contentMain, #list2187, .arch_list_text{ width:100% }
}

/* end print */

/* end CSS BP3-2022_1 */