body, div.pp_overlay {min-width: 1010px;}
#navbar {width: 1000px;margin-right: auto;margin-left: auto;}
#header {width: 1000px;margin-right: auto;margin-left: auto;}
#content_bg {width: 1000px;margin-right: auto;margin-left: auto;padding-top: 10px;padding-bottom: 10px;}
#sidebar {width: 210px;float: right;}
#contentcontainer {width: 770px;float: left;}
#extraContainer1, #extraContainer2, #extraContainer3 {width: 1000px;margin-right: auto;margin-left: auto;}
#footer {width: 1000px;margin-right: auto;margin-left: auto;}
#divider1 {clear: left;}
@media only screen and (min-width: 641px) and (max-width: 768px) {
body, div.pp_overlay {min-width: 240px;}
#header, #content_bg, #extraContainer1, #extraContainer2, #extraContainer3, #footer {width: 100%;}
#sidebar {width: 27%;margin-right: 1%;padding-left: 1%;}
#contentcontainer {width: 67%;padding-right: 1%;margin-left: 1%;}
#title {float: left;}
#slogan {float: left;clear: left;}
#myExtraContent1, #myExtraContent2 {float: left;padding: 1%;}
}
@media only screen and (max-width: 640px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
body, div.pp_overlay {min-width: 240px;}
#content_bg {width: 100%;}
#contentcontainer, #sidebar, #header, #extraContainer1, #extraContainer2, #extraContainer3, #footer {width: 98%;margin-right: 1%;margin-left: 1%;}
#title {float: left;}
#slogan {float: left;clear: left;}
#myExtraContent1, #myExtraContent2 {float: left;padding: 1%;}
}
/* @group Clearing */
.container:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* @end */