@charset "utf-8";

/* RESET HTML
================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, #menu, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, #menu, section {
    display: block;
}


/* BASE HTML
================================================== */
body , body.home { 
    margin:0; 
    padding:0; 
    padding-top:0px; 
    background:url(../images/riceback1.jpg) repeat top left; 
}

h1, h1 a { font-size: 30px; text-decoration: none;  font-weight: 300; margin-bottom: 10px;  color:#4D0000; }
h2, h2 a { font-size: 27px; text-decoration: none;  font-weight: 300; margin-bottom: 10px;  margin-top: 10px; color:#4D0000; }
h3, h3 a { font-size: 24px; text-decoration: none;  font-weight: 300; margin-bottom: 10px;  color:#4D0000; }
h4, h4 a { font-size: 21px; text-decoration: none;  font-weight: 300; margin-bottom: 10px;  color:#4D0000; }
h5, h5 a { font-size: 18px; text-decoration: none;  font-weight: 300; margin-bottom: 10px;  color:#4D0000; }

a { color:#0000CC; text-decoration:none;}
a:hover { text-decoration: underline; }
:focus { outline:none;}
.clr { clear:both;}
.fl { float:left;}
.fr { float:right;}


strong, b { font-weight: 600 ;}

em, i {font-style: italic;}

q {
    font-style: italic;
    color: #434343;
}

/* HEADER STYLES
================================================== */

/* HEADER ELEMENTS */
#header .logo {margin:15px auto 15px auto;}
#header .logo img {width: auto; height: 164px; padding:0 20px 0 20px;}
#header .logo h2 {font-size: 30px; margin:0; padding:0;}
#header .logo a {display: block; color:#4D0000; font-size: 45px; line-height: 45px; font-weight: 300;margin:0; padding:0; padding:0; }
#header .logo a:hover {text-decoration:none;} 
#header #header-right-container { margin:55px 0 0 0; float:right; }

.searchdiv {
    margin:12px 0;
    width:240px;
    height:33px; 
    background-color:rgba(0, 118, 255, 0.11);
    border-radius: 3px;
}
.searchdiv input[type="text"] { width:189px; height:33px; margin:0; padding:0 10px; float:left; line-height:33px; background:none;border:none; font-size:12px; color:#97816a; font-style:italic; }
.searchdiv input[type="submit"] { float:left; width:28px; height:33px; background:url(../images/search.png) no-repeat center center; background-size:contain; border:none; cursor:pointer;}

#header .boxdiv { float:right; margin: 10px 0 0 0; }

/* MAIN NAVIGATION */
#nav-container { margin:0; display:block;}
#nav { display:block; }
nav .block .content { margin: 0; padding: 0; }
nav ul, nav li { margin: 0; padding: 0; list-style:none; list-style-image: none; }
nav h2 { display: none; }
nav ul li { float: left;  position: relative; }
nav>ul>li { border-right:1px solid #3e3e3e; }
nav>ul>li:last-child { background:none; border-right:0; }
nav ul li a { display:block; font-size:20px; font-weight: 300;color:#4D0000; padding: 6px 15px 10px;}
nav ul li a:hover { 
    background: #4D0000;
    color: #f0f0f0;
    text-decoration: none;
    transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
    -ms-transition: background 0.5s, color 0.5s;
}
nav ul ul { display: none; position: absolute; left: 0; min-width: 170px; z-index: 999; border-left:1px solid #3e3e3e; }
nav ul ul a { min-width: 170px; background: rgba(255,255,255,0.9); padding: 6px 15px 10px; }
nav ul ul li a {font-size:18px; }
nav ul ul ul { position: absolute; top: 0; left: 200px;}
nav ul ul ul, nav ul ul ul ul, nav ul li:hover ul ul { display: none; }
nav ul li:hover ul, nav ul ul li:hover ul { display: block; }


/* HOMEPAGE CONTENT
================================================== */

/* ROTATOR */
#rotator-container { margin: 0 auto 0 auto; height:260px; background:url(../images/gallery_bg.jpg) repeat-x center top;}
#rotator-wrap, #rotator { width:960px; height:260px; margin: 10px 0 0; }
.rotator-item { width:100%; height: 100%; overflow: hidden; background-color:inherit !important;}
.rotator-content  { z-index: 2;  right:4px; bottom:7px; position: absolute;  }
.rotator-content a { 
    margin:0;
    padding:4px 10px;
    border-radius:4px;
    background: rgba(77, 0, 0, 0.54);
    font-family: 'Varela Round ', sans-serif; 
    font-size:15px;
    color:#fff;
    font-weight: 300;
    text-decoration:none;
}
.rotator-content a:hover {
    background: #810000;
}


.rotator-image { position: absolute; z-index: 0; }
.rotator-image a img, .rotator-image img { width:100%; height:100%;}
#stories-pager { left:10px; top:3px; position: absolute; z-index: 10; opacity: 1;}
#stories-pager a {
    display: block;
    text-align:center; 
    background:url(../images/Rotator_Button_Off.png) no-repeat center  center; 
    background-size:12px 12px;
    font-size:10px;
    color:#5d2e2e; 
    font-weight:normal; 
    opacity: 0.5 ; 
    float: left; 
    padding:3px 6px 3px 3px;}

#stories-pager a.activeSlide { background:url(../images/Rotator_Button_On.png) no-repeat center  center; background-size:12px 12px; color:#4d0000;opacity: 1 ;}

/* HOMEPAGE BODY CONTENT */
#home-content {margin-top:5px;}
#home-content h3 { margin:0 0 15px 0; padding:0 0 5px 0; color:#4D0000; border-bottom:solid 1px #e8c8c6; }
#home-content h4 { margin-top:7px; margin-bottom: 5px;}

.home-row p {color:#222222; }
.home-row .buttondiv a { margin:10px 0 0 0; padding:5px 0 0 0; height:50px; background:url(../images/button_bg.png) no-repeat left top; text-align:center; font-size:30px; color:#f1f1f1; text-shadow:1px 2px 0 #422a11; display:block;}
.home-row .boxdiv img {float:left; margin:0 12px 0 0; border: solid 1px #824D4D;}
.home-row #video-urls iframe {width:348px; height:195px;}
.col ul { list-style: none; margin-left: 2px; }
.col h3 a {  text-decoration: none;  margin-bottom: 10px; font-style:normal; color:#4D0000; }
.col .right-link { float: right }
#video-urls iframe, #video-urls embed, #video-urls object { position: relative; width: auto;}
#event-urls li { padding:5px 0; }
#event-urls a {font-size:18px; color:#A30000; text-decoration:none;}
#photo-urls { list-style: none; margin: 0 -2px; } 
#photo-urls li { float: left; margin: 5px; }
#photo-urls li a img { border: 2px #824D4D solid; }

/* INTERIOR BODY CONTENT */
#body-content { padding-bottom: 1%; }
#body-content em {font-style:italic;}
#body-content-left { float: left; padding: 10px 7px 10px 0; margin: 7px auto 10px; }
#body-content-right { float: right; padding: 10px; margin: 7px auto 10px;}
#body-content ul, li {list-style-position: inside;}

/* INTERIOR SIDEBARS */
.sidebar {border-left: 1px solid #4d0000; padding: 18px 0 18px 10px; }
#sidebar-left { float: left;}
#sidebar-right { float: right; margin:0;}

/* PHOTOS */
.sidebar #photos ul { list-style: none; margin: 0 0 20px; height: 330px; } 
.sidebar #photos ul li { float: left; margin: 2%; }
.sidebar #photos ul li a img { border: 4px #fff solid; width: 100%; height: auto; }

#footer { padding:0 0 20px 0; border-top:solid 1px #e8c8c6;}
#footer .socialdiv { margin:20px 0 0 7px; padding:0; float:left;}
#footer .socialdiv img { width: 40px; height: auto;}
#footer .socialdiv a { margin:0 10px 0 0 ; padding:0; float:left;} 
#footer .socialdiv a:last-child { margin:0 ; padding:0; float:left;} 
#footer .rightside { margin:13px 0 0 20px; padding:0; float:left; width:690px;}
#footer .rightside ul { margin:5px 0 0 0; padding:0; float:lefte; width:690px; overflow:hidden;}
#footer .rightside ul li { display:block; margin:3px 0 0 0; padding:0 5px; list-style:none; float:left; background:url(../images/sep_1.jpg) no-repeat right 2px; font-size:12px; color:#5e3b17;}
#footer .rightside ul li:last-child { background:none; padding-right:0;}
#footer .rightside ul li a { margin:0; padding:0; float:left; display:block; font-size:12px; color:#5e3b17;}



/* ADDITIONS */
#facebook {width: 300px; float: left; display: inline; margin-left:0px; margin-right: 10px;}

.headimg {
    display:block;
    margin:20px auto;
    text-align:center;
}

.donations {width:100%;min-width:150px;text-align:center;}
.twodonate {
    width:50%;
    min-width:150px;
    display:block;
    float:left;
    margin-left:auto;
    margin-right:auto;
}

.fourdonate {
    width:25%;
    min-width:150px;
    display:block;
    float:left;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.twodonate img {margin: 0 60px;}
.donations a:hover {text-decoration: none; }
.donations form {display:inline-block;margin-left: auto;margin-right: auto;}
.donationstext p {text-align: left; padding:0px 50px;}
.donationstext a:hover {text-decoration:underline;}
.donate-button {
    display:inline-block;
    margin:5px 9px 10px 9px;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
    padding: 3px 13px 6px 12px;
    background-color: #d04545;
    border: 0px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 3px 3px 5px #888888;
    -moz-box-shadow: 3px 3px 5px #888888;
    -webkit-box-shadow: 3px 3px 5px #888888;
    cursor:pointer;
}

.donate-button:hover {background-color: #890b0b;text-decoration:none}
.donate-button:active {
    background-color: #d04545;
    margin:7px 7px 8px 11px;
    box-shadow: 0px 0px 0px #888888;
    -moz-box-shadow: 0px 0px 0px #888888;
    -webkit-box-shadow: 0px 0px 0px #888888;
}
.right {float:right;margin-left:10px;}

#gallery { 
    margin:7px inherit;
    border: solid 1px #824D4D;
    padding: 5px;
    text-align:center;
}

#teacher-gallery { 
    display:block;
    margin:10px auto;
    border: solid 1px #824D4D;
    padding: 5px;
}

#gallery img {border:0px solid #ffffff;}
#caption {margin:5px;width:90%;text-align:center;}
.page img {border: solid 3px #cd9c9c;}
blockquote {padding: 20px;font-style: italic;color: #434343;}
.page-header img {width:100%;height:auto;}
.half-tnr-pari {width:47%;min-width:150px;display:block;float:left; margin:10px;}
#linktton {
    display:inline-block;
    text-decoration: none;
    font-size: 18px;
    color: #303030;
    padding: 3px 13px 6px 12px;
    background-color: #a0d3ff;
    border: 0 0 10px 0 solid rgba(255,255,255,0);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor:pointer;  
}

#linktton:hover {
    background-color: #105b9c;
    color: #d2d2d2
    }

#headback {
    width:100%;
    background:url(/files/145/);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.collapse {width:470px;height:auto !important;margin: 10px auto;}
.collapse p {text-align: left;}
.collapse a {text-align:center;}
.list {display:none; }
.show {display: none; }
.hide {display:block}
.hide:target + .show {display: block;}
.hide:target {display: none; }
.hide:target ~ .list {display:inline; }
@media print { .hide, .show { display: none; } }

.list {width:940px;}
.thumb {font-size: 20px;text-decoration: none;color:#4D0000;}
.thumb:hover, .thumb:active {text-decoration: underline;}
.thumb img {
    display:block;
    margin:0 auto 10px;
    width:300px;
    padding:0;
    border:1px solid #4d0000;
}
.memside {border:2px solid #D9B2B2; padding:7px;background-color: #F2E6E6;}
div.location-wrap .image a {margin:10px 15px 10px 0;}
div.dropdown-menu li.heading {font-weight: normal;}
.homethird {display:inline-block;float:left;width:300px;margin:7px;}
.homethird img{border: 1px #824D4D solid !important;width:130px;}

/* BOXES */

#box-2 {border-top:1px solid #e8c8c6;border-bottom:1px solid #e8c8c6;}
#box-2 select {display:block;font-size:20px;margin:10px auto;width:40%;}
#box-2 p {text-align: center;}
#box-6 {margin:10px 0;text-align:center;}
#box-5 h4 {margin-bottom:0;}

#header-login {position:absolute;right:0px;bottom:10px;z-index:10;}
#header-login a {
    padding:2px 10px 4px 10px;
    font-size: 14px;
    font-style:italic;
    color:rgba(77, 0, 0, 0.75);
}

#header-login a:hover {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background:rgba(15, 80, 0, 0.44);
    color:#FFFFFF;
    text-decoration:none;
}

#header-login a:active {background:rgba(15, 80, 0, 0.75);}

.berobox {
    display: flex;display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
    align-items: center; -webkit-align-items: center;
    justify-content: space-between; -webkit-justify-content: space-between;
    float:left;
    width:440px;
    height:440px;
    margin: 0 15px 15px 15px; 
    border-bottom: 1px solid #865b5b;
    padding-bottom:15px;
    text-align: center;}

.berobox img {padding:7px; border:1px solid #4d0000;height:200px;}
.berobox h5 {font-weight: 400;margin:0;}
.berotext {
    display: flex;display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
    align-items: center; -webkit-align-items: center;
    justify-content: space-between; -webkit-justify-content: space-between;
    height:150px;}

#sellfy {
    display:block;
    float:left;
    width:190px;
    text-align: center; 
    margin:inherit 5px;
}

.center {text-align:center;}


.side-bar .types .type a {
    color: #000000 !important;
}

.event-item a {
    color: #000000 !important;
}

/*FLEXBOX CLASSES */

.flex {
    display: flex;display: -webkit-flex;
    flex-flow: row wrap; -webkit-flex-flow: row wrap;
    justify-content: space-between; -webkit-justify-content: space-between;
    align-items: flex-start; -webkit-align-items: flex-start;
}
.flex .row {flex-direction: row; -webkit-flex-direction: row;}
.flex .colum {flex-direction: column; -webkit-flex-direction: column;}
.flex .wrap {flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.flex .nowrap {flex-wrap: nowrap; -webkit-flex-wrap: nowrap;}
.flex .around {justify-content: space-around; -webkit-justify-content: space-around;}
.flex .between {justify-content: space-between; -webkit-justify-content: space-between;}
.flex .down {justify-content: center; -webkit-justify-content: center;}
.flex .top {align-items: flex-start; -webkit-align-items: flex-start;}
.flex .bottom {align-items: flex-end; -webkit-align-items: flex-end;}
.flex .center {align-items: center; -webkit-align-items: center;}
.flex .full {width:100%;}
.flex .half {width:50%;}

/* -------------- */

.flex1 {
    width:100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex5 {
    width:429px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex2 {
    width:100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.flex3 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: stretch;
    justify-content: stretch;
}

.flex4 {
    width:100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.alpha {margin-right: 10px;}
.omega {margin-left: 10px}

#button1 {
    margin-bottom: 7px;
    padding: 3px 13px 6px 12px;
    border: 1px solid #4d0000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor:pointer;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    color: #4d0000;
}
#button1:hover {background-color: #4d0000;color:#e8e8e8;}
#button1:active {background-color: #d04545;color: #fff;}


#button2 {
    margin-bottom: 7px;
    padding: 5px 20px 8px 19px;
    border: 1px solid rgba(255, 216, 0, 0);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #ffe765;
    cursor:pointer;
    text-decoration: none;
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.81);
}

#button3 {
    margin-bottom: 7px;
    padding: 3px 17px 6px 17px;
    border: 1px solid rgba(255, 216, 0, 0);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #ffe765;
    cursor:pointer;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.81);
}

#button2:hover , #button3:hover {
    background-color: #FFFFFF;
    border: 1px solid #ffd800;
    transition: background 0.3s, border 0.3s;
    -webkit-transition: background 0.3s, border 0.3s;
    -ms-transition: background 0.3s, border 0.3s;
}

#button2:active , #button3:active {
    border: 1px solid rgba(255, 216, 0, 0);
    background-color: #ffd93a;
    transition: background 0.1s, border 0.1s;
    -webkit-transition: background 0.1s, border 0.1s;
    -ms-transition: background 0.1s, border 0.1s;
}

.page input[type="text"] {
    padding:5px;
    border:1px solid #747474;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    font-size: 16px;
    font-style: italic;
    color:#6a6a6a;
}

.placeholder {
    color:#c1c1c1;
}

.story-wrap img {width:100%; height:auto;}
.video-wrap {margin-bottom: 7px; margin-right: 7px;}

.form-builder-wrap h3 a {
    font-size:14px;
    color:#000;
    font-weight: 400;
}

.t {width:100% !important;}

.collapse#hide2:active #teach2 , .collapse#hide3:active #teach3 , .collapse#hide4:active #teach4 {order:-1; -webkit-order:-1;}
.addons-wrap h2 {font-size: 18px;}
.dashboard-stats {text-align: center ;}
#addon-options {padding-left:40px;}
.odd-registrant,.even-registrant, .calendar-wrap, .month-wrap , .event-info, .boxy-grey, .permissions, .admin-only , .event-wrap .info , .addon-wrap {background-color:transparent !important;}

.t .profiles-wrap .wrap-search-item {background-color:white !important;}
.t .event-wrap {background-color:transparent !important;}
.search-view .event-wrap {background-color:white !important;}
.pricing-item {background-color:white;}
.month-view div.today {
background-color: #FFFF9B !important;
}

input.registration-green-button {
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: 7px;
    width:inherit !important;
}

.hidden {
    display:none;
}

.event-wrap .vitals {
    margin:40px 0 0 0 !important;
    width:33.5% !important;
}

div.pricing-list-wrap {
    padding:0 !important;
    background:none !important;
    margin-top:0 !important;
}

.event-wrap .vitals h4.vital-header {
    padding-bottom:0 !important;
}

.side-addons {
    margin-left:6px;
 }

.side-addons p {padding:3px 0px;}

.smlbtn {
    display:inline-block;
    margin:5px 9px 10px 9px;
    text-decoration: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    padding: 3px 10px 4px 10px;
    background-color: #d04545;
    border: 0px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 2px 2px 4px #888888;
    -moz-box-shadow: 2px 2px 4px #888888;
    -webkit-box-shadow: 2px 2px 4px #888888;
    cursor:pointer;
}

.smlbtn:hover {background-color: #890b0b;text-decoration:none}
.smlbtn:active {
    background-color: #d04545;
    margin:6px 8px 9px 10px;
    box-shadow: 0px 0px 0px #888888;
    -moz-box-shadow: 0px 0px 0px #888888;
    -webkit-box-shadow: 0px 0px 0px #888888;
}

#registration-form div.forms input[type="submit"] {
    margin-top:0;
    padding:3px 13px 6px 12px;
}

.event-wrap .vitals .map {
    background:none !important;
}
#t-view {
    padding:15px;
}

.mem-conf-message {
    padding: 10px 10px 11px 11px;
    line-height: 30px;
    background: #fff259;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#user-bar {
    background-color: rgb(214, 179, 179) !important;
}

#user-bar a {
    padding:7px !important;
    color: #000 !important;
    background: none !important;
    border-right: 1px solid #000;
}
#user-bar a:hover { background: rgb(208, 145, 145) !important;}

.gobtn {
    float:right;
    width:28px;
    height:25px;
    background:url(../images/search.png) no-repeat center center;
    background-size:contain;
    border:none;
    cursor:pointer;  
}

.event-mess-nonmem p {
   margin:7px;
   margin-bottom:10px;
   padding:10px 10px 12px 12px;
   border:1px solid #4d0000;
   background-color:rgba(255,255,255,0.3);
   text-align:justify;
}
.t .event-wrap .vitals .time-period .line {
    color: black;
    line-height: 20px;
    margin: 0;
    text-align: left;
}