.cpContainer {width: 1016px; padding-left:8px; padding-right: 8px; margin:0 auto;}
#cpHero {background-repeat:no-repeat; background-size:cover; background-color:transparent; background-position: center center; min-height: 243px;}
.cpHeroText {color: #ffffff; font-family: "Droid Serif",serif; font-size: 58px; font-weight: normal; text-align: center; text-shadow: 1px 1px 3px #000; text-transform: capitalize; padding-top:8%;}
#cpHeroBtns {margin-bottom:30px;}
.membershipBtn, .practiceBtn, .cleBtn, .resourcesBtn {box-shadow: 0 0 1px transparent; display: inline-block; overflow: hidden; position: relative; transform: perspective(1px) translateZ(0px); vertical-align: middle;}
.membershipBtn::before, .practiceBtn::before, .cleBtn::before, .resourcesBtn::before {background-color: #ffffff; content: ""; height: 6px; left: 50%; position: absolute; right: 50%; top: 0; transition-duration: 0.2s; transition-property: left, right; transition-timing-function: ease-out; z-index: -1;}
.membershipBtn:hover::before, .membershipBtn:focus::before, .membershipBtn:active::before {left:0; right:0;}
.practiceBtn:hover::before, .practiceBtn:focus::before, .practiceBtn:active::before {left:0; right:0;}
.cleBtn:hover::before, .cleBtn:focus::before, .cleBtn:active::before {left:0; right:0;}
.resourcesBtn:hover::before, .resourcesBtn:focus::before, .resourcesBtn:active::before {left:0; right:0;}
.membershipBtn {background-color: #092e6e;}
.practiceBtn {background-color: #a8a6a1;}
.cleBtn {background-color: #e9b422;}
.resourcesBtn {background-color: #194875;}
.membershipBtn a, .practiceBtn a, .cleBtn a, .resourcesBtn a {color: #ffffff; display: block; font-size: 25px; padding: 15px 0; text-align: center; text-decoration: none;}

#cpLeft {padding-right:16px;}
#cpRight {background-color: #ebebeb; padding: 16px;}
.cpImage {margin: 0px 0 13px; display: inline-block; vertical-align:top;}
#cpRight .cpImage {margin: 0px 0 13px;}
#Feed_area {background-color: #fff; padding: 10px;}

/* Begin Page 2 Styles */
.nestColLeft {display: inline-block; vertical-align: top; width: 24%;}
.nestColRight {display: inline-block; padding-left: 10px; vertical-align: top; width: 75%;}

.panel-group .panel{
	border-radius:0;
	padding: 0 !important;
}
.panel {
    border: none;
    box-shadow: none;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: transparent;
	padding:0;
}

.panel-title a {
    color:#fff;
	background-color: #194875;
	display: block;
    padding: 15px 20px;
	position: relative;
}
.panel-title a.collapsed {
    color:#003466;
    background-color: #c3e3ff;
}
.panel-title a:hover {
    color: #fff;
    background-color: #194875 !important;
}
.panel-body {
    padding: 15px 0;
}
/* End Page 2 Styles */


/* Begin Page 3 Styles */
.imgLtextR {margin-bottom: 5px;}
.imgLtextR.col-sm-6 .cpText {font-size: 12px;}
/* End Page 3 Styles */


/* Begin Page 5 Styles */
#cpRightYellow {background-color: #ead498; padding: 16px;}
#cpRightYellow .cpImage {margin: 0 0 13px;}
/* End Page 5 Styles */



/* Begin Page 7 Styles */
.imgOnText {margin-bottom: 0px; min-height: 150px; padding: 0;}
.imageOnTop {float: left; margin-top: 5px; padding-bottom: 5px; vertical-align: top;}
.imageOnTop img {float: left; margin: 0 15px 0 0; max-height: 167px; min-width: 150px;}
.textOnBottom p {line-height: 20px;}
/* End Page 7 Styles */


/* Begin Page 8 Styles */
.imgLtextR.col-sm-12 {margin:10px 0 20px;}
/* End Page 8 Styles */


/* Begin Page 9 Styles */
.row5imgs {display: inline-block; text-align:center; width:100%;}
.row5imgs .cpImage {width: 20%; float: left; padding: 0 5px;}
/* End Page 9 Styles */


/* Begin Page 10 Styles */
.row3imgs {display: inline-block; text-align:center; width:100%;}
.row3imgs .cpImage {width: 33%; padding: 0 5px; display:inline-block;}
.longRow {margin-bottom: 15px; display:inline-block;}
.longRow .cpImage, .longRow .cpText p {margin-bottom:0;}
/* End Page 10 Styles */






/* Begin Media Queries */
@media (min-width:768px){.cpContainer{width:750px}}@media (min-width:960px){.cpContainer{width:900px}}@media (min-width:1200px){.cpContainer{width:1016px}}

@media (max-width: 1200px) {.cpHeroText {font-size:48px;}}
@media (max-width: 991px) {.cpHeroText {font-size:38px;} .membershipBtn a, .practiceBtn a, .cleBtn a, .resourcesBtn a {font-size:20px; padding:20px 0;}}
@media (max-width: 767px) {.cpContainer {width:100%; padding-left:15px; padding-right: 15px;} .membershipBtn, .practiceBtn {float: left; width: 33%;}  .resourcesBtn {float:left; width:34%;} .membershipBtn a, .practiceBtn a, .cleBtn a, .resourcesBtn a {padding:10px 0;}
.cpImage {width:100%;}
.cpImage img {margin: 0 auto;}
#cpContent {padding: 0;}
#cpLeft .col-sm-6 {padding:0;}

.imgLtextRwrap {padding: 0; text-align:center;}
.imgLtextR.col-sm-6 {padding: 0 10px !important; width:48%; display:inline-block; vertical-align:top; text-align:left; margin-bottom:15px;}
.imgLtextR .cpImage {padding:0;}
.imgLtextR.col-sm-6 .cpText, .imgLtextR.col-sm-12 .cpText {padding:0;}
.imgLtextR.col-sm-12 {padding:0;}
.longRow .cpImage {width:15%; padding:0; display:inline-block; vertical-align:top; float:left;}
.longRow .cpImage img {width:100%;}
.longRow .cpText {width:70%; display:inline-block; vertical-align:top; font-size:13px; line-height:17px; float:left;}
.row3imgs .cpImage {width: 33%; float:left;}
.imgLtextRwrap .col-sm-12 {padding:0;}

.imgLtextRwrap .col-sm-12 .cpImage { display: inline-block; padding: 0; vertical-align: top; width: 15%;}
.imgLtextRwrap .col-sm-12 .cpImage img {width:100%;}
.imgLtextRwrap .col-sm-12 .cpText {display: inline-block; padding-right: 0; vertical-align: top; width: 84%; text-align:left;}
}
@media (max-width: 580px) {.membershipBtn, .practiceBtn, .cleBtn, .resourcesBtn {width:100%;}}

@media (max-width: 480px) {#cpLeft {margin-bottom:20px;} .nestColLeft {width: 100%;} .nestColRight {width:100%; padding:0px;} .imgLtextR.col-sm-6 {width: 100%; text-align: center; padding: 0 !important;} .imageOnTop img {max-height: 127px !important; min-width: auto !important;} .imgLtextR.col-sm-12 {text-align: left;} .row5imgs .cpImage {width:32%; float:none;} .row3imgs .cpImage {width:100%; padding:0;} .longRow {text-align:center; margin-bottom:35px; border-bottom:1px solid #efefef; padding-bottom:35px;} .longRow .cpImage {width:100%; float:none;} .longRow .cpText {width:100%; padding:0; margin:20px 0; float:none;} .longRow:last-child {padding-bottom:0px; border-bottom:none;} .imgLtextRwrap .col-sm-12 .cpImage {width:auto;} .imgLtextRwrap .col-sm-12 .cpText {text-align:center; padding:0; width:100%;}}