#main-content {
  position: relative;
}

#page-main {
   overflow: hidden;
   padding: 0;
   margin: 0 auto;
}

#sidebar-primary,
#sidebar-secondary {
  float: none;
  width: auto;
  padding: 0px;
  box-sizing:border-box;
}

#main-column {
  margin-top:0;
}

th {
  text-align: left;
}

table.layout-block {
  margin: 5px auto;
  display: table;
  border-collapse: collapse;
  width: 100%;
}

table > tbody > tr > th,
table > tbody > tr > td {
	padding: 5px 8px;
}

div[data-hpbmap] {
  word-wrap: normal;
  max-width: 100%;
}

div[data-hpbmap] img {
  max-width: none !important;
}

.entry-content .alignleft,
.comment-content .alignleft {
  float: left;
}

.entry-content .alignright,
.comment-content .alignright {
  float: right;
}

.entry-content .aligncenter,
.comment-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.entry-content::after,
.comment-content::after {
  display: table;
  clear: both;
  content: "";
}

@media screen and (max-width: 568px) {
* {
    box-sizing: border-box;
  }

#main-column,
#main-layout,
#navigation-area,
#main-content {
    float: none;
    width: 100%;
  }

#page-main,
#main-content {
    width: 100%;
    padding: 0;
  }

#main-layout {
    padding: 10px;
  }

#sidebar-primary,
#sidebar-secondary {
    float: none;
    width: auto;
    padding: 10px;
    box-sizing:border-box;
  }

embed {
    max-width: 100%;
  }
}

#main-content {
  box-sizing : border-box;
}

#content-head {
  width : 100%;
  box-sizing : border-box;
}

#page-main {
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  overflow : hidden;
  box-sizing : border-box;
}

#page-main::after {
  clear : both;
  display : table;
  content : "";
}

@media not screen, screen and (min-width: 569px) {
#page-main {
    padding-top : 20px;
    padding-left : 20px;
    padding-right : 20px;
    padding-bottom : 20px;
    width : 1000px;
  }
}

@media not screen, screen and (min-width: 569px) {
#main-content {
    width : 763px;
    float : right;
  }

#navigation-area {
    width : 100%;
  }

#main-layout {
    width : 100%;
  }

#sidebar-primary {
    width : 177px;
    float : left;
  }
}

.page-ukulele#main-content #content-body .large {
  font-size : 1.5rem;
}

.page-ukulele#main-content #content-body .medium {
  font-size : 1.4rem;
}

.page-ukulele#main-content #content-body .small {
  font-size : 1.2rem;
}

.page-ukulele#main-content #content-body .x-large {
  font-size : 1.8rem;
}

.page-ukulele#main-content #content-body .x-small {
  font-size : 1.1rem;
}

.page-ukulele#main-content #content-body .xx-large {
  font-size : 2rem;
}

.page-ukulele#main-content #content-body .xx-small {
  font-size : 1rem;
}

.page-ukulele#main-content #content-body em {
  font-style : oblique;
  color : #262626;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #262626;
}

.page-ukulele#main-content #content-body hr {
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 25px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 25px;
  border-top-width : 1px;
  border-left-width : 0px;
  border-right-width : 0px;
  border-bottom-width : 0px;
  border-top-style : solid;
  border-left-style : none;
  border-right-style : none;
  border-bottom-style : none;
  border-top-color : #a0a0a0;
  border-left-color : initial;
  border-right-color : initial;
  border-bottom-color : initial;
  height : 0px;
}

.page-ukulele#main-content #content-body strong {
  font-weight : bold;
  color : #262626;
}

.page-ukulele#main-content #content-body > h1 {
  font-size : 21px;
  font-weight : bold;
  text-align : left;
  padding-top : 0px;
  padding-left : 10px;
  padding-right : 0px;
  padding-bottom : 5px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #d5d0be;
  clear : both;
  position : relative;
}

.page-ukulele#main-content #content-body > h2 {
  font-size : 18px;
  font-weight : bold;
  text-align : left;
  padding-top : 0px;
  padding-left : 10px;
  padding-right : 0px;
  padding-bottom : 5px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #d5d0be;
  clear : both;
  position : relative;
}

.page-ukulele#main-content #content-body > h3 {
  font-size : 1.6rem;
  font-weight : bold;
  text-align : left;
  padding-top : 0px;
  padding-left : 10px;
  padding-right : 0px;
  padding-bottom : 5px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #d5d0be;
  clear : both;
  position : relative;
}

.page-ukulele#main-content #content-body > h4 {
  font-size : 14px;
  font-weight : normal;
  line-height : 1.2;
  color : #262626;
  text-align : left;
  padding-top : 5px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 1em;
  min-height : 25px;
  clear : both;
}

.page-ukulele#main-content #content-body > h5 {
  font-size : 13px;
  line-height : 1.2;
  text-align : left;
  padding-top : 5px;
  padding-bottom : 5px;
  margin-top : 0px;
  margin-bottom : 1em;
  clear : both;
}

.page-ukulele#main-content #content-body > h6 {
  font-size : 11px;
}

.page-ukulele#main-content #content-body > p {
  font-size : 1.4rem;
  line-height : 1.4;
  color : #666666;
  text-align : left;
  padding-left : 0.1em;
  padding-right : 0.1em;
  margin-top : 0.5em;
  margin-bottom : 1.5em;
}

.page-ukulele#main-content #content-body > p.indent {
  padding-left : 1em;
}

@media screen and (max-width: 568px) {
#main-content.page-ukulele #content-body {
  }
}

#sp-page-title-12 {
  font-weight : bold;
  color : #95423c;
  background-color : transparent;
  background-image : url(../../../public_html/assets/images/referenced/img/icon_viewtype-date-h3.png);
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-position : left 85%;
  background-clip : border-box;
  background-origin : padding-box;
  background-size : auto auto;
  padding-top : 20px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 12px;
}

#sp-page-title-12 > h1 {
  font-size : 20px;
  margin-bottom : 0px;
}

#sp-table-8 {
  border-top-width : 1px;
  border-left-width : 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-top-color : #e6e6e6;
  border-left-color : #e6e6e6;
  width : 100%;
  border-collapse : collapse;
}

#sp-table-8 td {
  font-weight : normal;
  color : #666666;
  background-color : #ffffff;
  text-align : left;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : #eedfc7;
  border-bottom-color : #eedfc7;
}

#sp-table-8 th {
  font-weight : bold;
  color : #ffffff;
  background-color : #c4b497;
  text-align : left;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-right-style : solid;
  border-bottom-style : solid;
  border-right-color : #c4b497;
  border-bottom-color : #c4b497;
}

#sp-list-3 {
  padding-left : 0px;
  margin-left : 0px;
  list-style-type : none;
}

#sp-list-3 > li {
  background-image : url(../../../public_html/assets/images/referenced/img/icon_list01.png);
  background-repeat : no-repeat;
  background-position : left 0.5em,left bottom;
  padding-top : 3px;
  padding-left : 26px;
  padding-bottom : 7px;
  margin-bottom : 5px;
}

@media not screen, screen and (min-width: 569px) {
#sp-image-21 {
    text-decoration : none;
    border-top-left-radius : 6px 6px;
    border-top-right-radius : 6px 6px;
    border-bottom-right-radius : 6px 6px;
    border-bottom-left-radius : 6px 6px;
    box-shadow : 0px 3px 4px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (max-width: 568px) {
#sp-image-21 {
    max-width : 100%;
  }
}

@media not screen, screen and (min-width: 569px) {
#sp-image-22 {
    text-decoration : none;
    border-top-width : 8px;
    border-left-width : 8px;
    border-right-width : 8px;
    border-bottom-width : 8px;
    border-top-style : solid;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-top-color : #ffffff;
    border-left-color : #ffffff;
    border-right-color : #ffffff;
    border-bottom-color : #ffffff;
    box-shadow : 0px 3px 4px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (max-width: 568px) {
#sp-image-22 {
    max-width : 100%;
  }
}

@media screen and (max-width: 568px) {
}

#sp-list-3 {
  list-style-type : none;
}

#sp-list-3 > li {
  background-image : none;
}

@media not screen, screen and (min-width: 569px) {
#sp-html-src-1 {
    float : right;
  }

#sp-html-src-8 {
    margin-left : 120px;
  }

#sp-image-21 {
    margin-left : 31px;
    width : 912px;
    min-height : 295px;
  }

#sp-image-22 {
    margin-right : 195px;
    width : 163px;
    min-height : 281px;
    float : right;
  }

#sp-table-8 {
    width : 702px;
    min-height : 770px;
  }
}

.page-ukulele .ukulele-intro { font-size: 1.8rem; color: #95423c; }

.page-ukulele .ukulele-instructor { margin: 24px auto; max-width: 360px; }

.page-ukulele .ukulele-instructor img { display: block; width: 100%; height: auto; }

.page-ukulele .ukulele-instructor figcaption { margin-top: 10px; text-align: center; }

.page-ukulele .ukulele-contact { display: inline-block; padding: 12px 20px; background: #95423c; color: #fff; border-radius: 4px; }

.page-ukulele .ukulele-contact:hover { background: #76352f; }