/* Pamela Benson RockHardHeart.com rhh_base.css */
/* rhh_base.css 8/17/2025 3:15pm date validated on w3c.org */

@charset "utf- 8";

/*
    #aside {
	webkit-flex: 1 1 420px;
	flex:1 1 120;
	flex: 1 1 500;
*/
}
#big {
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(232, 165, 116);
}


body{
	background-color:rgba(71,52,29);
}
.button {
	   font: bold;
	   clear: position;
	   border: red;
	   border: double;
	   width: 55px;
	   height: 20px;
	   background-color: rgb(232, 165, 71);
	   color: black;
	   margin-top: 3px;
	   margin-left: 10px;
	   padding: 12px 12px;
	   text-align: center;
	   text-decoration: none;
	   display: inline-block;
	   font-size: 16;
}

.caption  p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	color: black;
}

.chicksH{
	width:250px; 
	height: 250px; 
	border: red;
}
.chicksH>img {
	width:250px; 
	height: 250px; 
	border: red;
}

.descGlow {
	text-shadow:0 0 0.4cm #FFE798;
}
.description {
    display: block;
	width: 400px;
	color: #FFF;
	font-size: 22px;
	font-style: italic;
	margin-left: 400px;
	margin-right: auto;
	margin-top:-410px;
	margin-bottom: 10px;
	position: relative;
}

.description2{
    display:block;
	background-color: rgb(232, 165, 116);
	/*position: relative;   */
	margin-left: 10px;
	margin-right: auto;
	margin-top:0px;
	position: relative;
}

.eim {
	width:110px;
	height: 110px;
}
.employee_image  {
	width: 110px;
	height: 110px;
}
.employee_image2 a {
	width: 150px;
	height: 150px;
}

.custom-p {
    text-align:left;
	letter-spacing: 0.14em;
	font-style: normal;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	/*color: rgb(91,81,91); */
	background-color: rgb(85,75,85);
	margin-left: 5px;
	margin-top:0px;
	margin-bottom: 10px;
	padding: 10px;
}

/* css for orgchart.html  */
.figPhoto {
	margin: 20px 20px 20px 20px;
	background-color: rgb(222,128,60);
}
.figPhoto img {
	display: block;
	background-color: rgb(222,128,60);
	border-style: double;
	margin-right:10px;
	margin-top: 0px;
	margin-left: 150px;
	width:  600px;
	height: 400px;
	background-color: rgb(222,128,60);
}
.figPhoto caption{
	background-color: grey;
	font-family: Arial, Helvetica;
	padding: 0px;
	text-align: center;
}

/* index.html    main section Bible verse and image   */
.figPhotoRock {
	display: block;
	background-color: rgb(222,128,60);
	border-radius: 10px;
	border:3px solid red;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 5px;
	width:55%;
	height: 42%;
}
.figPhotoRock1 {
	display: block;
	float:right;
	background-color: rgb(222,128,60);
	border-radius: 10px;
	border:3px solid red;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	width:405px;
	height: 405px;
}
.figPhotoRock >img {
	display: block;
	border-color: red;
	border-style: double;
	border-radius: 30px;
	margin-top: 5px;
	margin-left: 216px;
	margin-right: 10px; 
	width: 35%;
	height: 55%;
}
.figPhotoRock1 >img {
	display: block;
	border-color: red;
	border-style: double;
	border-radius: 30px;
	margin-top: 5px;
	margin-left: 296px;
	margin-right: 10px; 
	width: 45%;
	height: 55%;
	/* background-color: rgb(222,128,60);   */
}
.figPhotoRock caption{
	background-color: grey;
	font-family: Arial, Helvetica;
	padding: 0px;
}


/* index.com setting up the page   */
.flex-c1{
	clear: position;
	background-color: rgb(232, 165, 116);
	display: flex;
	display:webkit-flex;
	display:flexflow;
	flex-flow: row wrap;
	flex-basis:300px;
}

.flex-c1>div{
	background-color: #e5e5e5;
	flex-basis:300px;
	margin: 10px;
	padding: 10px;
}
refa {
	text-indent: 50px;
}

/* all files include footerHHR.php  */
.footer {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: rgb(222,128,60); 
	/*background-color: rgb(230,130,70); */
	text-align:center;
	color: black;
	border:  3px solid red;
	-webkit-box-shadow: 2px 2px 2px rgba(45,45,45, 0.4);
	box-shadow: 2px 2px 2px rgba(45,45,45, 0.4);
}
header, footer {
	width:100%;
	margin-left:2px;
}


html {
	background-color: #828282;
}

h1{
	text-align:center;
	letter-spacing: 0.1em;
	font-style: normal;
	font-weight: bold;
	font-size: 2.5em;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	/*color: rgb(91,81,91); */
	background-color: rgb(222,128,60);
	margin-top:0px;
	margin-bottom: 10px;
	padding: 30px;
}


h2{
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0px;
	text-align:center;
	color: white;
}
h3{
	text-align:center;
	letter-spacing: 0.1em;
	font-style: normal;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	/*color: rgb(91,81,91); */
	background-color: rgb(85,75,85);
	margin-top:0px;
	margin-bottom: 10px;
	padding: 5px;
}
h4{
	text-align:left;
	font-size: 2em;
	float:left;
	color: white;
}
h5{
	font-size: 5px;
	margin-left: 55px;
	color: white;
}
h6 {
	font-size: 10px;
	line-height: 0.5em;
}


#main2 {
	width: 50%;
	display: table-cell;
	padding: 0 2% 10px 2%;
	margin-left: 300px;
}

#main{
	width: 1000px;
	height: 400px;
	padding:0px;
	border: 1px solid #C3C3C3;
	background-color: rgb(232, 165, 116);
	color:white;
    display: flex;  
}
#main div {
	width:  600px;
	height: 500px;
	margin-left: 50px;
	border: 1px solid white;

}
#main div nav1a{
	width:  600px;
	height: 300px;
	margin-left: 25px;
}
#main div img{
	width:  600px;
	height: 300px;
	margin-left: 75px;
}




/*figure{
	margin: 5px;
    width: 65%;
}
figure img {
	display: block;
	width: 100%;
}
*/
/* Home Top Navigation Bar*/
/* Home Top Navigation Bar*/
#nav {
	 list-style-type:none;
     margin: 1px 0 0 0;
	 padding: 4px;
	 font-size: 16px;
	 column-width:100%:
	 column-count:9;
}

	

#nav li {
	  width: 11%;
	  margin-top: 0px;
	  margin-left: 0px;
	  margin-right:0px;
	  float: left;
	   list-style-type: none;
	  text-align: center;
	  font-style: italic;
}

#nav li a {
	display: block;
	width:100%;
	padding: 0px;
	font-weight: bold;
	/*color: #E4E4E4;*/
	color: white;
	border-radius: 10px;
	border:3px solid red;
	-webkit-box-shadow: 2px 2px 2px rgba(45,45,45, 0.4);
	box-shadow: 2px 2px 2px rgba(45,45,45, 0.4);
}

#nav a:link{
	background-color:#072035;
}
#nav a:visited {
	background-color: #506070;
}
#nav a:hover,  #nav a:active, #nav a:focus {
	background-color: #307075;
}
*/
	  
	  
	  /* index.html   left  bar navigation*/
#nav1 {
	 margin-top: 5px;
	 margin-left: 5px;
	 list-style-type:none;
	 font-size:18px;
	 color:white;
	 border:white;
}

	
#nav1 a {
	display: block;
	color: white;
	width:75px;
	height: 30px;
	 list-style-type:none;
	 margin-top:5px;
	 margin-left: 5px;
	 padding: 0.3em 5px;
	 text-decoration: none;
	 font-weight: bold;
}

#nav1 li {
	/*width: 65%;  */
	list-style-type: none;
}

#nav1 li  a {
	display: block;
	color: white;
	width: 75px;
	height: 30px;
	 list-style-type:none;
	 margin-top: 5px;
	 margin-left: 5px;
	 padding: 0.3em 5px;
	 text-decoration: none;
	 font-weight: bold;
}
	#nav1 li >i {
	 display: block;
	 width: 70px;
	 list-style-type:none;
	 margin-left:0px;
	 padding: 0.3em 5px;
	 text-decoration: none;
	 font-weight: bold;
	 color: white;
}

#nav1 li i a{
	/*font-style:indent;  */
	display: block;
	color: white;
	font-size:14px;
	width:70px;
	height: 30px;
	 list-style-type:none;
	 margin-left: 5px;
	 padding: 0.1em 5px;
	 text-decoration: none;
	 font-weight: bold;
}

#nav1 a:link, #nav a:visited {
	background-color: #072227;
}
#nav1 a:hover, #nav a:active, #nav a:focus {
	background-color: #306155;
}

ul {
	list-style-type: none;
}
#nav1a {
	 list-style-type:none;
	 margin-top: 0px;
	 margin-left: 0px;
     font-size:18px;
	 color:white;
	 border:white;
	 text-decoration:none:
}

	
#nav1a a {
     list-style-type:none;
	display: block;
	color: white;
	width:350px;
	height: 20px;
	 margin-top:5px;
	 margin-left: 5px;
	 padding: 0.3em 5px;
	 text-decoration: none;
	 font-weight: bold;
}


/*
#nav1a li >i {
	 display: block;
	 width: 90px;
	 list-style-type:none;
	 margin-left:0px;
	 padding: 0.3em 5px;
	 text-decoration: none;
	 font-weight: bold;
	 color: white;
}

#nav1a li i a{
	/*font-style:indent;  */
/*	display: block;
	color: white;
	font-size:14px;
	width:90px;
	height: 30px;
	 list-style-type:none;
	 margin-left: 5px;
	 padding: 0.1em 5px;
	 text-decoration: none;
	 font-weight: bold;
}
*/
#nav1a a:link, #nav a:visited {
	background-color: #072227;
}
#nav1a a:hover, #nav a:active, #nav a:focus {
	background-color: #306155;
}



#nav2 li {
	  width: 31%;
	  margin-top: 0px;
	  margin-left:0px;
	  margin-right:0px;
	  float: left;
	  text-align: center;
	  font-style:italic;
}
#nav2  a {
	display: block;
	width:30%;
	padding: 0px;
	font-weight: bold;
	color: #E4E4E4;
	border-radius: 10px;
	border:3px solid red;
	-webkit-box-shadow: 2px 2px 2px rgba(45,45,45, 0.4);
	box-shadow: 2px 2px 2px rgba(45,45,45, 0.4);
}
#nav2 a:link{
	background-color:#072035;
}
#nav2 a:visited {
	background-color: #506070;
}
#nav2 a:hover,  #nav a:active, #nav a:focus {
	background-color: #307075;
}

p{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	color: white;
}
	  
.purposePHP {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: rgb(222, 128, 60);
	 color: black;
	 margin-left:20px;
	 width: 300px;
	 padding: 10px;
}
.purposePHP2 {
	display:block;
	float: right;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: rgb(85,75,85);
	 color: white;
	 margin-left:500px;
	 margin-top:3px;
	 margin-right: 10px;
	 width: 300px;
	 padding: 10px;
}
.purposePHP3{
	display:block;
	float: right;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background-color: rgb(85,75,85);
	 color: white;
	 margin-left:400px;
	 margin-top:-103px;
	 margin-right: 10px;
	 width: 400px;
	 padding: 10px;
}
.table {
	width: 1000px;
	background-color: rgb(222,128,60);
	border-radius: 10px;
	border:3px solid red;`
	column-width: 150px;
	content: url (img/employee1.png ) width: 100px, height: 100px;
	content: url (img/employee2.png ) width: 100px, height: 100px;
	content: url (img/employee3.png ) width: 100px, height: 100px;
	content: url (img/employee4.png ) width: 100px, height: 100px;
}
.td{
	border: #000 double 1px;
}
.table img{
	width:150px;
	height: 150px;
}
.colsp4 {
	colspan: 4;
	align: center;
}
.centere {
	align-content: center;
	text-align: center;
}





.todaysDate {
	border: 2px double red;
	padding: 2px;
	background-color: rgb(85,75,85);
	color:white;
}
.todaysDate1 {
	text-align:center;
	border: 2px double red;
	padding: 2px;
	background-color: rgb(91,81,91);
	color:white;
}

wh {
	color:white;
}
/*xml validation did not like the id= grey
#grey{
	color: White;
}
*/

/*
w3c validated 8/23/2025 11:10am 8/25/2025 8:28am

<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
            
*/