.mission-statement {
	background: white;
	border: double;
	margin-bottom: 0em;
	padding-bottom: 0em;
}

.blobframe {
	background: white;
	border: double;
	margin-bottom: 0em;
	padding-bottom: 0em;
}
.aims {
	background: lightyellow;
	border: double;
    padding:1% ;
}

.aims h2 {
	font-size: 150%;
	color: red
}

.box { 
    background-color: white; 
    border: double;
}

.section-hdr {
	font-size: large;
	font-style: italic;
}
.inputhdr {
    font-weight:bold;
    font-style: italic;
 }

.legend-block{
	font-size: large;
	font-style: italic;
    text-align: center;
    background: lightgray ;
    
}

.bar-image { 
     max-height: 150px;   
}


.gray-paper-background {
     background-image: url('paper.jpg')
 }
 
 .yellow-paper-background {
     background-image: url('yellow.jpg')
 }
 
 .white-brick {
     background-image: url('white-brick.jpg') ;
     color : black
 }
 
 .lightgray {background-color: lightgray; text-align:left; font-size:large; border:medium; padding-left: 3px }
 
 
 .largenote {
border:solid 4px black ;
}

.pagehdr { background: lightgray ; color: white ; text-align: center;  font-style:italic;}
.pagesubhdr { text-align: left; font-style:italic;}
.pagehdrtext { border: double; text-align: center; }
.pagehdrmaintextblock { border: double; background: lightgray ; color: gray ;  }

.productpagehdr {border: double;  }


.rss-section-header  {
	color: white;
	font-size: 120%;
	font-style: italic;
    text-align: center;
	margin:  0;
	background: blue;
}

.element_header {
color: white;
	font-size: 120%;
	font-style: italic;
    text-align: center;
	margin:  0;
}

.element_sub_header {
color: white;
	font-size: 60%;
	font-style: italic; 
	margin:  0; 
}


textarea { border:inset;}

.section-row-hdr {
	text-align: center;
	font-size: 125%;
	font-style: italic;
	color: white;
    background:gray;
}

.table-row-hdr {
	text-align: center;
	font-size: 125%;
	font-style: italic;
	color: white;
    background: blue;
}

.row-hdr {
	text-align: center;
	font-size: 125%;
	font-style: italic;
	color: black;
    background: blue;
}




.blueborder {
   border-style: double;
   border-color: blue;
 }

 .azuresection { background: Azure; } 
 .graysection { background: lightgray; } 
 .yellowsection { background: yellow; border:double;}
 .imagesection {   border:double}
 
 .card-plant-imgold  {
max-width:  200px ;
max-height:  200px;
}

.card-plant-img {
    width: 90%; 
    height: 40vh;
    object-fit: cover;
}


.card-plant-img1 {
  display: block;
  max-width: 200px;
  max-height:200px;
  width: auto;
  height: auto;
}


.flashitem {
	text-align: center;
	font-size: 125%;
	font-style: italic;
	 
}
 
 .imggallery{
    border: double;
    border-color: black ;
    width: 100%;
    min-height: 200px;
    max-height: 350px;
    object-fit: cover;
}

.sectionlabel   { background-color: lightblue; text-align:center; font-size:large; border:medium; }  
.columnhdrlabel { background-color: grey; text-align:center; font-size:large; border:medium;   }  

.fakebuttonsm  {     
    height: 25px;
    background: lightblue; 
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold; 
    padding: 1px;
    margin-right:3px;
}

.fakebutton {
    display: block;
    width: 115px;
    height: 45px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;   
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
    margin-right:5px;
}

.fakealertbutton {
    display: block;
    width: 115px;
    height: 45px;
    background: red;
    padding: 10px;
    text-align: center;   
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
    margin-right:5px;
}

.todosection  {
	color: black;
	background: yellow;
}

.imagesmall {
 max-height: 100px ;
 } 

table 
{
    table-layout:fixed;
    width:100%;
}

.diaryalert {
background-color: orange;
}

.diaryalertmilestone { 
  background-color: black ; 
  color:red;
}

.inputreadonly {
 background: lightgray ; 
}

 
.box {
  border: 2px solid red;
} 

.bluebox {
  border: 4px solid blue;
} 

.redbox {
  border: 4px solid red;
} 

.blackbox {
  border: 4px solid black;
}

.yellowbox {
  border: 4px solid yellow;
}  


.bannerheader_sm {
	    background-color:rgb(9, 5, 97);
		color:rgb(179, 240, 255);
		font-size: 1.0em;
        text-align: center ;
} 

.bannerheader_caption {
	background-color:lightblue;
	color:white;
    font-size: 1.0em;
    font-weight:bold;
    text-align: center ;
}

.redtext { 
    background-color:white;
	color:red;
}
.bluetext { 
    background-color:white;
	color:blue;
}

 

.table td.colalert {
    background: red;
    color: white;
  }
  
.listWrapper {
    max-height:100px;
    overflow-y:auto;
}

.notebookhdr    {border: solid 6px black; }
textarea.active { border: solid 6px red; }
textarea.box    { border: solid 6px black; }
hr.sectionsep   { border-top: 6px solid green;}
hr.endsection   { border:10px solid green ; border-radius: 5px; }


.resized-hdr-image {
   width: 400px;
   height: auto; /* Maintains aspect ratio */
}

.resizable-image {
   display: block;
   margin: auto;
}


.small_page_section {
   height:       250px; /* Set your desired height */
   overflow:     auto; /* Optional: scroll if content overflows   */  
   border:       double;
   border-color: lightblue;
}

.standard_page_hdr {
   height: 350px; /* Set your desired height */
   overflow: auto; /* Optional: scroll if content overflows   */  
   border:double;
   border-color: red;
}

.mid-fixed-height {
   height: 500px; /* Set your desired height */
   overflow: auto; /* Optional: scroll if content overflows   */  
   border:double;
}

.large-fixed-height {
  height: 600px; /* Set your desired height */
  overflow: auto; /* Optional: scroll if content overflows */
  border: dashed;
}

.yellowtext {
  color: yellow ;
  background: blue ;
}

.redtext {
  color: red ;
  background: white ;
}