xxx/style.css

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans'), local('DroidSans'), url('http://themes.googleusercontent.com/static/fonts/droidsans/v2/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff') format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('http://themes.googleusercontent.com/static/fonts/droidsans/v2/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff') format('woff');
}

body {
  font-family: "Droid Sans", "Verdana", sans-serif;
  font-size: 10pt;
}

#container {
  background: #006633;
  max-width: 750px;
  margin: 5px auto;
}

#sidebar {
  width: 150px;
}

#main {
  float: right;
  background: #FFFFFF;
  padding-bottom: 25px;
  max-width: 600px;
}

#maintext {
  width: 575px;
  margin-left: 25px;
  min-height: 300px;
}

footer#bottom {
  background: #006633;
  max-width: 750px;
}
footer#bottom p {
  clear: both;
  font-size: 8pt; 
  color: #FFFFFF;
  text-align: center;
  padding: 5px;
  margin: 0;
}

#sidebar {
  color: #FFFFFF;
}
#sidebar .logo {
  font-family: monospace;
  font-size: 9pt;
  margin: 5px;
  text-align: center;
  font-weight: bold;
}
#sidebar .links {
  font-size: 9pt;
  color: #006633;
  margin: 5px;
  padding-left: 5px;
  background: #FFFFFF;
}
#sidebar .links h3 {
  display: none;
}
#sidebar .links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sidebar .links ul li {
}
#sidebar .links ul li:before {
    color: #006633;
    content: '\2022';
    margin-right: 2px;
}

#sidebar #sideinput {
  margin: 5px;
  padding-right: 1px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  text-align: right;
}

#main .logo {
  text-align: right;
}

.box {
  border: 4px solid #006633;
  border-bottom: 2px solid #006633;
  border-top: 2px solid #006633;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0 10px;
}
.boxline {
  border-bottom: 0px solid #006633;
  border-top: 2px solid #006633;
}

p {
  text-align: justify;
  margin-bottom: 1.1em;
}
body.mceContentBody p {
  text-align:left;
}

.center {
  text-align: center;
}

img {
  max-width: 100%;
  border: 0;
}

h1 {
  margin-top: 0;
  color: #006633;
  text-align: right;
  font-size: 30pt;
}

h2 {
  color: #006633;
  text-align: left;
  font-size: 16pt;
}

a {
  color: #000000;
  text-decoration : none;
}

a:link {
  color: #006633;
  text-decoration : none;
}

a:hover {
 color: #FF0000;
 text-decoration : underline;
}

a:visited {
 color: #006633;
}

a.whitefont {
 color: #FFFFFF;
 text-decoration : none;
}

article h3 {
  font-size: 10pt;
  margin: 10px 0 0;
}
article dl {
  margin: 0;
}
article dt {
  display: inline;
}
article dd {
  display: inline;
  margin-left: 0;
}
article dd:after {
  display: block;
  content: '';
}
article p {
}
div.options {
  text-align: center;
  margin: 10px 20px;
}

div.pager {
  margin-top: 10px;
}
span.next {
  float: left;
}

span.prev {
  float: right;
}

a.bottom {
  color: #006633;
  text-decoration : none;
}
a.bottom:visited {
 color: #006633;
}
a.bottom:hover {
 color: #FF0000;
 text-decoration : underline;
}

li {
  font-size: 10pt; 
  text-align: justify;
}

pre {
  text-align: justify;
  font-family: monospace;
}

.xxx {
  font-family: monospace;
}

#sidebar .inputtext {
  background-color: #006633;
  border-color: #999999;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  font-size: 8pt;
  color: #FFFFFF;
  width: 134px;
}

#sidebar .inputbutton {
  background-color: #FFFFFF;
  color: #006633;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  font-weight: bold;
  margin-right: 0px;
  margin-bottom: 3px;
}

.box .right {
  float: right;
}

.red {
  color: red;
}

@media (max-width: 760px) {
  #container {
    max-width: 600px;
  }
  #main {
    float: none;
    margin: 0px;
  }
  #maintext {
    margin-left: 0;
    width: 100%;
  }
  #sidebar {
    position: absolute;
    top: 0;
    margin: 0;
  }
  #sidebar form,
  #sidebar .logo {
    display: none;
  }
  #sidebar .links {
    background-color: #006633;
    color: #FFFFFF;
    margin: 0;
  }
  #sidebar .links h3 {
    display: block;
    padding: 2px;
  }
  #sidebar .menu-toggle::after {
    content: "\23F7"; /* "\23F6" */
    padding-left: 4px;
  }
  #sidebar .links ul {
    padding: 4px;
    display: none;
  }
  #sidebar .links ul li {
  }
  #sidebar .links ul li,
  #sidebar .links ul li:before,
  #sidebar .links ul li a {
    color: #FFFFFF;
  }
}