body {		font-size: 1.2em; margin: 0px; padding: 0px; background: url('../images/template/bg01.jpg') repeat-x left top; background-position: 0px -6px; position:static; font-family: 'Open Sans', sans-serif; color: #696969; font-weight: 400; line-height: 2em;	}
a {	color: #3879B6; font-weight: 700;}
a:hover { text-decoration: none;color: #3879B6; }
.navbar-dark .navbar-nav .nav-link {    color: rgb(255, 255, 255, 1);}
.bg-dark {    	background: transparent!important;}
.navbar {margin: -10px auto;}
.nav-item {font-weight: 700;font-size:.9em;}
.navbar-dark .navbar-toggler-icon {    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-dark .navbar-toggler {    color: rgba(255,255,255,.9);    border-color: rgba(255,255,255,.9);	border-width: 3px; margin: 7px 0 0px;}
.skip {    position: absolute;    left: -1000px;}
h1, h2, h3 {font-weight:700;}
ul.style2 h3 {    display: inline;    margin:0;    padding: 0px;    font-size: 1.3em; color: #8cb01a;;}
.banner{width:100%;max-width:650px;height:auto;max-height: 147px; }
h1.text-banner {display:none;} 
#content h1 {text-align: center;margin-bottom: 1em;}
#content {max-width: 650px;}
#sidebar {margin: 230px 0 0 0; background: white;box-shadow: 0px 0px 20px #ddd;}
#sidebar ul {padding-left: 0px;list-style: none;}
#sidebar li {padding: 5px 10px;}
#sidebar ul.style2 li { padding-top: 20px;}
#sidebar ul.style2 {line-height:1.3em;}
ul.style1 a {    padding-left: 6px;}
#box1 {margin: 20px;}
.box-style2 h2.title {background-color: #e5e5e5;margin: 0 -12px;padding: 15px;font-size: 1.3em;}
.box-style2 li {  font-size:.9em;}
.accent3 {    font-weight: bold;}
#footer p { padding: 70px; text-align: center; }
img.alignleft {    float: left;    margin: 0px 25px 0px 0px;}
img.alignright {    float: right;    margin: 0px 0px 0px 25px;}
img.border {    padding: 5px;    border: 1px solid #ccc;}
td.chaptable {width:10%; line-height:1.2em;}

@media only screen and (max-width:1400px) {
body{background-position: 0px -5px;}
}

@media only screen and (max-width:991px) {
.nav-item {font-size: 1.0em;}
body{background-position: 0px -40px;}
}

@media only screen and (max-width:767px) {
#sidebar {box-shadow:none; margin: 20px;}
body{background-position: 0px -150px;}
.navbar-collapse {    background: #86ae1d;    padding-left: 10px;}
.banner{display:none;}
h1.text-banner {display:block;text-align:right; font-size:1em; color: white; position:absolute; right:15px; top:15px; } 

td.chaptable p {font-size:.8em;}

}