.mb {position: fixed; z-index: 100; top: 0; bottom: 0; left: 0; padding: 0; width: 320px; max-height: none;    border-right: 3px #88c84b solid;}
.cb {position: absolute; top:0; right: 30px; left: 320px; padding: 0 10px 800px 40px; z-index: 1; min-height: 100%; height: auto;}
.row {padding-top: 60px; padding-bottom: 60px}
p { margin: 15px 0; }
a {text-decoration: underline; }
.cb ol li, .cb ul li {padding-bottom: 10px}
.navbar {border-radius: 0;border:0; background-color: transparent}
.navbar-brand { float: none;    padding: 20px 15px 20px 15px; height: auto; display: block;}
.navbar-collapse {padding: 50px 0 0 0; clear: both}
.navbar-nav {  float: none;      overflow-y: scroll;
    height: 400px;
    width: auto;
    overflow-x: hidden; margin: 0; }
.navbar-nav>li { float: none; margin: 0; clear: both;     background-color: #f0f4f7; border-bottom: 1px #fff solid;}
.navbar-nav>li:hover {background-color: #dee5ea}
.navbar-nav>li>a {text-decoration: none; }

.dropdown-menu { position: relative;border-radius: 0; -webkit-box-shadow: none;box-shadow: none;    width: 100%;}
.dropdown-menu>li>a {text-decoration: none; }
#iframe {height:700px; margin:22px 0 0 0px}
.bg-primary {padding: 10px 30px 20px 30px; margin-bottom: 30px}
.bg-primary:after {content:""; clear: both; display: block}
.bg-primary a {color: #fff; text-decoration: underline}
.bg-primary i {font-size: 48px; float: left; margin: 0 20px 0 0;}
div.pp_pic_holder {max-width: 96%; }
div.pp_pic_holder #fullResImage {max-width: 96%; }
.dropdown-menu>li>a { padding: 8px 20px; font-weight: bold; color: #008761; }
.img-thumbnail {margin-bottom: 20px; }
.mlinks {padding: 30px 15px;}
.bg-danger {padding: 10px 15px;}

@media screen and (max-width: 1024px) {
	.mb {
    position: relative;
    width: 100%;
}
.cb {
    position: relative;
    left: 0;
    right: 0;
    padding: 15px;
}
iframe {
    max-width: 100%;
}
img {
    max-width: 100%;
}
p, li {
    word-break: break-word;
}
}