@charset "UTF-8"; body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
color: #999966;
  background: #4c4c4c;
margin-left: auto;
margin-right: auto; }

 #container {
	width: 99%;  /* this will create a container 90% of the browser width */
	background: #ffff66;
	margin: 2em auto auto auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#blogContentWrapper {
padding: 0.3em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
width:auto;
background-color: #666666;
margin-top: 0em;
border: 1px #333333; }



#topHorizontalBar{
width: 100%;
background-color: #FBFFE2;
background-repeat: repeat;
 }

#horizontalFixedSpacer{
height: 30pt;
background-color: #FBFFE2;
border-left: thin #573A1D solid; 
border-right: thin #573A1D solid;
border-top: thin #573A1D solid;
-webkit-border-top-left-radius: 4em 4em;
-moz-border-radius-topleft: 4em 4em;
border-top-left-radius: 4em 4em;
-webkit-border-top-right-radius: 1.0em 1.0em;
-moz-border-radius-topright: 1.0em 1.0em;
border-top-right-radius: 1.0em 1.0em; }


#header {
	background: url('../templates/trahheaderFade2.jpg') repeat-x; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
padding: 0 10px 0 20px;
	border: thin  #573A1D solid; 
	z-index: 5;
max-width: 300px;
border-radius: 2em 2em;
-webkit-border-radius: 2em 2em;
-moz-border-radius: 2em 2em;
-webkit-box-shadow: 3px 3px 3px #808080;
-moz-box-shadow: 3px 3px 3px #808080;
box-shadow: 3px 3px 3px #808080;
position: relative;
float: left;
top: -3em;
left: +2em; }

#dwgDiagonal {
background-image: url('../templates/frame.png');
position: relative;
float: left;
top: -30pt;
z-index: +2;
}

#topHhorizontalBar{
width: 100%;
position: inherit;
z-index: +1;
background-color: #cccccc;
height: 2em;
background-image: url('https://systems-thinkers.org/templates/outerFade3.png');
background-repeat: repeat-x;
margin-left: 1.8em; }

#memberLoggedIn, #memberLoggedOut{
position: relative;
float: right;
height: 2em;
z-index: 7;
left: auto;
padding-left: 1.0em;
padding-bottom: 0.2em; }

#memberLoggedIn {
width: 22em;
border-bottom: thin #573A1D solid;
border-right: thin #666666 solid;
border-bottom-right-radius: 1.0em;
-webkit-border-bottom-right-radius: 1.0em 1.0em;
-moz-border-radius-bottomright: 1.0em 1.0em;
border-left: thin #FBFFE2 solid;
border-bottom-left-radius: 1.0em;
-webkit-border-bottom-left-radius: 1.0em 1.0em;
-moz-border-radius-bottomleft: 1.0em 1.0em;
border-top-left-radius: 1.0em;
-webkit-border-top-left-radius: 1.0em 1.0em;
-moz-border-radius-topleft: 1.0em 1.0em;
-webkit-box-shadow: 2.5px 2.5px 3px #808080;
-moz-box-shadow: 2.5px 2.5px 3px #808080;
box-shadow: 2.5px 2.5px 3px #808080;
}


#memberLoggedOut {
width: 8em;
border:none;
}

 #mainContent {
	padding: 0.6em 2em 2em 2em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: #FBFFE2;
border-left: thin #573A1D solid; 
border-right: thin #573A1D solid;
padding-top: 0.6em; }

#channelEntry{
margin-top:3em;
}

#singleEntry{
margin-bottom: 1em;
padding: 2em;
border-top: thin #bebf4d dotted;
margin-top: 5em; }

#bottom_insert{
border: thin #804000 solid ;
-webkit-border-radius: 0.3em 0.3em;
-moz-border-radius: 0.3em 0.3em;
border-radius: 0.3em 0.3em;
-webkit-border-top-left-radius: 2em 2em;
-moz-border-radius-topleft: 2em 2em;
border-top-left-radius: 2em 2em;
-webkit-box-shadow: 3px 3px 3px #808080;
-moz-box-shadow: 3px 3px 3px #808080;
box-shadow: 3px 3px 3px #808080;
background-color: #cccc99;
width: auto;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
-webkit-column-rule: thin;
-moz-column-rule: thin;
column-rule: thin;
padding: 1em; 
padding-left: 2em;
margin-left:-1em;
margin-right:-1em;
margin-bottom: -3.5em;}

#bottom_insert br{
break-after:column;}
#bottom_insert h4{
margin-top:0em;
}

#insert_listBox1{
border: thin solid;
position: relative;
float: none;
z-index: 4;
clear: both;
font-size: 0.85em;
background-color: #fffd93;
margin-left: auto;
left: auto;
right: auto;
margin-top: 0.75em;
border-top: thin #804000 solid;
-webkit-border-top-left-radius: 0.5em 0.5em;
-moz-border-radius-topleft: 0.5em 0.5em;
border-top-left-radius: 0.5em 0.5em;
border-bottom: thin #804000 solid;
border-right: thin #804000 solid;
border-left: thin #804000 solid;
-webkit-border-top-right-radius: 0.5em 0.5em;
-moz-border-radius-topright: 0.5em 0.5em;
border-top-right-radius: 0.5em 0.5em;
-webkit-border-bottom-left-radius: 3em 3em;
-moz-border-radius-bottomleft: 3em 3em;
border-bottom-left-radius: 3em 3em;
-webkit-border-bottom-right-radius: 0.5em 0.5em;
-moz-border-radius-bottomright: 0.5em 0.5em;
border-bottom-right-radius: 0.5em 0.5em;
-webkit-box-shadow: 3px 3px 3px #808080;
-moz-box-shadow: 3px 3px 3px #808080;
box-shadow: 3px 3px 3px #808080;
margin-right: auto;
padding: 1em;
padding-right: 1.8em;
padding-left: 1.8em; }

#insert_resourceGraphic{
margin-top:3.5em;
}





#blogContent,  #blogContent_searchResults {
	padding: 1.0em 1.8em 4em 1.8em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ffffff;
-webkit-border-radius: 0.5em 0.5em;
-moz-border-radius: 0.5em 0.5em;
border-radius: 0.5em 0.5em;
/*border-bottom: thin #666666 solid;*/
border: thin #573A1D solid;
clear: left;
border-top: thin #573A1D solid;
-webkit-border-top-left-radius: 3em 3em;
-moz-border-radius-topleft: 3em 3em;
border-top-left-radius: 3em 3em;
-webkit-box-shadow: 3px 3px 3px #808080;
-moz-box-shadow: 3px 3px 3px #808080;
box-shadow: 3px 3px 3px #808080;
}

 .clear{
clear: both; }

 #blogContent_searchResults {
margin-right:0em;
padding-right: 1.8em; }

#footer { 
clear: 			both;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	-webkit-border-bottom-left-radius: 4em 4em;
-moz-border-radius-bottomleft: 4em 4em;
border-bottom-left-radius: 4em 4em;
-webkit-border-bottom-right-radius: 4em 4em;
-moz-border-radius-bottomright: 4em 4em;
border-bottom-right-radius: 4em 4em;
height: 30px;
background-image: url('../templates/trahfooterFade2.jpg');
border-bottom: thin #573A1D solid;
border-right: thin #573A1D solid;
border-left: thin #573A1D solid;
background-repeat: repeat-x; }