/*  General Styles ------------------------------*/
body { margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; background:#fce9d8;}
.button {display:inline-block; padding:10px; margin:5px; border-radius:10px; border:2px solid #000; font-weight:bold; background:#00204f;}
a:link, a:visited {color:#E47109; text-decoration:none;}
a:hover {color:#312547;}
.button:link, .button:visited {color:#FFF!important; text-decoration:none;}
.button:hover {color:#FFF!important; background:#736e8c;}
h1, h2, h3 {color:#312547;}

#container .notes {color:green!important; font-weight:bold; visibility:hidden;}

/*  Top Area ------------------------------*/
#top { height:150px; background: url(https://e25e6f.claudeassets.com/20240712055121im_/https://www.jrcls-oc.com/images/topHome.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding:10px auto;}
#topContainer {width:95%; margin:0 auto; white-space:nowrap;}
.logo {width:130px; padding:10px; vertical-align:middle; display:inline-block;color:#fff;}
.title {margin:auto; display:inline-block; font-size:24px; font-weight:bold; vertical-align:middle; line-height:1em; color:#fff;}
.subtitle {font-size:16px;}
#navigation {width:100%; height:41px; background:#eee; -webkit-box-shadow: 0px 0px 15px 0px; -moz-box-shadow: 0px 0px 15px 0px; box-shadow: 0px 0px 15px 0px; z-index:999;}
.navContainer { width:95%; margin:0 auto;}
.main-menu-btn {display:none!important;}


/*  Main Content Area ------------------------------*/
#container{min-height:600px; color:#000; width:95%; padding-top:20px; margin:-20px auto; background:#fef9f5 url('https://c7e929.claudeassets.com/20240712055121im_/https://www.jrcls-oc.com/images/background.jpg') no-repeat bottom left; position:relative; z-index:-99999;}
#content {margin-left:200px; padding-bottom:40px; padding-right:10px;}
.quote {display:block; padding:10px; background:#041838; font-style:italic; color:#fff; }
/*.newsImg {width:100%;}*/

/* Homepage -------------------------------------*/
#col1, #col2 {display:inline-block; width:48%; vertical-align:top;}

/* Membership Directory */
#memCol {display:inline-block; width:25%; vertical-align:top;}
#specCol {display:inline-block; width:33%; vertical-align:top;}
#resultCol {display:inline-block; width:49%; vertical-align:top;}
.mem {display:table;}
.memImg {display:table-cell;}
.memImg img { width:120px; height:120px;}
.memInfo {display:table-cell; vertical-align:top; padding:0 0 20px 5px;}
.memberpic {display:inline-block; max-width:250px; max-height:250px; padding-right:10px;}
.memberText {display:inline-block; vertical-align:top;}
.memberText h3 {margin-top:0;}

/*Resumes */
.resumes th, .resumes td {min-width:150px; text-align:left;}

/* Calendar Styles */
.events {padding-bottom:10px;}
.eventDate {display:table-cell; width:20%; font-weight:bold;}
.eventInfo {display:table-cell; width:80%; padding:0 0 40px 10px!important;}
.eventType {font-weight:bold!important;}

/*  Footer ------------------------------*/
#footer {width:100%; height:100px; background:#312547; border-top:5px solid #d16a56; padding-top: 20px; text-align:center; color:#fff;}

@media screen and (max-width: 46.0625em) {
#top, #container, #footer, #topContainer, .navContainer, #col1, #col2, #memCol, #specCol, #resultCol, .memberBox  {width:100%; box-sizing: border-box!important;}
#container {background:#fff;}
#topContainer, .title {background:#762856; height:auto!important; padding:5px; border-box!important; overflow:hidden;}
#navigation {height:25px;}
h1, h2, h3, p {padding:0 5px;}
.logo {width:30%!important; margin:0 auto; padding:3px; display:block;}
.title { text-align:center; width:100%;border-box!important;}
.subtitle {text-align:center; width:100%;border-box!important;}
#main-nav {display:none;}
.main-menu-btn {display:block!important;border-box!important;}
#content {margin:auto; padding-right:0; padding-left:5px;}
#content #memCol, #content #specCol, #content #memLetter, #content #resultCol {border-box!important; padding:0 5px;}
.memberpic {box-sizing: border-box!important;width:100%; height:100%; max-width:none; max-height:none;}
}

/*
     FILE ARCHIVED ON 01:09:49 Nov 08, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:21:45 Jun 29, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.309
  exclusion.robots: 0.033
  exclusion.robots.policy: 0.027
  esindex: 0.005
  cdx.remote: 13.785
  LoadShardBlock: 221.191 (3)
  PetaboxLoader3.datanode: 115.028 (4)
  PetaboxLoader3.resolve: 99.789 (3)
  load_resource: 68.04
*/