html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*,
:before,
:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.adminBar {
    background-color: #fff
}

.helpPanel {
    max-width: 1200px;
    margin: auto
}

#adminPanel {
    background-color: #fff;
    max-width: 1200px;
    margin: auto
}

#adminPanel li {
    line-height: 180%
}

.opOutput {
    max-width: 1200px;
    margin: auto;
    padding: 0 1em
}

.middle .opOutput {
	padding:0
}

img {
    max-width: 100%
}

table img {
    max-width: none
}

.row {
    clear: both
}

.row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.pagination {
    margin-top: 20px;
    text-align: center
}

.slicknav_menu,
.mobileHeaderLinks {
    display: none
}

.pageImage,
.headingImg img {
    display: block;
    margin-left: auto;
    margin-right: auto
}
	
/**************** page style layouts *****************************/

.leftMenuPage-Col1 {
    width: 20%;
    float: left
}

.leftMenuPage-Col2 {
    width: 75%;
    float: right
}
/**************** page templates ********************************/

.sideBySide-Col1 {
    width: 48%;
    float: left
}

.sideBySide-Col2 {
    width: 48%;
    float: right
}

.sideBySide60-40-Col1 {
    width: 58%;
    float: left
}

.sideBySide60-40-Col2 {
    width: 38%;
    float: right
}

.sideBySide40-60-Col1 {
    width: 38%;
    float: left
}

.sideBySide40-60-Col2 {
    width: 58%;
    float: right
}

.sideBySide70-30-Col1 {
    width: 68%;
    float: left
}

.sideBySide70-30-Col2 {
    width: 28%;
    float: right
}

.sideBySide30-70-Col1 {
    width: 28%;
    float: left
}

.sideBySide30-70-Col2 {
    width: 68%;
    float: right
}

.sideBySide80-20-Col1 {
    width: 78%;
    float: left
}

.sideBySide80-20-Col2 {
    width: 18%;
    float: right
}

.sideBySide20-80-Col1 {
    width: 18%;
    float: left
}

.sideBySide20-80-Col2 {
    width: 78%;
    float: right
}

.leftColumn-Col1 {
    width: 30%;
    float: left
}

.leftColumn-Col2 {
    width: 65%;
    float: right
}

.rightColumn-Col1 {
    width: 65%;
    float: left
}

.rightColumn-Col2 {
    width: 30%;
    float: right
}

.leftMenuColumn-Col1 {
    width: 20%;
    float: left
}

.leftMenuColumn-Col2 {
    width: 75%;
    float: right
}

.three-Col1,
.three-Col2,
.three-Col3 {
    width: 30%;
    float: left
}

.three-Col1,
.three-Col2 {
    margin-right: 5%
}

.four-Col1,
.four-Col2,
.four-Col3,
.four-Col4 {
    width: 23%;
    float: left
}

.four-Col1,
.four-Col2,
.four-Col3 {
    margin-right: 2.5%
}

.centered50 {
    width: 50%;
    margin: auto
}

/**************** article templates ****************************/

.leftAlignImageArticle {
    clear: both
}

.rightAlignImageArticle {
    clear: both
}

.articleImageLeft {
    float: left;
    margin: 0 1.25em .625em 0
}

.articleImageRight {
    float: right;
    margin: 0 0 .625em 1.25em
}

.imgCenter {
    display: block;
    margin: auto;
    margin-bottom: 10px
}

.imgColumn {
	grid-area: imgColumn
}
.txtColumn {
	grid-area: txtColumn
}
.imgColumn .articleImageRight, 
.imgColumn .articleImageLeft {
	max-width:100%
}
.grid__sideBySideAuto {
	display: grid;
	grid-auto-flow: column;
	gap: 1rem;
	align-items: start
}

@media (min-width:641px) {
	.imgRightColumnContain {
		grid-template-areas:"txtColumn imgColumn"
	}
	.imgLeftColumnContain {
		grid-template-areas:"imgColumn txtColumn"
	}
	.grid__sideBySideAuto.imgRightColumnContain {
		grid-template-columns: 1fr auto
	}
	.grid__sideBySideAuto.imgLeftColumnContain {
		grid-template-columns: auto 1fr
	}
}
@media (max-width:640px) {
	.imgRightColumnContain {
		grid-template-areas:
		"imgColumn"
		"txtColumn";
	}
	.imgLeftColumnContain {grid-template-areas:
		"imgColumn"
		"txtColumn";
	}
	.grid__sideBySideAuto.imgRightColumnContain {
		grid-template-columns: 1fr
	}
	.grid__sideBySideAuto.imgLeftColumnContain {
		grid-template-columns: 1fr
	}
}


/********* List Column templates & dataform columns ***********/

.twoCol20-80 dt {
    width: 20%;
    float: left;
    padding-bottom: .375em
}

.twoCol20-80 dd {
    width: 80%;
    margin-left: 20%;
    padding-bottom: .375em;
    padding-left: .375em;
    word-wrap: break-word
}

.twoCol30-70 dt {
    width: 30%;
    float: left;
    padding-bottom: .375em
}

.twoCol30-70 dd {
    width: 70%;
    margin-left: 30%;
    padding-bottom: .375em;
    padding-left: .375em;
    word-wrap: break-word
}

.twoCol40-60 dt {
    width: 40%;
    float: left;
    padding-bottom: .375em
}

.twoCol40-60 dd {
    width: 60%;
    margin-left: 40%;
    padding-bottom: .375em;
    padding-left: .375em;
    word-wrap: break-word
}

.twoCol50-50 dt {
    width: 50%;
    float: left;
    padding-bottom: .375em
}

.twoCol50-50 dd {
    width: 50%;
    margin-left: 50%;
    padding-bottom: .375em;
    padding-left: .375em;
    word-wrap: break-word
}

dd .small {
    line-height: 100%
}

dd:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

/********************** Data Forms ***************************/

.dataForm dt,
.dataForm50 dt {
    padding-bottom: .625em
}

.dataForm dd,
.dataForm50 dd {
    padding: 0 0 .625em .625em
}

.dataForm {
    width: 90%
}

.dataForm input[type="text"],
.dataForm textarea {
    width: 100%
}

.dataForm50 {
    width: 50%
}

.dataForm50 input[type="text"],
.dataForm50 textarea {
    width: 100%
}

/******************* Data Form List ***************************/

.dataFormListEntries {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.dataFormListEntries th {
    text-align: left;
    border-bottom: 1px solid #666;
    padding: 10px 5px
}

.dataFormListEntries th:first-child {
    white-space: nowrap
}

.dataFormListEntries tbody td {
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px
}

.dataFormListEntries thead,
.dataFormListEntries tfoot {
    position: sticky;
    background-color: #fff
}

.dataFormListEntries thead {
    inset-block-start: 0
}

.dataFormListEntries tfoot {
    inset-block-end: 0
}

.dataFormListEntries tfoot td {
    padding: 15px 5px;
    border-top: 1px solid #666
}

/********************** Item ********************************/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 25px
}

.videoWrapper43 {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    margin-bottom: 25px
}

.feedWrapper {
    position: relative;
    padding-bottom: 150%;
    height: 0;
    margin-bottom: 25px
}

.videoWrapper iframe,
.feedWrapper iframe,
.videoWrapper43 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/********************** File Manager ********************************/	

.fileManagerList {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.fileManagerList li {
    line-height: 200%
}

/***************** Data Tables - Class List ************************/	

.contentTable {
    width: 100%;
    border-collapse: collapse
}

.contentTable th,
.contentTable td {
    vertical-align: top;
    padding: 4px;
    border: 1px solid #ccc
}

/********************** Galleries ********************************/	

div[class^="row gallery"]>div {
    float: left;
    text-align: center;
    margin-bottom: 20px
}

.gallery2Cols>div {
    width: 47.5%;
    margin-right: 5%
}

.gallery2Cols div:nth-of-type(2n) {
    margin-right: 0
}

.gallery2Cols div:nth-of-type(2n+1) {
    clear: both
}

@media(min-width:36.875em) {
    .gallery3Cols>div {
        width: 30%;
        margin-right: 5%
    }
    .gallery3Cols>div:nth-of-type(3n) {
        margin-right: 0
    }
    .gallery3Cols>div:nth-of-type(3n+1) {
        clear: both
    }
}

@media(min-width:48.063em) {
    .gallery4Cols>div {
        width: 23.5%;
        margin-right: 2%
    }
    .gallery4Cols>div:nth-of-type(4n) {
        margin-right: 0
    }
    .gallery4Cols>div:nth-of-type(4n+1) {
        clear: both
    }
    .gallery5Cols>div {
        width: 18.4%;
        margin-right: 2%
    }
    .gallery5Cols>div:nth-of-type(5n) {
        margin-right: 0
    }
    .gallery5Cols div:nth-of-type(5n+1) {
        clear: both
    }
}

@media(min-width:36.876em) and (max-width:48em) {
    .gallery4Cols>div {
        width: 30%;
        margin-right: 5%
    }
    .gallery4Cols>div:nth-of-type(3n) {
        margin-right: 0
    }
    .gallery4Cols>div:nth-of-type(3n+1) {
        clear: both
    }
    .gallery5Cols>div {
        width: 30%;
        margin-right: 5%
    }
    .gallery5Cols>div:nth-of-type(3n) {
        margin-right: 0
    }
    .gallery5Cols>div:nth-of-type(3n+1) {
        clear: both
    }
}

@media(min-width:0) and (max-width:36.875em) {
    .gallery3Cols>div {
        width: 47.5%;
        margin-right: 5%
    }
    .gallery3Cols>div:nth-of-type(2n) {
        margin-right: 0
    }
    .gallery3Cols>div:nth-of-type(2n+1) {
        clear: both
    }
    .gallery4Cols>div {
        width: 47.5%;
        margin-right: 5%
    }
    .gallery4Cols>div:nth-of-type(2n) {
        margin-right: 0
    }
    .gallery4Cols>div:nth-of-type(2n+1) {
        clear: both
    }
    .gallery5Cols>div {
        width: 47.5%;
        margin-right: 5%
    }
    .gallery5Cols>div:nth-of-type(2n) {
        margin-right: 0
    }
    .gallery5Cols>div:nth-of-type(2n+1) {
        clear: both
    }
}

@media(min-width:48em) {
    .gallery3ColsDesc>div {
        width: 31%;
        margin-right: 2%
    }
    .gallery3ColsDesc>div:nth-of-type(3n) {
        margin-right: 0
    }
    .gallery3ColsDesc>div:nth-of-type(3n+1) {
        clear: both
    }
}

@media(min-width:64em) {
    .gallery4ColsDesc>div {
        width: 23.5%;
        margin-right: 2%
    }
    .gallery4ColsDesc>div:nth-of-type(4n) {
        margin-right: 0
    }
    .gallery4ColsDesc>div:nth-of-type(4n+1) {
        clear: both
    }
}

@media(min-width:48em) and (max-width:63.938em) {
    .gallery4ColsDesc>div {
        width: 31%;
        margin-right: 2%
    }
    .gallery4ColsDesc>div:nth-of-type(3n) {
        margin-right: 0
    }
    .gallery4ColsDesc>div:nth-of-type(3n+1) {
        clear: both
    }
}

@media(min-width:35.063em) and (max-width:47.938em) {
    .gallery3ColsDesc>div {
        width: 48%;
        margin-right: 4%
    }
    .gallery3ColsDesc>div:nth-of-type(2n) {
        margin-right: 0
    }
    .gallery3ColsDesc>div:nth-of-type(2n+1) {
        clear: both
    }
    .gallery4ColsDesc>div {
        width: 48%;
        margin-right: 4%
    }
    .gallery4ColsDesc>div:nth-of-type(2n) {
        margin-right: 0
    }
    .gallery4ColsDesc>div:nth-of-type(2n+1) {
        clear: both
    }
}

@media(min-width:0) and (max-width:35em) {
    .gallery3ColsDesc>div {
        width: 100%
    }
    .gallery4ColsDesc>div {
        width: 100%
    }
}

/********************** Photo Galleries ***************************/

.multiDeletePhotos .button {
    margin-bottom: 20px;
    margin-left: 20px
}

/********************* Sitemap ************************************/

.sitemapPageTitle a {
    text-decoration: none
}

/********************* Google reCaptcha ***************************/

div:has(> .grecaptcha-badge) {
	display:inline
}

/********************** Go To Top ********************************/

.go-top {
    display: none;
    position: fixed;
    bottom: 0;
    right: 30px;
    z-index: 99;
    background-color: #aaa;
    color: #fff;
    cursor: pointer;
    padding: 7px 15px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.go-top:hover {
    background-color: #333
}

.go-top a:after {
    content: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E)
}

/**********************  ***************************/

.accountAttention {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f99
}

.accountSuccess {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #9f9
}

/************************* FAQs *******************************/

.faq__QA {
    border-top: 1px solid #999;
    padding: 8px 0
}

.faq__QA:last-child {
    border-bottom: 1px solid #999
}

.faq__question {
    display: flex;
    padding-bottom: 5px;
    cursor: pointer;
    color: #333;
    font-weight: 700
}

.faq__question:hover .faq__twisty {
    background-color: #999
}

.faq__twisty {
    display: inline-block;
    width: 22px;
    line-height: 22px;
    background-color: #333;
    font-weight: 700;
    color: #fff;
    margin-right: 10px;
    text-align: center
}

.faq__twisty:hover {
    background-color: #999
}

.faq__plus {
    background-color: #333
}

.faq__minus {
    background-color: #999
}

.faq__question p {
    margin: 0
}

.faq__answer_container {
    height: 0;
    overflow: hidden;
    padding-left: 32px
}

.faq__answer {
    padding: 8px 0
}



/********************** Break Points ***************************/

@media(min-width:0) and (max-width:64em) {
    body {
        background-image: none
    }
    .banner,
    .topmenu,
    .footerInfo,
    .footerBase,
    .middle,
    .middleHome {
        width: 100%;
        padding-left: 1em;
        padding-right: 1em
    }
    .articleImageLeft {
        max-width: 50%
    }
    .articleImageRight {
        max-width: 50%
    }
    .topmenu {
        height: auto
    }
    .mlddm {
        display: inherit;
        text-align: center;
        height: auto
    }
    .mlddm>li {
        display: inline-block !important;
        float: none !important;
        height: auto
    }
    .mlddm li a {
        border: 0
    }
}

@media(min-width:0) and (max-width:56.25em) {
    .centered50 {
        width: 60%;
        margin: auto
    }
}

@media(min-width:0) and (max-width:48em) {
    .four-Col1,
    .four-Col2,
    .four-Col3,
    .four-Col4 {
        width: 45%;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%
    }
    .four-Col3 {
        clear: both
    }
    .centered50 {
        width: 70%;
        margin: auto
    }
}

@media(min-width:0) and (max-width:46.75em) {
    .dataForm50 {
        width: 70%
    }
}

@media(min-width:0) and (max-width:40em) {
    iframe {
        width: 80%
    }
    .footerLeft,
    .footerMiddle,
    .footerRight {
        float: none;
        text-align: left;
        width: 100%;
        line-height: 200%
    }
    .articleImageLeft,
    .articleImageRight {
        float: none;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .sideBySide-Col1,
    .sideBySide-Col2,
    .sideBySide80-20-Col1,
    .sideBySide80-20-Col2,
    .sideBySide70-30-Col1,
    .sideBySide70-30-Col2,
    .sideBySide30-70-Col1,
    .sideBySide30-70-Col2,
    .sideBySide60-40-Col1,
    .sideBySide60-40-Col2,
    .sideBySide40-60-Col1,
    .sideBySide40-60-Col2,
    .leftColumn-Col1,
    .leftColumn-Col2,
    .rightColumn-Col1,
    .rightColumn-Col2,
    .three-Col1,
    .three-Col2,
    .three-Col3 {
        width: 100%;
        margin: 0
    }
    .leftMenuColumn-Col1 {
        display: none
    }
    .leftMenuColumn-Col2 {
        width: 100%
    }
    .leftMenuPage-Col1 {
        display: none
    }
    .leftMenuPage-Col2 {
        width: 100%
    }
    .centered50 {
        width: 100%
    }
    .dataForm50 {
        width: 90%
    }
    .dataForm dd,
    .dataForm50 dd {
        padding: 0 0 1.5em
    }
    #menu,
    .topmenu {
        display: none
    }
    .slicknav_menu {
        display: block
    }
    .mobileHeaderLinks {
        display: block
    }
}

@media(min-width:0) and (max-width:30rem) {
    .four-Col1,
    .four-Col2,
    .four-Col3,
    .four-Col4 {
        width: 95%;
        float: none
    }
    .dataForm {
        width: 100%
    }
    .dataForm dt,
    .dataForm50 dt {
        width: 100%;
        float: none
    }
    .dataForm dd,
    .dataForm50 dd {
        width: 100%;
        float: none;
        margin-left: 0
    }
    .dataForm input[type=text],
    .dataForm50 input[type=text] {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media(min-width:0) and (max-width:20rem) {
    .twoCol50-50 dt,
    .twoCol50-50 dd {
        width: 100%;
        float: none;
        margin: 0;
        padding-left: 0
    }
}

/**********************************************/
/****************** Panels ********************/
/**********************************************/


.panelEdit {
    border: 2px dashed #a392fb
}

/********** admin areas ***************/

/* edit wobject */

.wobjectEdit {
	max-width: 1200px;
	margin: auto
}

.wobjectEdit td {
	padding-bottom: 6px;
}
.templateModel {
	max-width: 400px;
	margin-top: 20px;
}
.templateModel div {
	border: 1px solid #333;
	padding: 5px
}
.templateModel .middle {
	width: auto;
	margin-left: 30px;
	margin-right: 30px
}
.templateModel {
	text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff;
}

/********** page layout ********************/

@media(min-width:640px) {
	.grid__sideBySide {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 4%
	}
	.grid__sideBySide50-50 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 4%
	}
	.grid__sideBySide60-40 {
		display: grid;
		grid-template-columns: 58% 38%;
		column-gap: 4%
	}
	.grid__sideBySide40-60 {
		display: grid;
		grid-template-columns: 38% 58%;
		column-gap: 4%
	}
	.grid__sideBySide70-30 {
		display: grid;
		grid-template-columns: 68% 28%;
		column-gap: 4%
	}
	.grid__sideBySide30-70 {
		display: grid;
		grid-template-columns: 28% 68%;
		column-gap: 4%
	}
	.grid__sideBySide80-20 {
		display: grid;
		grid-template-columns: 78% 18%;
		column-gap: 4%
	}
	.grid__sideBySide20-80 {
		display: grid;
		grid-template-columns: 18% 78%;
		column-gap: 4%
	}
	.grid__threeCol {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		column-gap: 4%
	}
	.grid__fourCol {
		display: grid;
		grid-template-columns: repeat(4,1fr);
		column-gap: 4%
	}
	.grid__rightCol {
		display: grid;
		grid-template-columns: (auto,30%);
		column-gap: 5%
	}
	
}

/********** box layout ********************/

.columns2,
.columns3,
.columns4,
.columns5,
.columns6 {
    display: grid;
    overflow: hidden;
    row-gap: 20px
}

.columns2>div,
.columns3>div,
.columns4>div,
.columns5>div,
.columns6>div {
    overflow: hidden
}

@media(min-width:640px) {
    .columns2 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 6%
    }
}

@media(min-width:1031px) {
    .columns3 {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 3.5%
    }
}

@media(min-width:715px) and (max-width:1030px) {
    .columns3 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2%
    }
}

@media(min-width:720px) {
    .columns4 {
        grid-template-columns: repeat(4, 1fr);
        column-gap: 2%
    }
}

@media(max-width:719px) {
    .columns4 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2%
    }
}

@media(min-width:702px) {
    .columns5 {
        grid-template-columns: repeat(5, 1fr);
        column-gap: 2.5%
    }
}

@media(min-width:461px) and (max-width:701px) {
    .columns5 {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 3.5%
    }
}

@media(max-width:460px) {
    .columns5 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 6%
    }
}

@media(min-width:980px) {
    .columns6 {
        grid-template-columns: repeat(6, 1fr);
        column-gap: 6%
    }
}
@media(min-width:480px) and (max-width:979px) {
    .columns6 {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 6%
    }
}
@media(max-width:479px) {
    .columns6 {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 6%
    }
}

/*********** articles transition in ***************/

.come-in {
    transform: translateY(400px);
    animation: come-in .8s ease forwards
}

@keyframes come-in {
    to {
        transform: translateY(0)
    }
}

/********* Admin Settings *******************/

.adminTable__multiCols {
	border-collapse:collapse
}
.adminTable__multiCols thead td {
	background-color:#eee
}
.adminTable__multiCols td {
	padding:10px 14px
}
.adminTable__multiCols tbody td {
	border-bottom:1px dotted #ccc
}

/*********** Alerts *************************/

.alertMessageBanner {
	text-align:center;
	padding:20px;
	max-width:100%;
	border:1px solid #000;
	background-color:#fcbe03;
}



/*********** default backgrounds ***************/

.bgRed    {background-color:#ffbdbd;}
.bgGreen  {background-color:#d5ffbd;}
.bgYellow {background-color:#fff4bd;}

div.bgRed    {padding:10px;}
div.bgGreen  {padding:10px;}
div.bgYellow {padding:10px;}