html, body {height: 100%; margin: 0; font-size: 15px; color: #444; font-family: "Myriad Pro Regular", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}

p {line-height: 1.5em;}

.clear {clear:both}
a img {border: 0;}

a {color: #111; text-decoration: none;}
a:hover {color: #0085B2;}

div[id$="-inline"], div[class$="-inline"] {width: 100%; max-width: 1000px; margin: 0 auto;}

div[class^="block-"] {margin-right: 2%; margin-bottom: 2%; float: left;}
div[class^="block-"].right {margin-right: 0;}
.block-3 {width: 100%; margin-right: 0;}
.block-2 {width: 66%;}
.block-1 {width: 32%;}

input[type='text'], input[type='password'], select, textarea {width: 100%; color: #999; border: 1px solid #CCC; font-size: 14px; font-family: "Myriad Pro Regular"; padding: 10px 15px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}

.form-control-group {margin-bottom: 10px;}
.form-label {float: left; width: 28%; margin-right: 2%;}
.form-input {float: left; width: 70%;}
.help-block {color: #cf3f30; font-size: 12px; margin-bottom: 10px; margin-top: 5px;}

#wrap {min-height: 100%; background-color: #eaedf2;}

#main {overflow:auto; padding-bottom: 320px; padding-top: 124px;}

#content {background: #FFF; max-width: 1000px; width: 100%; margin: 0 auto; margin-top: 40px; margin-bottom: 40px;}

.nivo-caption {padding: 20px; line-height: 1.5em; font-family: "Myriad Pro Semibold"; font-size: 20px;}

#inline-container {padding: 40px 30px;}

#contact-container-left {float: left; margin-right: 5%; width: 45%;}
#contact-container-right {float: left; margin-left: 5%; width: 45%;}
.contact-title1 {color: #0085b2; font-family: "Myriad Pro Bold"; font-size: 18px; margin-bottom: 5px;}
.contact-title2 {color: #0085b2; font-size: 24px; margin-bottom: 20px;}
.contact-detail {padding-left: 25px; line-height: 1.5em; margin-bottom: 10px;}
#contact-address {background: url('../img/icon-contact1.png') no-repeat 0 0;}
#contact-email {background: url('../img/icon-contact2.png') no-repeat 0 0;}
#contact-phone {background: url('../img/icon-contact3.png') no-repeat 0 0;}
#contact-fax {background: url('../img/icon-contact4.png') no-repeat 0 0;}
#table-contact {width: 100%;}
/*#table-contact input[type="text"], textarea {width: 100%; color: #999; border: 1px solid #CCC; font-size: 14px; font-family: "Myriad Pro Regular"; padding: 10px 15px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}*/
#btn-submit {font-family: "Myriad Pro Semibold"; font-size: 16px; text-transform: uppercase; color: #FFF; background-color: #d63d35; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0px; padding: 10px 20%; cursor: pointer;}
#map-container {margin-top: 40px;}
.alert-error {font-size: 14px; color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; padding: 8px 35px 8px 14px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.alert-success {font-size: 14px; color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; padding: 8px 35px 8px 14px; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#logo-slider {width: 100%; max-width: 900px; margin: 0 auto;}
#logo-slider .slides > li {margin-right: 5px;}
#footer {position: relative; margin-top: -320px; height: 320px; clear:both; background-color: #FFF; text-align: center;}
#footer-info {margin-bottom: 40px; line-height: 1.5em;}
#inner-footer {padding: 25px 0px;}
.flex-direction-nav .flex-next {right: -50px !important; background: url('../img/carousel-arrow-right.png') no-repeat right center;}
.flex-direction-nav .flex-prev {left: -50px !important; background: url('../img/carousel-arrow-left.png') no-repeat left center;}
.flex-direction-nav a:before {display: none;}

.page-title {font-size: 24px; color: #0085b2; margin-bottom: 15px; line-height: 1.5em;}
.page-content {line-height: 1.5em; margin-bottom: 15px;}
.page-content a{color: #111; text-decoration: none;}
.page-content a:hover{color: #0085b2;}
.page-content img {max-width: 100%; height: auto;}
.page-menu-title, .page-menu-title-mobile {font-family: "Myriad Pro Semibold"; color: #111; margin: 40px 0px 15px 15%; text-transform: uppercase;}
.page-menu-title-mobile {margin: 0px 0px 15px 0px;}
.page-menu-title-mobile {cursor: pointer; background: url('../img/icon-mobile-menu-left.png') no-repeat top right;}
.column-left {float: left; width: 25%; position: relative;}
.menu-left-container-mobile {display: none;}
.page-nav-container-mobile {display: none; border: 1px solid #000; position: absolute; top: 200px; z-index: 10000; background: #FFF;}
.page-news .page-nav-container-mobile {left: 85px;}
.page-pages .page-nav-container-mobile {left: 120px;}
.page-library .page-nav-container-mobile {left: 95px;}
.page-nav-item-mobile {border-bottom: 1px solid #000; background: #FFF; padding: 5px 10px; width: 135px;}
.page-nav-sub-item-mobile {padding-left: 20px; padding-right: 0;}
.page-nav-sub-item-mobile2 {padding-left: 30px; padding-right: 0;}
.page-nav-item-mobile a {text-decoration: none; color: #111; display: block;}
.page-nav-item {margin-bottom: 5px; padding-left: 15%;}
.page-nav-item.active {background: url('../img/active-page-corner.png') no-repeat center right #d63d35; color: #FFF; background-size: contain;}
.page-nav-item a{display: block; text-decoration: none; color: #111; padding: 6px 0px;}
.page-nav-item a:hover {color: #0085b2;}
.page-nav-item.active a {color: #FFF;}
.page-nav-sub-item {padding-left: 20%;}
.page-nav-sub-item2 {padding-left: 25%;}
.page-nav-subitem-container {display: none; padding-left: 16%; margin-bottom: 20px;}
.page-nav-subitem {margin-bottom: 5px; padding-left: 12px; background: url('../img/icon-submenu.png') no-repeat left center;}
.page-nav-subitem a {display: block; text-decoration: none; color: #111; padding: 6px 0px; color: #7f7f7f;}
.page-nav-subitem-doc {margin-bottom: 5px; padding-left: 24px; background: url('../img/icon-fileword.png') no-repeat left center;}
.column-right {overflow: hidden;}

.page-faq .page-nav-item img {height: 20px; vertical-align: center;}
.faq-form-container {margin-bottom: 40px;}
.faq-item {margin-bottom: 20px;}
.faq-title {font-weight: bold; margin-bottom: 5px;}

.pd-branch-item {float: left; width: 25%; cursor: pointer;}
.pd-branch-item-inner {padding: 2% 2% 2% 0;}

.news-item {margin-bottom: 20px; width: 33.33%;}
.news-item-inner {padding: 2%;}
.news-title a {font-family: "Myriad Pro Semibold"; font-size: 14px; text-decoration: none; color: #111;}
.news-date, .news-date-detail {font-size: 13px; color: #878787;}
.news-date-detail {margin-bottom: 20px;}
.news-image {position: relative;}
.news-image:before {content: ""; display: block; padding-top: 65%;}
.news-image-inner {position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;}
.news-banner {margin-bottom: 30px;}
.news-image img, .news-banner img {max-width: 100%; height: auto;}

#agenda-nav-container {width: 32%;} 
.agenda-item {margin-bottom: 20px; padding-left: 15%;}
.agenda-item a {text-decoration: none;}
.agenda-item-left {float: left; margin-right: 5%;}
.month-day-container {border: 1px solid #eee; width: 40px; text-align: center;}
.month-day-container .month {background-color: #db3b3a; color: #FFF; font-size: 12px; font-weight: bold; padding-top: 4px; text-transform: uppercase;}
.month-day-container .day {font-size: 18px; font-weight: bold; color: #444;}
.agenda-item-right {overflow: hidden;}
.agenda-info {font-size: 14px; color: #000; margin-bottom: 5px;}
.agenda-date-time {font-size: 13px; color: #878787;}
.activity-date {color: #878787; font-size: 13px; margin-bottom: 20px;}

.shop-left-container {float: left; margin-right: 5%;}
.shop-right-container {overflow: hidden;}
.item-price {color: #444; font-size: 25px; font-family: "Myriad Pro Semibold";}
.btn-buy-container {padding: 10px 0px;}
a.btn-buy {text-decoration: none; cursor: pointer; font-family: "Myriad Pro Regular"; font-size: 20px; background-color: #d63d35; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 15%; color: #FFF; border: 0px;}
.page-thankyou {text-align: center; padding: 40px;}
.page-thankyou h2 {color: #0085b2; font-size: 40px;}
.page-thankyou p {margin: 0;}

.tbl-my-profile, .tbl-works, .tbl-grades {margin-bottom: 20px;}
.tbl-my-profile {width: 100%;}
.tbl-works, .tbl-grades {width: 60%;}
/*.tbl-change-pass input[type='password'], .tbl-my-profile input[type='text'], .tbl-my-profile select, .tbl-works input[type='text'], .tbl-works select, .tbl-grades input[type='text'], .tbl-grades select {width: 100%; color: #999; border: 1px solid #CCC; font-size: 14px; font-family: "Myriad Pro Regular"; padding: 10px 15px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}*/
#btn-save, #btn-update, #btn-change-pass, #btn-send, #back-to-home {cursor: pointer; font-family: "Myriad Pro Regular"; font-size: 20px; background-color: #d63d35; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 10%; color: #FFF; border: 0px;}
.tbl-change-pass, .tbl-mutation-request {width: 100%;}

.tbl-forgotpass {width: 50%;}

.has-not-pay-dues {text-align: center;}

.btn-disabled {background-color: #777 !important;}

.search-item {margin-bottom: 20px;}
.search-title {font-size: 18px; margin-bottom: 5px;}
.search-short-desc {font-size: 13px; margin-bottom: 5px; line-height: 1.5em;}
.search-url a {color: #0085b2;}

.stra-extension-note {font-style: italic; font-size: 12px;}

.help-block {font-style: italic; font-size: 11px;}

.recom-item {float: left; width: 31%; background-color: #d63d35; color: #FFF; margin-right: 2%; height: 200px; line-height: 180px; box-sizing:border-box; padding: 3%;}
.recom-item span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.doc-list .page-title {font-size: 18px; margin-bottom: 5px;}
.doc-title {padding-left: 43px; min-height: 36px; margin-bottom: 10px;}
#doc-private-container .doc-title {background: url('../img/document-private.png') 0 0 no-repeat;}
#doc-certi-container .doc-title {background: url('../img/document-certi.png') 0 0 no-repeat;}
#doc-other-container .doc-title {background: url('../img/document-other.png') 0 0 no-repeat;}
.doc-title1 {font-weight: bold; font-size: 18px;}
.doc-title2 {font-size: 14px;}
.document-form, .document-container {margin-bottom: 40px;}
.doc-table {width: 100%; border-spacing: 0; border-collapse: collapse;}
.doc-table th, .doc-row-summary td {background: #eaedf2; padding: 10px; text-align: left;}
.doc-table td {border-bottom: 1px solid #CCC; padding: 10px;}

.section-title {font-size: 15px; color: #0085b2; margin-bottom: 15px; line-height: 1.5em; font-weight: bold;}

.recertification-requirement {margin-bottom: 20px;}
.recertification-requirement table {width: 100%; border-spacing: 0; border-collapse: collapse;}
.recertification-requirement td {width: 50%; border-bottom: 1px solid #999; padding-top: 10px; padding-bottom: 10px; padding-right: 25px;}
.recertification-requirement img {vertical-align: middle; width: 20px;}

#osceospe-registrant-grid table {width: 100%; border-spacing: 0; border-collapse: collapse;}
#osceospe-registrant-grid th {background: #eaedf2; padding: 10px; text-align: left;}
#osceospe-registrant-grid th:nth-child(1) {text-align: center;}
#osceospe-registrant-grid td {border-bottom: 1px solid #CCC; padding: 10px;}

.gallery-category-item {float: left; width: 30%; margin-right: 3%; margin-bottom: 20px;}
.gallery-category-item-image-template {position: relative; background: url('../img/gallery-template.jpg') no-repeat 0 0; background-size: 100% 100%; width: 100%; height: 182px; margin-bottom: 10px;}
.gallery-category-item-image {position: absolute; top: 15px; left: 15px; bottom: 30px; right: 25px;}
.gallery-category-item-title {text-align: center; font-weight: bold;}
.gallery-category-item-date {text-align: center;}
.clear-gallery-2 {display: none;}

.gallery-item {float: left; width: 30%; margin-right: 3%; margin-bottom: 20px;}
.gallery-item-image {width: 100%; height: 182px;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.social-media-container {text-align: center; margin-top: 20px;}
.social-media-container img {vertical-align: middle; width: 20px; margin-right: 5px;}
.social-media-item {margin-right: 10px; display: inline-block; margin-bottom: 10px;}

.mobile-social-media-item img {vertical-align: middle; width: 20px; margin-right: 5px;}

.book-wrapper {display: grid; grid-auto-rows: 1fr; grid-template-columns: 33.33% 33.33% 33.33%;}
.book-item {}
.book-item-inner {padding: 20px 10px;}
.book-item-cover {text-align: center; height: 200px; margin-bottom: 10px;}
.book-item-cover img {max-height: 100%}
.book-item-title {font-size: 16px; text-align: center;}
.book-detail-cover {width: 100%; max-width: 250px; margin-bottom: 20px;}
.book-detail-desc {margin-bottom: 40px;}
.book-detail-back-button {background-color: #d63d35; color: #FFF !important; padding: 10px 30px; text-align: center;}