/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

body {background-color: rgb(0, 0, 0);
  font-size: 100%;
    }
    
    a:link {color: rgb(12, 37, 117); text-decoration: underline;}        
    a:visited {color: rgb(95, 95, 95); text-decoration: none;}
    a:hover {color: rgb(191, 19, 29); text-decoration: none; font-weight: bold;}
    a:active {background-color: rgb(255, 255, 255); color: rgb(12, 37, 117);
    }
    
	a[href^="tel"]{
    color:inherit;
 }
    address a {color: inherit; text-decoration: underline;}

img {
  max-inline-size: 100%; /*  don't blow up past actual size */
  block-size: auto; /*  keeps aspect ratio */
}
figure {
  margin: .25em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}


#pagecontent { 
    font-family: Times New Roman,Times,serif;
    font-size: 1em;
    background-color: rgb(255, 255, 255);
    border-right: thick groove rgb(150, 150, 150);    
    border-left: thick groove rgb(150, 150, 150);
    padding: 0.5em;    
    margin: 0 3% 0 3%;
    }

#oamasthead { color: rgb(255, 255, 255);
    margin: 3% 3% 0 3%;
    border-right: thick groove rgb(150, 150, 150);
    border-top: thick groove rgb(150, 150, 150);
    border-left: thick groove rgb(150, 150, 150);    
    padding-top: 1em;
    font-family: Arial,Helvetica,sans-serif;
    background-color: rgb(191, 19, 29);
	text-align: center;
    }

#oamasthead a { color: rgb(255, 255, 255);
}

#oamasthead p { margin: 1em;
}

	
#redbox { color: rgb(255, 255, 255);
     margin-left: auto;
     margin-right: auto;
      width: 40%;
      padding: 0.5em;
      border: thick groove rgb(150, 150, 150);  
      font-family: Arial,Helvetica,sans-serif;
      background-color: rgb(191, 19, 29);
      -webkit-box-shadow: 10px 10px 5px gray;
      -moz-box-shadow: 10px 10px 5px gray; 
      box-shadow: 10px 10px 5px gray; 
      }

#rightbox { color: rgb(255, 255, 255);
    padding: 0.5em;
    margin: 1em;
    border: thick groove rgb(150, 150, 150);  
    font-family: Arial,Helvetica,sans-serif;
    background-color: rgb(191, 19, 29);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.8); 
    }

	@media only screen and (min-width: 768px) {
  /* For desktop: */
  #rightbox {
	  float: right;
	  width: 30%;
}
	}
	
  #rightbox:hover {
	  background-color: black;
  }

  #rightbox a:hover {
	 color: rgb(191, 19, 29); 
	 text-decoration: none; 
	 font-weight: bold;
	 background-color: #ffffff;
 }
	

  #leftbox { color: rgb(255, 255, 255);
    padding: 0.5em;
    margin: 0 1em 1em 1em;
    border: 4px groove rgb(150, 150, 150);  
    font-family: Arial,Helvetica,sans-serif;
	text-align: center;
    background-color: rgb(191, 19, 29);
	box-shadow: 4px 4px 6px 1px rgba(0, 0, 0, 0.3);
}

	@media only screen and (min-width: 435px) {
  /* For desktop: */
  #leftbox {
	  float: left;
	  width: 13em;
}
	}

  #leftphotos { 
    padding: 1.5em;
	margin: 1em;
    }

	@media only screen and (min-width: 435px) {
  /* For desktop: */
  #leftphotos {
	  float: left;
      padding: .5em;
}
	}
	
	
	#leftphotos > div {
		display: block;
		margin: 1.75em;
		padding: .5em;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.rightphoto { 
  margin: 1em;
    }

	@media only screen and (min-width: 768px) {
  /* For desktop: */
  img.rightphoto {
  	float: right; 
	margin: 2em;
		}
}

.leftphoto { 
  margin: 1em;
    }

	@media only screen and (min-width: 768px) {
  /* For desktop: */
  img.leftphoto {
  	float: left; 
	margin: 2em;
		}
}

	  /* May now be deletable */

  #leftcolumn { 
    float: left;
    padding: 1em;
    }


#monthlyhighlights {
	margin: .5em; 
	padding: .5em;
}

#monthlyhighlights h3 {
	color: rgb(191, 19, 29);
}

.contentjumpindex {
	text-align: center;
    font-weight: bold;
}

.archivephoto { 
  border: 1px solid;
  width: 176px;
  margin: .75em;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  img.archivephoto {
  	float: left; 
	margin: 1em;
		}
}


	
.logo { 
   float: left;
   border: 0px solid;
   padding: .5em;
}
.headerlogo {
	margin: 1em; 
	float: center;	
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  img.headerlogo {
  	float: left; 
	margin: 2em;
		}
}
.crfheaderimage {
	border: groove thick; 
	margin: 1em; 
	float: center;	
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  img.crfheaderimage {
  	float: left; 
	margin: 2em;
		}
}


.crfflex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
  background-color: rgb(255, 255, 255);
}

.crfflex-container > div {
  background-color: rgb(255, 255, 255);
  margin: .5em;
  text-align: center;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

  .menubar { border-top: thick groove rgb(150, 150, 150);
    border-right: none;
    border-bottom: thick groove rgb(150, 150, 150);
    border-left: none;
    font-family: Arial,Helvetica,sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-align: center;
    background-color: rgb(0, 0, 0);
    clear: both;
    font-size: .75em;
    }

  .menulink { color: rgb(255, 255, 255);
      }    
      a.menulink:link {color: rgb(255, 255, 255);	  
        }
	a.menulink:visited {color: rgb(200, 200, 200);
	  }
      a.menulink:hover {color: rgb(12, 37, 117);	  
        }
	.paidlink {
	color: rgb(191, 19, 29);
	}

	.paidlink a:link {
	color: rgb(191, 19, 29);
	text-decoration: underline;
	}

	.paidlink a:visited {
	color: rgb(191, 19, 29);
	text-decoration: none;
	}

	.paidlink a:hover {
	color: rgb(0, 0, 0);
	text-decoration: none;
	}

  .linkc1 { color: rgb(191, 19, 29);  
    }
    
  .linkc2 { color: rgb(12, 37, 117);  
    }
    
  .contact { font-family: Arial,Helvetica,sans-serif;
    text-align: center;  
    color: rgb(0, 0, 0);
    font-size: .8em;
    margin-top: 0;
    }
    
  .tagbox { font-family: Arial,Helvetica,sans-serif;
    border: thick groove rgb(150, 150, 150);    
    background-color: rgb(191, 19, 29);
    text-align: center;  
    color: rgb(255, 255, 255);
    font-size: .7em;
    margin: 0 3% 3% 3%;
    }

  .tighth4 { font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0; 
    }
      
  .leftimg {	  
    border: thin solid rgb(0, 0, 0);
	margin: 0.5em;
	
    }
    
  .indentimg {
   border: thin solid rgb(0, 0, 0);
   float: right;
   -webkit-box-shadow: 10px 10px 5px gray;
   -moz-box-shadow: 10px 10px 5px gray; 
   box-shadow: 10px 10px 5px gray; 
    }
    	
  h1 { font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: rgb(255, 255, 255);
    font-size: 3rem;   
    }

  h2 { font-family: Arial,Helvetica,sans-serif;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: .2em;
    margin-bottom: 0; 
    }

  h3 { font-family: Arial,Helvetica,sans-serif;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin: .2em; 
    }

  h4 { font-family: Arial,Helvetica,sans-serif;
    color: rgb(191, 19, 29);
    text-align: left;
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    }
	
  h3.hidden {
    display: run-in;
}

	@media only screen and (min-width: 435px) {
  /* For desktop: */
  h3.hidden {
    display: none;
}
	}