/* CSS for Reames Chapter #28, Royal Arch Masons of Oregon */



/* module:topnav */

.cssmod .navstyle div.x_topcat {
  background: #555;  color: #BBB;  font-size: 75%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.cssmod .navstyle div.x_topcat ul {
  margin: 0;
  padding: 0;
  font-weight: bold;
  padding: 5px;
}
.cssmod .navstyle div.x_topcat ul ul {
  display: inline;
  padding: 0;
}
.cssmod .navstyle div.x_topcat ul li {
  display: inline;
}
.cssmod .navstyle div.x_topcat ul li.group {
  margin: 0;
  margin-left: 1em;
  margin-right: 0.3em;
  line-height: 1.0;
}
.cssmod .navstyle div.x_topcat ul li.group span {
  font-size: 90%;
  font-family: "Trebuchet MS", sans-serif;
  xfont-style: italic;
  font-weight: normal;
}
.cssmod .navstyle div.x_topcat span {
  padding: 5px 0;
}
.cssmod .navstyle div.x_topcat ul ul li {
  display: inline;
}
.cssmod .navstyle div.x_topcat ul ul li.sep {
  position: absolute;
}
.cssmod .navstyle div.x_topcat a {
  border-right: 1px solid #000;
  background: #336;  color: #FFF;  padding: 5px 10px;
}
.cssmod .navstyle div.x_topcat a:hover {
  background: #B85;  color: #000;  text-decoration: none;
}
.cssmod .navstyle div.x_topcat li.firstcat a {
  border-left: 1px solid #000;
}
.cssmod .navstyle div.x_topcat li.backtree a {
  background: #000;  color: #FFF;}


/* module:text */

html, body {
  margin: 0;
  padding: 0;
}
body {
  background: #699;  color: #000;}
.cssmod p {
  margin: 0;
  padding: 0;
}
.cssmod a,
.cssmod div#content a {
  text-decoration: none;
  color: #039;}
.cssmod a:visited,
.cssmod div#content a:visited {
  color: #609;}
.cssmod a:hover,
.cssmod div#content a:hover {
  text-decoration: underline;
  color: #F00;}
.cssmod .clearing {
  margin-bottom: -1px;
  height: 1px;
  overflow: hidden;
  clear: both;
}
.cssmod .clearingl {
  margin-bottom: -1px;
  height: 1px;
  overflow: hidden;
  clear: left;
}
.cssmod .clearingr {
  margin-bottom: -1px;
  height: 1px;
  overflow: hidden;
  clear: right;
}
.cssmod div#header {
  background: #FFF url('');  background-repeat: no-repeat;
  height: 150px;
}
.cssmod div#header h1 {
  padding: 0;
  margin: 0;
  color: #777;
}
.cssmod div#header span {
  position: absolute;
  top: -10em;
}
.cssmod #contactbar {
  float: right;
  background: #FFF;  font-size: 80%;
  padding: 0.5em;
  margin: 1em;
  border: 1px solid #000;
}
.cssmod #navcrumbwrapper {
  zoom: 100%;
}
.cssmod #navcrumb {
  padding-bottom: 0.75em;
}
.cssmod #navcrumb ul {
  margin: 0;
  padding: 0;
}
.cssmod #navcrumb li {
  font-size: 90%;
  list-style-type: none;
  font-weight: bold;
  display: inline;
}
.cssmod #navcrumb em {
  font-weight: normal;
  font-style: italic;
}
.cssmod #navcrumb img.sep {
  vertical-align: middle;
  padding-top: 0.01em;
  padding-bottom: 0.06em;
}
.cssmod div#content {
  border: 1px solid #41301E;
  zoom: 1;
}
.cssmod div#contentinner {
  border: 5px solid #B85;
  background: #FFF;  padding: 1em 1.5em;
  xfont-size: 82%;
  zoom: 1;
}
.cssmod div#content p {
  padding-bottom: 0.5em;
  line-height: 1.3;
  xword-spacing: 0.1em;
  text-align: justify;
}
.cssmod input,
.cssmod textarea {
  border: 1px solid #000;
  padding: 2px;
}
.cssmod td.submit input {
  color: #000;  background: #B85;  border: 1px solid #000;
}
.cssmod div.gallery {
  display: block;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.cssmod div.gallery div {
  display: inline;
  xpadding-right: 8px;
}
.cssmod div#page div.gallery img {
  vertical-align: top;
  display: inline;
  background: none;
  margin: 0.5em;
  padding: 1px;
  xbackground: black;
}
.cssmod div#page div.lpicture img,
.cssmod div#page div.gallery a img { border: 3px solid #039; opacity: 0.85; filter: alpha(opacity=85); }
.cssmod div#page div.lpicture a:visited img,
.cssmod div#page div.gallery a:visited img { border: 3px solid #609; opacity: 0.85; filter: alpha(opacity=85); }
.cssmod div#page div.lpicture a:hover img,
.cssmod div#page div.gallery a:hover img { border: 3px solid #F00; opacity: 1; filter: alpha(opacity=100); }
.cssmod div#page div.lpicture a:active img,
.cssmod div#page div.gallery a:active img { border: 3px solid #F00; opacity: 1; filter: alpha(opacity=100); }

.cssmod div#page div.enlargement a img { border: 3px solid #039; opacity: 1; filter: alpha(opacity=100); }
.cssmod div#page div.enlargement a:visited img { border: 3px solid #039; opacity: 1; filter: alpha(opacity=100); }
.cssmod div#page div.enlargement a:hover img { border: 3px solid #039; opacity: 1; filter: alpha(opacity=100); }
.cssmod div#page div.enlargement a:active img { border: 3px solid #039; opacity: 1; filter: alpha(opacity=100); }

.cssmod dd {
  padding: 0;
  margin: 0;
  margin-left: 2em;
  xmargin-bottom: 1em;
}
.cssmod dt {
  padding-left: 15px;
  margin: 0;
  margin-bottom: 0.2em;
}
.cssmod dl {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}
.cssmod span.bullet {
  width: 10px;
  background: url('subarrow-black.png') no-repeat center left;
  display: block;
  position: absolute;
  margin-left: -15px;
}
.cssmod span.bullet span {
  visibility: hidden;
}
.cssmod div.subcatlist {
  margin-left: -1em;
  margin-bottom: 1em;
}
.cssmod div.subcatlist div {
  padding-left: 15px;
  margin-left: 1em;
}
.cssmod div.subcatcolumns div {
  width: 15em;
  margin-bottom: 0.2em;
  float: left;
}
.cssmod table.form th {
  vertical-align: top;
  text-align: right;
}
.cssmod div#page {
  border-bottom: 1px solid #243636;
}
.cssmod div#copybar div {
  border-top: 1px solid #141F1F;
  padding: 0.5em;
}
.cssmod div#copybar {
  font-size: 75%;
  border-top: 5px solid #699;
  color: #B3CCCC;
  background: #243636;
  border-bottom: 1px solid #141F1F;
}
.cssmod div#copybar a {
  color: #E0EBEB;
}
.cssmod div.storago_commentbox {
  padding-top: 1.5em;
}

.cssmod div.picture {
  background: #FFF;}
.cssmod div.picture div {
  background: #AAA;  border: 1px solid #B85;
}
.cssmod div.picture div img {
  border: 1px solid #000;
}
.cssmod div.firstpicture {
  margin-top: 0;
  padding-top: 0.5em;
}

.cssmod div.picture div.image_caption_text {
  background: #BBB;
  color: black;
}
h3.attached_subcat {
  clear: both;
}


/* module:image */

.cssmod div.clearing {
  clear: both;
  height: 1px;
  margin-top: -1px;
  overflow: hidden;
  visibility: hidden;
}
.cssmod div.clearingl {
  clear: left;
  height: 1px;
  margin-top: -1px;
  overflow: hidden;
  visibility: hidden;
}
.cssmod div.clearingr {
  clear: right;
  height: 1px;
  margin-top: -1px;
  overflow: hidden;
  visibility: hidden;
}

.cssmod div.picture,
.cssmod div.raw_picture {
  padding-top: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-bottom: 1em;
  background: #FFF;}

.cssmod div.image_right {
  float: right;
  padding-left: 2em;
}

.cssmod div.image_left,
.cssmod div.image_indent {
  float: left;
  padding-right: 2em;
}

.cssmod div.image_left div img,
.cssmod div.image_right div img,
.cssmod div.image_indent div img {
  border: 1px solid #AAA;
}

.cssmod div.picture div {
  background: #EEE;
  padding: 5px;
  border: 1px solid #DDD;
  line-height: 0;
  text-align: center;
}

.cssmod div.picture div.image_caption {
  line-height: 1.2;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.cssmod div.image_center_wrap {
  text-align: center;
}

.cssmod div.image_center {
  margin-left: auto;
  margin-right: auto;
}

.cssmod div.picture div.image_caption_text {
  line-height: 1.2;
  font-size: 90%;
  background: #BBB;
  white-space: wrap;
  padding: 2px 5px;
  text-align: center;
  margin-top: 4px;
  color: black;
  border: 0px;
}

.cssmod div.image_center div img {
  border: 1px solid #AAA;
  margin-left: auto;
  margin-right: auto;

  position: relative; /* fix unalignment in firefox */
  xleft: -1px; /* fix unalignment in firefox */
}

.cssmod div.image_center_wrap {
  display: table;
  margin: 0 auto;
}

.cssmod div.image_center {
  display: table-cell;
}

.cssmod div.picture,
.cssmod div.picture div,
.cssmod div.picture div img {
  clear: right;
}

.cssmod div.x_hang_inner {
  margin-left: 2em;
}

.cssmod div.raw_picture,
.cssmod div.raw_picture div,
.cssmod div.raw_picture div img {
  border: 0px;
}



/* module:subheading */

.cssmod h1,
.cssmod h2,
.cssmod h3,
.cssmod h4,
.cssmod h5,
.cssmod h6 {
  padding: 0;
  margin: 0;
}
.cssmod h2 {
  padding-bottom: 0.3em;
}
.cssmod h3 {
  padding-top: 0.5em;
  padding-bottom: 0.3em;
  margin-bottom: 0.4em;
  border-bottom: 2px solid #B85;
  font-size: 120%;
}
.cssmod h4 {
  padding-top: 0.5em;
  padding-bottom: 0.3em;
  margin-bottom: 0.4em;
  font-size: 120%;
}