.body {
    margin: 0;
    padding: 8px;
    overflow: hidden;
}

/*
.body-parsys .paragraph-element q {
  font: normal 1.5em/1.7em Arial,sans-serif;
  margin-bottom: 20px;
  display: block;
  line-height: 25px;
  font-family: "PNC Brand";
  color: #888;
  padding-left: 20px;
  padding-right: 20px;
}

.adp-container .body-parsys .paragraph-element q {
    quotes: inherit;
}

.adp-container .body-parsys .paragraph-element q:before {
    content: open-quote;
}
.adp-container .body-parsys .paragraph-element q:after {
    content: close-quote;
}
*/

.body-parsys .paragraph-element p,
.body-parsys .paragraph-element li {
    color: #636363;
    font-size: 14px;
    line-height: 20px;
}

.body-parsys .paragraph-element ul {
    padding: 0;
    /*margin: 10px 0 0;*/
}

.body-parsys .paragraph-element ul li {
    color: #6d6e71;
    margin-left: 2em;
}

.body-parsys .paragraph-element ul li a:focus,
.body-parsys .paragraph-element ul li a:hover,
.body-parsys .paragraph-element ul li a:active {
    text-decoration: underline;
}

.body-parsys .paragraph-element h1 {
    line-height: 26px;
}

.body-parsys .paragraph-element h2 {
    margin: 0 0 10px 0;
    font: bold 18px/22px "PNC Brand Bold",Arial, sans-serif;
    color: #484848;
}

.body-parsys .paragraph-element h4 {
    margin: 0 0 7px 0;
    font: bold 14px/16px "PNC Brand Bold",Arial, sans-serif;
    color: #484848;
}

.body-parsys .paragraph-element b {
    margin: 0 0 7px 0;
    font-weight: bold;
    color: #484848;
}

.body-parsys .paragraph-element img {
    border: 3px solid #D7D7D7;
    margin-right: 20px;
}

img.gug-lesson-hero-subjects-icon {
    border: none!important;
    float: right;
    display: inline;
}

.parsys_column {
    height: 100%;
    width: 100%;
    border: 0;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.parsys_column .section {
    width: 100%;
}

.paragraph-element .purple-bar h2,.paragraph-element .purple-bar b,.paragraph-element .purple-bar p,.paragraph-element .purple-bar a{
    color:white;
}

/********** Column Control (non-responsive) ***********************/
div.colctrl-cols {width: 100%; float: left; }

div.colctrl-default { width: 100%;}


/* layout 0 : 100% ( grid6 + grid6 ) */
div.colctrl1 {max-width:940px;margin:0 auto;}
div.colctrl1-c0 { width: 100%; margin-right:1%}

/* layout 2 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
div.colctrl3 {max-width:940px;margin:0 auto;}
div.colctrl3-c0 { width: 32%; margin-right: 1%;}
div.colctrl3-c1 { width: 32%; margin-left: 1%; margin-right: 1%;}
div.colctrl3-c2 { width: 32%; margin-left: 1%; }

/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.colctrl4 {max-width:940px;margin:0 auto;}
div.colctrl4-c0 { width: 23.5%; margin-right: 1%;}
div.colctrl4-c1 { width: 23.5%; margin-left: 1%; margin-right: 1%;}
div.colctrl4-c2 { width: 23.5%; margin-left: 1%; margin-right: 1%;}
div.colctrl4-c3 { width: 23.5%; margin-left: 1%; }

/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.colctrl5 {max-width:940px;margin:0 auto;}
div.colctrl5-c0 { width: 18.3%; margin-right: 1%;}
div.colctrl5-c1 { width: 18.3%; margin-left: 1%; margin-right: 1%;}
div.colctrl5-c2 { width: 18.3%; margin-left: 1%; margin-right: 1%;}
div.colctrl5-c3 { width: 18.3%; margin-left: 1%; margin-right: 1%;}
div.colctrl5-c4 { width: 18.3%; margin-left: 1%; }

/* layout 5: 2 w /right rail */
div.colctrl-rtrl {max-width:940px;margin:0 auto;}
div.colctrl-rtrl-c0 { width: 63%; margin-right: 1%;}
div.colctrl-rtrl-c1 { width: 33%; margin-left: 1%; margin-right: 1%;float:right !important;}

/* layout 6: 2 w /left rail */
div.colctrl-lftrl {max-width:940px;margin:0 auto;}
div.colctrl-lftrl-c0 { width: 33%; margin-right: 1%;}
div.colctrl-lftrl-c1 { width: 63%; margin-left: 1%; margin-right: 1%;float:right !important;}

/************ End Column Control (non-responsive) ******************/

@media only screen and (min-width: 320px) {

    .body {
        padding: 1%;
    }

  /* START: Single-Column Body, no Right-Rail */
    .colctrl1 {
        width: 100%;
    }

    .colctrl1-c0 {
        width: 100%;
    }

  /* START: Single-Column Body with Right-Rail */
    .colctrl2 {
        width: 100%;
    }

    .colctrl2-c0 {
        width: auto;
        float: left;
        margin-left: 0px;
    }

    .colctrl2-c1 {
        width: auto;
        float: left;
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media only screen and (min-width: 600px) {

    .body {
        padding: 0;
    }

  /* START: Single-Column Body, no Right-Rail */
    .colctrl1 {
        width: 620px;
        margin: 0 auto;
        padding: 1%;
    }

    .colctrl1-c0 {
        width: 100%;
    }

  /* START: Single-Column Body with Right-Rail */
    .colctrl2 {
        width: 620px;
        margin: 0 auto;
        padding: 1%;
    }

    .colctrl2-c0 {
        width: 100%;
        float: left;
        margin-left: 0px;
    }

    .colctrl2-c1 {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media screen and (min-width: 980px) {

  /* START: Single-Column Body, no Right-Rail */
    .colctrl1 {
        width: 940px;
        padding: 20px;
    }

    .colctrl1-c0 {
        width: 100%;
    }

  /* START: Single-Column Body with Right-Rail */
    .colctrl2 {
        width: 940px;
        padding: 20px;
    }

    .colctrl2-c0 {
        width: 600px;
        float: left;
        margin-right: 20px;
    }

    .colctrl2-c1 {
        width: 300px;
        float: right;
    }
}