.bodyimg {float:right; width:300px; height:auto; margin:10px;}
.patternL {	float:left; margin:10px; }

/*begin my css items for how the pages look to override joomla*/
hr {border:2px solid CornflowerBlue; border-radius: 2px; box-shadow: 3px 3px 5px silver;}
.item {border:1px solid CornflowerBlue; border-radius: 2px; box-shadow: 3px 3px 5px silver; padding:5px; text-align:center; margin-bottom:5px; }
.item-page {border:1px solid CornflowerBlue; border-radius: 2px; box-shadow: 3px 3px 5px silver; padding:10px; margin-bottom:5px; }

.cat-children {display:flex; justify-content:space-evenly; flex-wrap:wrap; margin-top:20px; border-top:1px solid CornflowerBlue; }
.cat-children div {width:120px; margin:1px; text-align:center;}

.h1-5vw {text-shadow: 2px 0 navy; color: cornflowerblue; font-size: 5vw; text-align: center; margin-bottom: 40px;}
h3, h2 {text-shadow:1px 0 silver;}
/* end of my css items for how the pages look to override joomla*/

/*newsletter and product pages*/
.flexbox {display:flex; justify-content:space-evenly; flex-wrap:wrap; margin:10px; width:100%; height:auto;}
.boxes {flex:1; min-width:300px; margin:10px; box-shadow:1px 1px 5px gray; border-radius:5px; padding:10px; }

.boxes h1 {color:indigo; font-weight:bold; font-family:monotype corsiva; text-align:center; margin:1px auto;}
.boxes h2 {color:indigo; font-weight:bold; font-family:monotype corsiva; text-align:center; margin:1px auto;}
.boxes h3 {color:indigo; font-weight:bold; font-family:monotype corsiva; text-align:center; margin:1px auto;}
.boxes img {margin:5px auto;}
.boxes p {text-align:left;}
.boxes ul {text-align:left; }
.boxes pre {text-align:left;}

/*end newsletter pages*/