html {
  color: #000;
  background: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
  font: inherit;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000;
}
select,
input,
textarea,
button {
  font-size: 99%;
  font-family: arial, helvetica, clean, sans-serif;
}
table {
  font-size: 100%;
}
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  font-size: 108%;
  line-height: 100%;
}
* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
  background-color: #222;
}
body {
  font-family: "Muli", "Open Sans", Arial, Helvetica, sans-serif;
  color: #CCC;
}
div {
  overflow: hidden;
  display: block;
}
img {
  max-width: 100%;
  width: auto;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
h1 {
  font-size: 175%;
  color: #54ADA8;
}
h2 {
  font-size: 155%;
}
h3 {
  font-size: 125%;
  color: white;
}
h4 {
  font-weight: bold;
  font-size: 100%;
  color: white;
}
.fa {
  font-size: 80%;
}
.ttl {
  float: left;
}
.container {
  max-width: 960px;
  text-align: left;
}
#header-stripe {
  background-color: #222;
}
#header-stripe li.active a {
  color: #54ADA8;
}
#header-top {
  margin-left: 2.5%;
}
#header-top li {
  float: left;
  padding: 0 3% 0 0px;
}
#header-top a {
  text-decoration: none;
  color: #CCC;
}
#header-top a:hover {
  color: white;
}
#header-bottom  img.hover {
  opacity: 0.75%;
}
#header-bottom li {
  float: left;
  padding: 0 30px 0 0px;
}
#header-bottom a {
  text-decoration: none;
  color: #54ADA8;
}
#header-bottom a:hover {
  color: light;
}
#maincontent-top .moduletable-homeslide {
  margin-bottom: 40px;
}
#maincontent-top .moduletable .blog-top {
  margin: 20px 0 0 0;
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #54ADA8;
}
#maincontent-top .blog-top h1 {
  font-weight: bold;
  margin: 0 0 5px 0;
}
#maincontent-top .blog-top a {
  color: #CCC;
  text-decoration: none;
}
#maincontent-top .blog-top a:hover {
  color: white;
  text-decoration: underline;
}
#maincontent-top .blog-top .ttl {
  color: white;
}
#content {
  text-align: justify;
}
#content .span6 {
  width: 50%;
  float: left;
  margin-bottom: 25px;
}
#content .column-1 {
  margin-right: 2.5%;
}
#content .column-2 {
  margin-left: 2.5%;
}
#content .page-header h2 {
  display: none;
}
#content .curriculum h1 {
  margin: 0 0 0 32%;
}
#content h2 {
  color: #54ADA8;
  background-color: #222;
}
#content ul {
  padding-left: 1px;
}
#content ul li {
  list-style-position: inside;
  list-style-type: disc;
}
#content .col-l {
  width: 30%;
  padding-right: 1%;
  float: left;
  text-align: right;
}
#content .col-c {
  width: 11%;
  float: left;
  padding: 0 0 30px 1%;
  border-left: 1px solid;
}
#content .col-r {
  padding: 0 0 30px 1%;
  border-left: 1px solid;
}
#content .col-cr {
  padding-bottom: 30px;
}
#content a {
  color: #CCC;
}
#content a:hover {
  color: white;
}
#content h2 a {
  color: #54ADA8;
  text-decoration: none;
}
#content .hlk:hover h2 a {
  color: #CCC;
}
#content .hlk:hover a img {
  opacity: 0.7;
}
#content ttl {
  font-weight: bold;
  color: white;
}
.footer {
  margin: 10px 21px;
}
#content .home .item .fa {
  text-decoration: underline;
}
#content .home .item h2 .fa {
  text-decoration: none;
}
#content .malublog .leading-0 {
  margin: 20px 0;
  border-bottom: 1px solid #54ADA8;
}
#content .malublog .leading-0 .article-info {
  color: #222;
}
#content .malublog .bnt {
  font-size: 80%;
  color: #999999;
  padding: 7px 0 0 0;
}
#content .malublog .bnt a {
  text-decoration: underline;
}
#content .malublog dl {
  font-size: 80%;
  line-height: 80%;
  color: #8c8c8c;
  text-align: right;
}
#content .malublog .readmore {
  margin: -15px 0 0 0;
}
#content .malublog .readmore a {
  font-size: 80%;
  line-height: 80%;
  color: #8c8c8c;
  text-decoration: none;
  line-height: 24px;
  padding: 0px 5px;
}
#content .malublog .readmore a:hover {
  color: white;
}
#content .malublog .items-leading .item-title,
#content .malublog .items-row .item-title {
  margin: 7% 0 0 3px;
  visibility: hidden;
}
#content .malublog .items-leading .item-image {
  max-width: 100%;
}
#content .malublog .items-leading h2,
#content .malublog .items-row h2 {
  font-size: 100%;
}
#content .malublog .page-header {
  margin: 5% 0 0 0;
}
#content .dsm h1 {
  font-size: 250%;
}
#content .dsm img {
  margin: 2% 0;
}
.footer {
  margin: 2% 0;
}
#footer-top {
  border-top: 1px solid;
  border-color: #54ADA8;
  padding: 2px 0;
  color: #54ADA8;
  font-size: 85%;
}
#footer-top a {
  color: #54ADA8;
}
#footer-top a:hover {
  color: white;
}
#footer-top .ft-l {
  width: 33%;
  text-align: left;
  float: left;
}
#footer-top .ft-c {
  width: 34%;
  text-align: center;
  float: left;
}
#footer-top .ft-c a {
  text-decoration: none;
}
#footer-top .ft-r {
  text-align: right;
}
#footer-bottom {
  text-align: center;
  margin-top: 15px;
}
#ca_banner {
  opacity: 0.75;
}
#ca_banner h2 {
  padding: 0;
  font-size: 16px;
}
#ca_banner p span {
  font-weight: normal;
  color: #B3CDD3;
}
#ca_banner .accept {
  width: 150px;
  margin-top: 15px;
  background: linear-gradient(#B3CDD3 0%,#0072CA 100%) repeat scroll 0 0;
}
#ca_info {
  padding: 10px;
  background-color: #B3CDD3;
}
#ca_info a {
  color: #000;
  text-decoration: underline;
  text-shadow: none;
}
#ca_info a:hover {
  color: #E2001A;
}
#ca_info_plus {
  height: auto;
}
.kmt-readon {
  position: relative;
  top: -15px;
  margin: 0 0 0 5px;
  font-size: 85%;
}
.kmt-readon a {
  text-decoration: none;
}
.kmt-readon span.kmt-readmore {
  background-image: none;
  padding: 0;
}
.kmt-readon span.kmt-hits {
  background-image: none;
  margin: 0;
  padding: 0 0px 0 50px;
}
.kmt-readon span.kmt-comment {
  background-image: none;
  margin: 0;
  padding: 0 0 0 0px;
}
#section-kmt {
  margin: 50px 0 0 0;
}
#section-kmt #kmt-fame {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
#section-kmt #kmt-fame .kmt-fame-tabs {
  display: none;
}
#section-kmt h3.kmt-title {
  background-color: #808080;
  color: #222;
  border: none;
  border-radius: 0;
  font-family: inherit;
  font-size: 80%;
  margin: 0;
  padding: 0 0 0 5px;
  text-transform: none;
}
#section-kmt .kmt-toolbar {
  display: none;
}
#section-kmt .kmt-author {
  color: #54ADA8;
}
#section-kmt .kmt-body {
  margin: 2px 0 0 0;
}
#section-kmt .kmt-meta * {
  font-size: 90%;
}
#section-kmt .kmt-head a {
  text-decoration: none;
  color: #54ADA8;
}
#section-kmt .kmt-list > li.kmt-empty-comment {
  border: none;
  padding: 0;
  font-weight: normal;
  text-align: left;
}
#section-kmt .kmt-list > li + li > div,
#section-kmt .kmt-list > .kmt-form + li > div {
  border-color: #999999;
}
#section-kmt .kmt-reply-malu {
  background-color: #CCC;
  color: #222;
  font-size: 80%;
  padding: 2px 8px;
  text-decoration: none;
}
#section-kmt .kmt-reply-malu:hover {
  background-color: white;
  color: #222;
}
#section-kmt .kmt-control-user .kmt-reply span {
  font-weight: normal;
  text-indent: 0;
  width: auto;
  background: none;
}
#section-kmt .kmt-form {
  background: none;
}
#section-kmt .kmt-form .kmt-form-addbutton {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: #54ADA8;
  width: 200px;
}
#section-kmt .kmt-form .kmt-form-addbutton:hover {
  border: none;
  background: #CCC;
}
#section-kmt .kmt-form .kmt-form-addbutton b {
  font-weight: normal;
  font-size: 80%;
  font-family: inherit;
  color: #222;
}
#section-kmt .kmt-form h3 {
  background-color: #54ADA8;
}
#section-kmt .kmt-form h4 {
  display: none;
}
#section-kmt .kmt-form-author ul li > label {
  font-size: 90%;
  margin: 0;
}
#section-kmt .input.text,
#section-kmt .input.password {
  color: #222;
  font-size: inherit;
  height: auto;
  line-height: normal;
  background-color: #CCC;
  border: none;
}
#section-kmt .markItUpContainer {
  border: none;
}
#section-kmt .markItUpHeader {
  background-color: #b3b3b3;
}
#section-kmt .markItUp * {
  color: #222;
  background-color: #CCC;
}
#section-kmt .kmt-btn-cancel-malu,
#section-kmt .kmt-btn-submit-malu {
  background-color: #b3b3b3;
  border: none;
  padding: 5px;
  font-family: inherit;
  font-size: 90%;
}
#section-kmt .kmt-btn-submit-malu {
  background-color: #54ADA8;
  margin-left: 10px;
}
.kmt-btn-cancel-malu:hover,
#section-kmt .kmt-btn-submit-malu:hover {
  background-color: white;
}
#section-kmt #captcha-instruction {
  font-size: 80%;
}
#section-kmt #captcha-instruction a {
  text-decoration: none;
  color: white;
}
#content .ccomment {
  margin: 5% 0 0 0;
  padding: 2% 0 0 0;
}
#content .ccomment-menu {
  border: none;
  background-color: #808080;
}
#content .ccomment-menu h4 {
  font-weight: normal;
  padding: 0 0 0 8px;
  color: #222;
}
#content .ccomment .btn-mini {
  visibility: hidden;
}
#content .ccomment .ccomment-no-comments {
  border: none;
  color: #222;
}
#content .ccomment .ccomment-quote,
.ccomment .ccomment-reply {
  text-shadow: none;
  color: #CCC;
  font-size: 75%;
  padding-right: 5px;
}
#content .ccomment .alert-error {
  color: #F00;
}
#content .ccomment ul li {
  list-style: none;
  border: none;
  border-bottom: 1px solid #808080;
}
#content .ccomment ul li .row-fluid strong {
  color: #54ADA8;
}
#content .ccomment ul li .row-fluid a.muted {
  color: #54ADA8;
}
#content .ccomment ul li .row-fluid a.muted:before {
  content: " - ";
}
#content .ccomment-posting-as {
  font-size: 100%;
  color: #54ADA8;
}
#content .ccomment .btn-primary {
  background-color: #54ADA8;
  background-image: linear-gradient(to bottom,#65b5b1,#4b9c98);
  background-repeat: repeat-x;
}
#content .ccomment .btn-primary:hover {
  background-image: linear-gradient(to bottom,#65b5b1,#4b9c98);
}
#content .ccomment div.ccomment-quote-text-author {
  font-weight: normal;
  color: #999999;
  font-style: italic;
  padding: 0 0 0 10px;
}
#content .ccomment div.ccomment-quote-text-body {
  border: none;
  background-color: transparent;
  color: #808080;
  padding: 0 10px;
}
.fastsocialshare_container {
  margin-top: 50px;
}
.fastsocialshare-share-fbsh {
  margin: 0;
  padding: 3px 8px 3px 5px;
  background-color: #43609C;
}
#content .fastsocialshare-share-fbsh a {
  border-radius: 0;
  color: white;
  text-decoration: none;
  background-image: url(/images/fbl.png);
  background-repeat: no-repeat;
  padding: 0 0 0 30px;
}
#content .fastsocialshare-share-fbsh .fbl {
  font-size: 125%;
  font-weight: bold;
}
@media (orientation: portrait) and (max-width: 479px) {
  html {
    font-size: 80%;
  }
  #content .span6 {
    width: 100%;
    float: none;
  }
  #content .column-1 {
    margin: 0;
  }
  #content .column-2 {
    margin: 0;
  }
  #footer-top .ft-l {
    float: none;
  }
  #footer-top .ft-r {
    text-align: left;
  }
}
@media (orientation: portrait) and (min-width: 480px) and (max-width: 599px) {
  html {
    font-size: 80%;
  }
  h2 {
    font-size: 140%;
  }
  #footer-top .ft-l {
    float: none;
  }
  #footer-top .ft-r {
    text-align: left;
  }
}
@media (orientation: portrait) and (min-width: 600px) and (max-width: 767px) {
  h2 {
    font-size: 140%;
  }
}
@media (orientation: landscape) and (max-width: 479px) {
  html {
    font-size: 80%;
  }
  #content .span6 {
    width: 100%;
    float: none;
  }
  #content .column-1 {
    margin: 0;
  }
  #content .column-2 {
    margin: 0;
  }
  #footer-top .ft-l {
    float: none;
  }
  #footer-top .ft-r {
    text-align: left;
  }
}
@media (orientation: landscape) and (min-width: 480px) and (max-width: 599px) {
  html {
    font-size: 80%;
  }
  h2 {
    font-size: 140%;
  }
  #footer-top .ft-l {
    float: none;
  }
  #footer-top .ft-r {
    text-align: left;
  }
}
@media (orientation: landscape) and (min-width: 600px) and (max-width: 767px) {
  h2 {
    font-size: 140%;
  }
}
