.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;
}

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

.footerstyle {
   background-color:rgb(9, 5, 97);
   color:white ;
 }
 
.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 ;
}

.bannermainmenu {
    background-color:rgb(9, 5, 97);
		color:white;
}

.backcolourwhite {
   color:white
}

.nav-item>a:hover {
            color: red;
}
        
.menuitemhdr{
    colour:white ;
}
      
.section-hdr {
	font-size: large;
	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: white ;  }

.productpagehdr {border: double;  }


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

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;
}

.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;
}

  ul.a {
         list-style-type: circle;
		 color: white
      } 
	  
	  ul.a li a {
  display: block; /* Make the link fill the entire list item */
  padding: 5px 5px; /* Add some padding */
  text-decoration: none; /* Remove underline */
  color: white; /* Set text color */
  background-color:  rgb(9, 5, 97); /* Set background color */
 
  margin-bottom: 1px; /* Add some space between items */
}


.footerstyle {
   background-color:rgb(9, 5, 97);
   color:white ;
 }
 
.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 ;
}

.bannermainmenu {
    background-color:rgb(9, 5, 97);
		color:white;
}

.backcolourwhite {
   color:white
}

.nav-item>a:hover {
            color: red;
}
        
.menuitemhdr{
    colour:white ;
}
      
.section-hdr {
	font-size: large;
	font-style: italic;
}