body.cppMainBodySettings
{
    background-color: #00a261;
    font-family: 'Open Sans', sans-serif;
}

div.headerDiv
{
    display: block;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

div.footerSubBlockDiv
{
    margin: 0 auto;
    text-align: center;
}

img.headerLogo
{
    height: 250px;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
}

img.headerLogoDoctor
{
    height: 250px;
    width: 100%;
}

div.servicesImage
{
    text-align: center;
}

div.indexNews
{
    text-align: center;
    color: #f7ff72;
    font-size: 1.0em;
    font-weight: bold;

    display: block;
    background-color: black;
    border-style: solid;
    border-color: #00a261;
    padding: 4px 4px 6px 4px;
}

/*
div.cppMainContainerDiv
{
	display: block;
	margin: 0 auto;
	background-color: #fcf6b5;

	border-left: 4px;
	border-right: 4px;
	border-top: 0px;
	border-bottom: 0px;
	border-style: solid;
	border-color: #f7ff72;

	width: 1000px;
}

div.cppMainContentDiv
{
	display: block;
	margin: 0 auto;
	background-color: #fcf6b5;

	width: 100%;

	padding: 4px 16px 4px 16px;
}

div.cppMainContentDiv h1 h2 h3 h4
{

}
*/

.cppMainBodySettings h1
{
    display: block;
    text-align: center;
    color: #00a261;
    font-size: 2.0em;
    font-weight: bold;
    padding: 8px 8px 8px 8px;
    margin-top: 2px!important;
    margin-bottom: 2px!important;
}

.cppMainBodySettings h2
{
    display: block;
    color: #00a261;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    padding: 8px 8px 8px 8px;
    margin-top: 2px!important;
    margin-bottom: 2px!important;
}

.cppMainBodySettings h3
{
    display: block;
    color: #888;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
    margin-top: 2px!important;
    margin-bottom: 2px!important;
}

.cppMainBodySettings h4
{
    font-weight: 600;
    display: block;
    color: #333;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 1.125em;
    padding: 4px 4px 4px 4px;
    margin-top: 2px!important;
    margin-bottom: 2px!important;
}

div.yellowBoxContent
{
	display: inline-block;
	width: 100%;
	padding: 2px 16px 2px 16px;
	background-color: #f7ff72;
	border: 2px;
	border-style: solid;
	border-color: #00a261;

}

div.sideBoxAreaContainer
{
    width: 300px;
    display: inline-block;
    float: right;
}

div.sideBoxArea
{
	display: box;
	float: right;
	width: 100%;
	min-height: 150px;
	padding: 4px 16px 4px 16px;
	margin: 8px auto 8px auto;
	border: 1px;
    border-color: #777;
	border-radius: 12px;
	border-style: solid;
	box-shadow: 0 4px 8px 0 #888;
	background: linear-gradient(to bottom right, #fff, #d8d8d8); /* Standard syntax */
}

img.phyPic
{
    width: 200px;
    float: left;
    display: inline-block;
    margin: 4px 8px 4px 8px;
}

table.pediatricResources
{
    width: 100%;
}

table.pediatricResources tr td
{
    padding: 4px 16px 4px 16px;
    vertical-align: text-top;
}

span.slightlyBigger
{
  font-size: 1.125em;
}

span.AsNeeded
{
    color: #00a261;
    font-weight: bolder;
    font-size: 0.71em;
}

@media (max-width: 989px) {
    img.headerLogoDoctor {
        display: none;
    }

    div.sideBoxAreaContainer {
        display: block;
        width: 100%!important;
    }

    div.footerSubBlockDiv {
      padding-bottom: 40px;
    }
}