/* #Site Styles
末末末末末末末末末末末末末末末末末末末末末末末末末 */




body {
    background-color: #ffffff;
    counter-reset:num;
}



.container img
{
	max-width:100%;
	height:auto;
}



ol
{
    font-size: 18px;
    /*font-size: 2.0rem;*/
    margin-left:20px;
}

ul
{
    /*list-style-image:url(/images/bruyere/bullets.png);*/
	list-style-image: none;
	list-style-type: none;
    font-size: 18px;
    /*font-size: 2.0rem;*/
    margin-left:20px;
    margin-bottom: 0px;
}

li
{
    background: none;
    padding-left: 19px;
    font-size: 18px;
    /*font-size: 2.0rem;*/
    list-style-position: outside;
    margin-bottom: 10px;
    position:relative;
}



ol > li
{
    background: none;
    padding-left: 0px;
    list-style:none;
}
ol li::before {
    content: counter(num) '. ';
    counter-increment: num;
    color: #F79421;
    background-color: none;
    border-radius: 50%;
    display: inline-block;
    width: 17px;
    line-height: 19px;
    text-align: center;
    margin-right: 10px;
    font-size: 15px;
    font-weight: bold;
}
.container li
{
}

.ul-question-marks
{
    display: block;
    margin-left: 0px;
}
    .ul-question-marks li {
        display: block;
        width: auto;
        padding-left: 29px;
        padding-right: 0px;
        color: #555555;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: normal;
        font-style: normal;
        line-height: normal;
        background: url(/images/HLnew/question-mark-green.png) no-repeat left top;
        text-align: left;
    }
.ul-question-marks li:last-child
{
    padding-right: 0px;
}

table
{
    margin: 0px;
    /*padding: 0px;*/
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    color: #F79421;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    margin: 0px;
    border: 1px solid #F79421;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.button-rounded-green
{
    color:#FFF;
    background-color:#02808b;
    border-color:#02808b;
    padding: 0 20px;
    max-width: 280px;
    line-height:52px;

    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    
    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
.button-rounded-green:hover
,.button-rounded-green:focus
{
    color:#FFF;
    font-weight: bold;
	background: #02808b; /* Old browsers */
	background: #02808b -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: #02808b -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #02808b -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: #02808b -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: #02808b -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: #02808b linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	-pie-background: #02808b linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
}
.button-transparent
{
    color: #FFFFFF;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    text-transform: uppercase;
    font-size: 13px;
    font-style: normal;
    line-height: 33px;
    padding: 0 32px;
}
.button-transparent:hover
,.button-transparent:focus
{
    color:#FFF;
    font-weight: bold;
    border: 1px solid #FFFFFF;
	background: transparent; /* Old browsers */
	background: transparent -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: transparent -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: transparent -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: transparent -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: transparent linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	-pie-background: transparent linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
}
.button-lightgray
{
    display: inline-block;
    color: #555555;
    background-color: #f8f8f8;
    border: 1px solid #ededed;
    padding-left: 63px;
    padding-right: 16px;
    margin: 5px 3px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    font-style:normal;
    text-transform: none;
    line-height: 59px;
}
.button-lightgray.brochure
{
    background: #f8f8f8 url(/images/HLnew/download-icon.png) no-repeat 19px center;
}
.button-lightgray.workshops
{
    background: #f8f8f8 url(/images/HLnew/pc-icon.png) no-repeat 19px center;
}



label {
    display: inline;
    font-weight: 400;
    margin: 0px;
}


/* header */
header h2
{
    display: inline-block;
    color: #265892;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 21px;
    margin: 0px;
    vertical-align: top;
}

header p
{
    margin-bottom: 0px;
    line-height: normal;
}

header p, header a, header span
{
    font-size: 12px;
    font-size: 1.2rem;
}


header input
{
    
    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}

div.logo
{
    position: absolute;
    top: 0px;
    left: 10px;
    /*width: 225px;*/
    /*width: 50%;
    height: 149px;*/
    z-index: 9999;
}
div.logo.inside
{
    /*padding-top: 20px;*/
}
div.logo a
{
    display: inline-block;
}
header.main div.header-row
{
    position: relative;
    text-align: right;
}
header.main div.header-col
{
    display:inline-block;
    vertical-align:middle;
}

div.searchPanel
{
    position:relative;
}
#search
{
    position:relative;
    text-align:center;
}
.jSearch
{
    display: inline-block;
}
.jSearchBox
{
    display: none;
    position: absolute;
    top: 30px;
    right: 0px;
    z-index: 200;
}

div.header-main
{
    display:none;
}

.goog-te-gadget
{
    height: 31px;
}
.goog-te-gadget .goog-te-combo
{
    margin: 0px !important;
    padding: 0px;
    min-width: 168px;
    height: 31px;
}
.goog-logo-link {
   display:none !important;
} 
.goog-te-gadget{
   color: transparent !important;
}

/* navigation */
div#mainmenu
{
    padding: 0px;
}


nav.main
{
    display:none;
}
nav.main .columns
{
    position: relative;
    z-index: 101;
}
div.mainmenu
{
    position: relative;      /*230px;*/        /*330px;*/
    z-index: 100;
}


/* banner */


div.insideBanner
{
    background-color: #FFFFFF;
    padding-top: 45px;
}
div.insideBanner img
{
    display: block;
}


/* breadcrumbs */
div#breadcrumbs
{
    /*background-color: #f0f0f0;
    padding-top: 30px;
    padding-bottom: 30px;*/
}
div.breadcrumbs-container
{
    position: relative;
    background-color: #FFFFFF;
    padding-top: 30px;
    /*padding-bottom: 30px;*/
    
    -webkit-box-shadow: 0px 0px 59px 17px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 59px 17px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 59px 17px rgba(0,0,0,0.1);
    border-collapse: separate;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
div#breadcrumbs h2
{
    margin: 0px;
}
div#breadcrumbs .page-title
{
    text-align: left;
}
/*div#breadcrumbs*/ 
/*.breadcrumbs-col
{
    text-align: left;
    border-bottom: 3px solid #d6d6d6;
    padding-bottom: 10px;
}*/
/*div#breadcrumbs .breadcrumbs-col table
{
    width: auto;
    float: left;
}*/

/* content */
div.content {
    background-color: transparent!important;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    /*-webkit-box-shadow: -25px 0px 59px 0px rgba(0,0,0,0.1), 25px 0px 59px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -25px 0px 59px 0px rgba(0,0,0,0.1), 25px 0px 59px 0px rgba(0,0,0,0.1);
    box-shadow: -25px 0px 59px 0px rgba(0,0,0,0.1), 25px 0px 59px 0px rgba(0,0,0,0.1);*/
}
div.content.inside
,div.content.insideControl
{
    /*padding: 0px;*/
    /*padding-top: 45px;*/
    padding-bottom: 25px;
}
div.content .column, div.content .columns
{
    /*padding: 20px 10px 20px 10px;*/
}

div.content .leftmenu
{
    display: none;
    background-color: transparent;
    /*padding-left: 10px;
    padding-right: 10px;*/
}
div.content #MobileMenuSecundary
{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
div.content .insideContent, div.content .insideContentNoLeftMenu
{
    margin: 0px;
    width: 100%;
    /*padding-top: 40px;
    padding-bottom: 40px;*/
}
div.content div.Responsive-Video-Wrapper
{
    text-align:center;
}

div.promo
{
    background-color: #FFFFFF;
}
div.promo .row
{
    position: relative;
    top: 0px;
}
.promo-col
{
    height: auto;
}
.promo-button-workshops, .promo-button-training
{
    padding-top: 45px;
    padding-bottom: 28px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0px auto;
    margin-top: 20px;
    max-width: 265px;
    text-align: center;
    color: #FFFFFF;
	font-family: "Avenir Next", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    font-style: italic;
    line-height: normal;
}
.promo-button-workshops p, .promo-button-training p
{
    color: #FFFFFF;
	font-family: "Avenir Next", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    font-style: italic;
    line-height: normal;
}
.promo-button-workshops
{
    background-color: #643b80;
}
.promo-button-training
{
    background-color: #02808b;
}

div.register
{
    /*background: url(/images/HLnew/home-register-banner.jpg) no-repeat center center / 100% 100%;*/
    /*background: url(/images/HLnew/home-register-banner.jpg) no-repeat right center;*/
    /*background: url(/images/HLnew/home-register-banner.jpg) no-repeat center right / cover;
    background: url(/images/HLnew/middlebanner.jpg) no-repeat center right / cover;*/
    background: #efefef;
    min-height: 411px;
    /*padding-top: 85px;
    padding-bottom: 60px;*/
}
/*div.register .five.columns
{
    width: 100%;
}*/
div.register-col-text
,div.register-col-img
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 100%;
}
div.register-col-text
{
    padding-top: 56px;
    padding-bottom: 56px;
}
div.register-col-img img
{
    display: block;
    margin: 0 auto;
}
div.register p, div.register a
{
	color: #555555;
    font-family: "Avenir Next", sans-serif;
    font-size:20px;
    font-size: 2.0rem;
    font-weight: normal;
    font-style:normal;
    line-height: normal;
}
div.register a
{
    color: #643b80;
    font-family: "Avenir Next", sans-serif;
    text-decoration: underline;
}

a.return-to-services
{
    background: url(/images/buttons/back-arrow-white.png) no-repeat 11px center;
    padding-left: 47px;
    font-size: 14px;
}

div.news
{
    background-color: #FFFFFF;
    /*padding-top: 40px;
    padding-bottom: 20px;*/
}
div.news div.columns
{
    width: 100%;
    margin-left: 0%;
    padding-top: 0px;
}
div.news h2
{
    border-bottom: 2px solid #ebebeb;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 17px;
}
div.news h3
{
    font-size: 14px;
    font-size: 1.4rem;
}
div.newsitem
{
    /*margin-bottom: 30px;*/
}
    div.newsitem p, div.newsitem p a, div.newsitem p span,
    div.newsitemalt p, div.newsitemalt p a, div.newsitemalt p span {
        color: #aaa;
        font-size: 18px;
        /*font-size: 1.8rem;*/
        margin-left: 0;
    }
div.newsitem .news-item-date
{
    color: #909090;
	font-family: "LatoLatinWebSemibold", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    font-style:normal;
    line-height: normal;
}
/*div.news p
{
    margin: 0px;
    font-size: 1.2rem;
    color: #444444;
}*/

a#followTwitter
{
    position: absolute;
    /*top: 37px;*/
    top: 7px;
    right: 0px;
    
    color:#FFF;
    background-color:#777777;
    border: 1px solid #777777;
    padding: 0 11px;
	font-family: "LatoLatinWebSemibold", sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: normal;
    font-style:normal;
    line-height: 22px;
    text-transform: uppercase;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
#twitterWidget
{

}
#twitterWidget ul
{
    margin: 0px;
}
#twitterWidget li
{
    position: relative;
    display: block;
    background: none;
    padding: 10px 15px;
    margin: 12px 0px;
    font-size: 14px;
    font-size: 1.4rem;
    list-style-position: outside;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    border-collapse: separate; /* for IE9 */

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
#twitterWidget li p.timePosted
{
    color: #999999;
    font-size: 14px;
}
#twitterWidget li p.tweet
{
    color: #555555;
	font-family: "Avenir Next", sans-serif;
	font-weight:normal;
    font-size: 16px;
}
#twitterWidget li p.tweet a
{
    color: #643b80;
	font-family: "Avenir Next" "LatoLatinWeb", sans-serif;
	font-weight: normal;
    font-style: italic;
    font-size: 16px;
}

div.staff-directory-item-column
{
    text-align: center;
}

#resources-wrapper div.pnlSearch
{
    position: relative;
    border: 1px solid #999999;
    padding: 10px;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}

/* reCaptcha BEGIN */
#recaptcha_area
{
    position: relative;
    background-color: #DEDEDE;
    border: 2px solid #C0C0C0;
    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
div.content #recaptcha_area, div.content #recaptcha_table
{
    width: 260px !important;
}
.recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 250px !important;
}
/*.recaptchatable #recaptcha_image img {
    max-width:100%;
}*/
.recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, /*.recaptchatable .recaptcha_r4_c4,*/ .recaptchatable .recaptcha_image_cell, .recaptchatable .recaptcha_r2_c2 {
    background: none !important;
}
div.content .recaptchatable .recaptcha_r4_c1, div.content .recaptchatable .recaptcha_r7_c1
{
    width: 141px !important;
}
div.content .recaptchatable .recaptcha_input_area, div.content .recaptchatable #recaptcha_response_field
{
    width: 123px !important;
}
div.content .recaptchatable #recaptcha_response_field
{
    height: auto !important;
}
div.content .recaptchatable .recaptcha_input_area
{
    background-color: #FFFFFF !important;
    border: 1px solid #C0C0C0;
    height: 45px !important;
    margin-left: 3px !important;
    margin-right: 0px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    /*padding-bottom: 4px !important;*/
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
.recaptchatable .recaptcha_r4_c4
{
    background: transparent url("//www.google.com/recaptcha/api/img/white/sprite.png") no-repeat scroll -214px 6px !important;
}
.recaptchatable a
{
    color: #265892 !important;
}
.recaptchatable a:hover
{
    color: #265892 !important;
}
/* reCaptcha END */

fieldset.fs-inline
{
    display: inline-block;
    margin: 0px;
}

div.row-violet *
{
    color: #FFFFFF;
}
div.row-violet
{
    position: relative;
    background-color: #643b80;
    border: 2px solid #4a4a4a;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
div.row-violet div.columns
{
    padding: 30px;
}

/* HL BEGIN */
.col-nav
{
    /*text-align: left;*/
}
.col-buttons
{
    text-align: center;
    padding-top: 40px;
}
.col-buttons input
{
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.colored-box
{
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
.colored-box.green
{
    background-color: #c5f0a9;
}
.colored-box.blue
{
    background-color: #b2e9e4;
}

.gray-box
{
    position: relative;
    background-color: transparent; /*#f8f8f8 ;*/
    padding: 40px;
    padding-bottom:10px!important;
    /*margin: 13px 0;*/
    text-align: center;
}
.gray-box.narrowed-rows div.row
{
    /*max-width: 560px;*/
    max-width: 630px;
    margin: 0 auto;
}
.gray-box.narrowed-rows div.row.nav-buttons-row
{
    max-width: none;
}
#hcp-volunteer-signup-wrapper .wz-quicksteps a
{
    display: inline-block;
    margin: 0 9px;
}
#hl-volunteer-signup-wrapper .wz-quicksteps a
{
    display: inline-block;
    margin: 0 2px;
}
#hcp-volunteer-signup-wrapper .wz-quicksteps a:first-child
,#hl-volunteer-signup-wrapper .wz-quicksteps a:first-child
{
    margin-left: 0px;
}
#hcp-volunteer-signup-wrapper .wz-quicksteps a:last-child
,#hl-volunteer-signup-wrapper .wz-quicksteps a:last-child
{
    margin-right: 0px;
}
.wz-step-number
{
    position:relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    color: #FFFFFF;
    background-color: #02808b;
	font-family: "LatoLatinWebBlack", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    text-align: center;
    /*vertical-align: middle;*/
    
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius:50%;
    
    behavior:url(/js/PIE-2.0beta1/PIE.htc);
}
.wz-quicksteps a[disabled=disabled] .wz-step-number
{
    background-color: #7a7a7a;
}
.wz-step-text
{
    display: inline-block;
    padding: 0px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    vertical-align: middle;
}
.wz-step-current .wz-step-number
{
    background-color: #02808b !important;
}
/*.wz-step-current .wz-step-text
{
    display: inline-block;
    padding-left: 10px;
	font-family: "Avenir Next" "LatoLatinWeb", sans-serif;
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
}*/
.wz-step-current .wz-step-text
{
    padding: 0px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    vertical-align: middle;
}


#hcp-volunteer-signup-wrapper h2
,#hl-volunteer-signup-wrapper h2
,#hcp-participant-signup-wrapper h2
,#hl-participant-signup-wrapper h2
{
	font-family: "Avenir Next" "LatoLatinWeb", sans-serif;
    margin-bottom: 30px;
}
#hcp-volunteer-signup-wrapper h3
,#hl-volunteer-signup-wrapper h3
,#hcp-participant-signup-wrapper h3
,#hl-participant-signup-wrapper h3
{
    color: #672f6b;
	font-family: "Avenir Next" "LatoLatinWeb", sans-serif;
    font-size: 21px;
    font-weight: normal;
}
#hcp-volunteer-signup-wrapper .prompt
,#hl-volunteer-signup-wrapper .prompt
,#hcp-participant-signup-wrapper .prompt
,#hl-participant-signup-wrapper .prompt
{
    color: #555555;
	font-family: "Avenir Next" "LatoLatinWeb", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: normal;
}
#hcp-volunteer-signup-wrapper .wz-step-summary .prompt
,#hl-volunteer-signup-wrapper .wz-step-summary .prompt
{
    margin-top: 40px;
}
#hcp-volunteer-signup-wrapper .wz-step-summary p.summary-answer
,#hl-volunteer-signup-wrapper .wz-step-summary p.summary-answer
{
	font-family: "Avenir Next", sans-serif;
    font-size: 16px;
}
#hcp-volunteer-signup-wrapper .wz-step-summary li
,#hl-volunteer-signup-wrapper .wz-step-summary li
{
    background: none;
    padding-left: 0px;
	font-family: "Avenir Next", sans-serif;
    font-size: 16px;
}
p.volunteer-agreement
{
	font-family: "Avenir Next", sans-serif;
    font-size: 16px;
}

#hcp-volunteer-signup-wrapper input[type="text"]
,#hcp-volunteer-signup-wrapper textarea
,#hcp-volunteer-signup-wrapper select
,#hl-volunteer-signup-wrapper input[type="text"]
,#hl-volunteer-signup-wrapper textarea
,#hl-volunteer-signup-wrapper select
,#hcp-participant-signup-wrapper input[type="text"]
,#hcp-participant-signup-wrapper textarea
,#hcp-participant-signup-wrapper select
,#hl-participant-signup-wrapper input[type="text"]
,#hl-participant-signup-wrapper textarea
,#hl-participant-signup-wrapper select
{
    width: 100%;
    /*width: 95%;*/
    font-size: 18px;
}

#hcp-workshops-wrapper h2
,#hl-workshops-wrapper h2
{
    /*margin-top: 50px;*/
	font-family: "Avenir Next" "LatoLatinWeb", sans-serif;
    font-weight: normal;
    font-size: 24px;
    text-align: center;
}
#hcp-workshops-wrapper select
,#hl-workshops-wrapper select
{
    width: 100%;
    font-size: 16px;
}
#hcp-workshops-wrapper select, #hcp-workshops-wrapper input
,#hl-workshops-wrapper select, #hl-workshops-wrapper input
{
    margin-bottom: 0;
}
div.ws-filter-col
{
    margin-bottom: 22px;
    width:100%;
}
div.ws-filter-col div
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
}
.ws-filter-label-col
{
    width: 100%;
    text-align: left;
    padding-right: 15px;
    /*min-height: 38px;*/
}
.ws-filter-control-col
{
    width: 100%;
    text-align: center;
}
.ws-filter-label {
    color: #4C498C;
    font-family: "Avenir Next";
    font-size: 20px;
    line-height: 14px;
    font-weight: 600;
    /*text-transform: uppercase;*/
}
#legend-toggle-row
,#legend-row
{
    /*max-width: 750px;*/
    /*margin: 0 auto;*/
    text-align:left;
}
#legend-toggle-row
{
    padding-bottom: 18px;
}
.legend-toggle-col
{
    /*background: url(/images/HLnew/legend-toggle-row-bg.png) repeat-x left center;*/
}
.ws-legend-button {
    display: inline-block;
    color: #4C498C;
    font-family: "Avenir Next", sans-serif;
    font-weight: 600;
    font-size: 18px;
    /*text-transform: uppercase;*/
    /*padding-left: 13px;*/
    /*padding-right: 30px;*/
    /*background: #F8F8F8 url(/images/HLnew/arrow-up-green.png) no-repeat 90% center;*/
}
.ws-legend-button.closed
{
    /*background: #F8F8F8 url(/images/HLnew/arrow-down-green.png) no-repeat 90% center;*/
}
#legend-row
{
}
#legend-row .columns
{
    padding: 17px 0px;
}
#legend-row .columns:nth-child(2n+1)
{
    margin-left: 0px;
}
#legend-row .legend-cell
{
    display: table-cell;
    vertical-align: middle;
    min-width: 34px;
}
#legend-row img
{
    /*float: left;
    margin-right: 5px;*/
}
    #legend-row p {
        /*display: inline;*/
        color: #333333;
        font-size: 18px;
        /*text-transform: uppercase;*/
        text-align: left;
        line-height: normal;
        vertical-align: middle;
        padding-left: 5px;
        min-height: 36px;
        margin-left:10px!important;
    }
.ws-filter-info
{
    background-color: #f3f3f3;
    text-align: center;
    padding: 17px 10px;
}
.ws-filter-info p
{
    color: #555555;
    font-family: "Avenir Next", sans-serif;
    font-weight: normal;
    font-size: 20px;
}
.ws-filter-info-phone
{
    color: #03808b;
    font-family: "Avenir Next", sans-serif;
    font-weight: normal;
    font-size: 20px;
}
table.workshop-table
{
    width: 100%;
    border-collapse: separate !important;
    /*border-spacing: 0 30px;  this is the ultimate fix */
    border-spacing: 0 0px; /* this is the ultimate fix */
}
table.workshop-table td
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.WorkHeader {
    color: #4C498C;
    font-size: 14px;
    text-align: left;
    font-weight:600;
    /*text-transform: uppercase;*/
}

.WorkHeader th
{
    color: #4C498C;
    font-size: 14px;
    font-weight:600;
    /*text-align: left;*/
    /*text-transform: uppercase;*/
}
tr.WorkRow1, tr.WorkRow2
{
    position: relative;
    /*margin-bottom: 20px;*/
    margin-bottom: 10px;
    /*background-image:url('/images/HealthyLife/workbg1.jpg'); background-repeat:no-repeat;*/

    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    border-collapse: separate;  for IE9 

    behavior: url(/js/PIE-2.0beta1/PIE.htc);*/
}
tr.WorkRow1 td, tr.WorkRow2 td
{
    /*position: relative;
    background: url(/Images/HLnew/box-shadow-top.png) repeat-x center top, url(/Images/HLnew/box-shadow-bottom.png) repeat-x center bottom;
    -pie-background: url(/Images/HLnew/box-shadow-top.png) repeat-x center top, url(/Images/HLnew/box-shadow-bottom.png) repeat-x center bottom;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);*/
}
tr.WorkRow1 td
{
    position: relative;
    /*background-image:url('/images/HealthyLife/workbg1.jpg'); background-repeat:no-repeat;
    background-color: #C5F0A9;*/
}
tr.WorkRow2 td
{
    position: relative;
    /*background-image:url('/images/HealthyLife/workbg2.jpg'); background-repeat:no-repeat;
    background-color: #B2E9E4;*/
}
table.workshop-table tr td{
    background-color:#fff;
}
table.workshop-table tr td:first-child {
    /*position: relative;
    background: url(/Images/HLnew/box-shadow-top-left-corner.png) no-repeat left top, url(/Images/HLnew/box-shadow-bottom-left-corner.png) no-repeat left bottom, url(/Images/HLnew/box-shadow-left.png) repeat-y left center, url(/Images/HLnew/box-shadow-top.png) repeat-x center top, url(/Images/HLnew/box-shadow-bottom.png) repeat-x center bottom;
    -pie-background: url(/Images/HLnew/box-shadow-top-left-corner.png) no-repeat left top, url(/Images/HLnew/box-shadow-bottom-left-corner.png) no-repeat left bottom, url(/Images/HLnew/box-shadow-left.png) repeat-y left center, url(/Images/HLnew/box-shadow-top.png) repeat-x center top, url(/Images/HLnew/box-shadow-bottom.png) repeat-x center bottom;*/
    /*-moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -khtml-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;*/
    /*behavior: url(/js/PIE-2.0beta1/PIE.htc);*/
    text-align:center;
}
table.workshop-table tr td:last-child
{
    /*position: relative;
    background: url(/Images/HLnew/box-shadow-top-right-corner.png) no-repeat right top, url(/Images/HLnew/box-shadow-bottom-right-corner.png) no-repeat right bottom, url(/Images/HLnew/box-shadow-right.png) repeat-y right center, url(/Images/HLnew/box-shadow-top.png) repeat-x center top, url(/Images/HLnew/box-shadow-bottom.png) repeat-x center bottom;
    -pie-background: url(/Images/HLnew/box-shadow-top-right-corner.png) no-repeat right top, url(/Images/HLnew/box-shadow-bottom-right-corner.png) no-repeat right bottom, url(/Images/HLnew/box-shadow-right.png) repeat-y right center, url(/Images/HLnew/box-shadow-top.png) repeat-x center top, url(/Images/HLnew/box-shadow-bottom.png) repeat-x center bottom;*/
        
    /*-moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -khtml-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;*/

    /*behavior: url(/js/PIE-2.0beta1/PIE.htc);*/
}
table.workshop-table tr td.footable-row-detail-cell
{
    position: relative;
    background-color: #fbfcbb;
    padding-left: 10px;
    padding-right: 10px;
        
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
.workshop-table p,
.WorkRow1 p {
    margin-left: 0;
}
.workshop-table-date {
}
.workshop-table-month {
    color: #333333;
    font-family: "Avenir Next", sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
.workshop-table-day {
    color: #333333;
    font-family: "Avenir Next", sans-serif;
    font-weight: bold;
    font-size: 32px;
    letter-spacing: -4px;
}
.workshop-table-eventname {
    color: #4C498C;
    font-size: 18px;
    font-weight:600;
}
.workshop-table-venue {
    color: #333333;
    font-size: 16px;
}
.workshop-table-address {
    color: #333333;
    font-family: "Avenir Next", sans-serif;
    font-size: 16px;
}
.workshop-table-language
{
    color: #666666;
    font-size: 16px;
}
.workshop-table-dayofweek
{
    color: #666666;
    font-size: 16px;
}
.workshop-table-dates
{
    color: #666666;
    font-size: 16px;
}
.workshop-table-times
{
    color: #666666;
    font-size: 16px;
}
.workshop-table-btnRegister
{
    position: relative;
    display: inline-block;
    top: 0px;
    /*right: -22px;*/
    right: 14px;    /*-10px;*/
    z-index: 2;
}

.workshop-details-desc p {
    font-family: "Avenir Next", sans-serif;
    font-size: 20px;
    text-align: left;
    color: #4C498C;
}
.workshop-details-prompt {
    color: #4C498C;
    font-size: 16px;
    font-weight:900;   /*600;*/
    /*text-transform: uppercase;*/
}
.workshop-details-details
,.workshop-details-details li
{
    color: #333333;
    font-size: 16px;
}
ul.workshop-details-details
{
    margin-left: 0px;
}
.workshop-details-details li
{
    background-image: none;
    padding-left: 0px;
    font-size: 15px;
}
.workshop-details-map-row
{
    margin-top: 35px;
}
.workshop-details-map-row .four.columns
,.workshop-details-map-row .eight.columns
{
    width: 100%;
    margin-left: 0px;
}
.workshop-details-start-date-wrapper
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    position: relative;
    width: 100%;
    padding: 5px;
    margin: 0 auto;
    margin-bottom: 40px;
    background-color: #FFFFFF;
    text-align: center;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    border-collapse: separate; /* for IE9 */

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
.workshop-details-start-date
{
    /*-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;*/

    /*float: left;*/
    display: inline-block;
    padding: 15px;
    padding-bottom: 0;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}
.workshop-details-times
{
    /*-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;*/

    /*float: left;*/
    display: inline-block;
    color: #666666;
    font-size: 16px;
    /*width: 186px;*/
    padding: 15px;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
}
.workshop-details-registration-info-wrapper
{
    /*padding: 40px 38px;*/
    text-align: center;
}
.workshop-details-registration-info-wrapper .workshop-details-prompt
{
    margin-top: 20px;
}
.workshop-details-registration-info-wrapper .workshop-details-prompt:first-child
{
    margin-top: 0px;
}
.workshop-details-dates
{
    text-align: center;
}
.workshop-details-date
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    position: relative;
    /*float: left;*/
    display: inline-block;
    width: 104px;
    padding-top: 16px;
    padding-bottom: 2px;
    margin: 0 6px;
    margin-bottom: 17px;
    background-color: #FFFFFF;
    text-align: center;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    border-collapse: separate; /* for IE9 */

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}
.workshop-details-date-month
{
    color: #555555;
    font-family: "Avenir Next", sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
.workshop-details-date-day
{
    color: #555555;
    font-family: "Avenir Next", sans-serif;
    font-weight: bold;
    font-size: 33px;
}
.workshop-details-map
{
    position: relative;
    padding: 8px;

    background-color:#fff;
   /* -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    
	-webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 10px 4px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 10px 4px rgba(0, 0, 0, 0.1);*/
    /*border-collapse: separate*/; /* for IE9 */

    /*behavior: url(/js/PIE-2.0beta1/PIE.htc);*/
}
.map-responsive
{
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    /*padding-bottom:56.25%;*/ /* aspect ratio 16:9, 9/16x100 = 56.25 */
    overflow:hidden;
}
.workshop-details-map #map
{
    padding-bottom: 70%;
}
.workshop-details-buttons-row
{
    padding-top: 40px;
}
.workshop-details-buttons-row .columns
{
    text-align: left;
}
.workshop-details-buttons-row .button
, .workshop-details-buttons-row .button:hover
, .workshop-details-buttons-row .button:focus
{
    width: 90%;
    max-width: 360px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 13px;
    margin-right: 13px;
}
.view-workshop-list
{
    font-family: "Avenir Next", sans-serif;
    font-size: 20px;
    text-decoration: underline;
}

.fupload
{
    position:relative;
    width: 100%;
    max-width: 250px;
    /*height:38px;*/
    padding: 5px;
    margin: 10px 0;
    color:#434343;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    background-color:#fff;
    border:1px solid #dadada;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius:4px;
    box-shadow:none;
    box-sizing:border-box;
    
    behavior:url(/js/PIE-2.0beta1/PIE.htc);
}
.dd-watermarked
{
	font-size : 15px;
    font-style: normal;
    color: #999999;
	vertical-align:middle;
    text-align: center;
}

.left-checboxes-wrapper
,.right-checboxes-wrapper
{
    position: relative;
    float: left;
    width: 100%;
}
.right-checboxes-wrapper
{
    margin-left: 0;
}
.left-checboxes
,.right-checboxes
{
    display: block;
}

.lead-region-other-wrapper
{
    max-width: 402px;
    margin: 0 auto;
    text-align: left;
}
.cb-enhanced
{
    display: inline-block;
    text-align: left;
}
.cb-enhanced input
{
    display: none;
    margin-bottom: 0;
}
/*.cb-enhanced a
{
    top: 5px !important;
}*/
.cb-enhanced input + label
{
    display: inline-block;
    min-height: 21px;       /*18px;*/
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    padding-left: 35px;
    /*background: url(/images/HLnew/cb-off.png) no-repeat left 3px;*/
    background: url(/images/HLnew/cb-off_new.png) no-repeat left 3px;
    cursor: pointer;
    text-transform: none !important;
}
.cb-enhanced input:checked + label
{
    color: #555555;
    //background: url(/images/HLnew/cb-on.png) no-repeat left 3px;
    background: url(/images/HLnew/cb-on_new.png) no-repeat left 3px;
}
.cb-enhanced.nolabel input + label
{
    width: 0px;
    padding-left: 18px;
    overflow: hidden;
}
.cb-enhanced-left
{
}
.cb-enhanced-left input
{
    display: none;
}
.cb-enhanced-left input + label
{
    display: inline-block;
    min-height: 18px;
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    padding-right: 35px;
    background: url(/images/HLnew/cb-off.png) no-repeat right 3px;
    cursor: pointer;
    text-transform: none !important;
}
.cb-enhanced-left input:checked + label
{
    color: #555555;
    background: url(/images/HLnew/cb-on.png) no-repeat right 3px;
}

.rb-enhanced
{
}
.rb-enhanced input
{
    display: none;
}
.rb-enhanced input + label
{
    display: inline-block;
    min-height: 20px;
    color: #999999;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    padding-left: 30px;
    margin-left: 10px;
    background: url(/images/HLnew/rb-off-new-Copy.png) no-repeat left 3px;
    cursor: pointer;
    text-transform: none !important;
}
.rb-enhanced input:checked + label
{
    color: #555555;
    background: url(/images/HLnew/rb-on-new-Copy.png) no-repeat left 3px;
}
.participant-signup-gender-col .rb-enhanced input + label
{
    margin-left: 44px;
}
.participant-signup-gender-col .rb-enhanced input:first-child + label
{
    margin-left: 0px;
}
.datepicker-wraper
{
    position:relative;
    display: inline-block;
    min-width: 127px;
    height:38px;
    padding:6px 10px;
    /*margin: 10px 0;*/
    margin-bottom: 15px;
    color:#434343;
    font-size: 14px;
    font-weight: normal;
    background-color:#fff;
    border:1px solid #dadada;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius:4px;
    box-shadow:none;
    box-sizing:border-box;
    
    behavior:url(/js/PIE-2.0beta1/PIE.htc);
}
.datepicker-wraper > input[type="text"]
{
    width:80px;
    height:26px;
    padding: 0px;
    /*padding:6px 10px;
    margin: 10px 0;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 5px;
    /*color:#434343;*/
    font-size: 14px;
    font-weight: normal;
    background-color:transparent;
    border:0px;
    vertical-align: top;
}

.tblLanguages
{
    margin: 0 auto;
    margin-bottom: 15px;
}
.tblLanguages .tdSpoken, .tblLanguages .tdWritten
{
    text-align: center;
    vertical-align: middle;
}
.tblLanguages input, .tblLanguages select
{
    margin: 0px;
}
.tblLanguages input[type="text"], .tblLanguages select
{
    max-width: 160px;
}
.tblAvailability
{
    margin: 0 auto;
    margin-bottom: 15px;
}
.tblAvailability td, .tblAvailability th
{
    text-align: center;
    vertical-align: middle;
    border: 1px solid #D1D1D1;
}
.tblAvailability input
{
    margin-bottom: 0px;
}
.tblAvailabilityHeader
{
    width: 30px;
    background-color: #11827e;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.tblAvailabilityLabel
{
    background-color: #11827e;
    color: #ffffff;
	font-family: "Avenir Next", sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding: 0px 5px;
}
.tblAvailabilityHeader.monday
{
    background: #11827e url(/images/healthylife/cal-mo.png) no-repeat center center;
}
.tblAvailabilityHeader.tuesday
{
    background: #11827e url(/images/healthylife/cal-tu.png) no-repeat center center;
}
.tblAvailabilityHeader.wednesday
{
    background: #11827e url(/images/healthylife/cal-we.png) no-repeat center center;
}
.tblAvailabilityHeader.thursday
{
    background: #11827e url(/images/healthylife/cal-th.png) no-repeat center center;
}
.tblAvailabilityHeader.friday
{
    background: #11827e url(/images/healthylife/cal-fr.png) no-repeat center center;
}
.tblAvailabilityHeader.saturday
{
    background: #11827e url(/images/healthylife/cal-sa.png) no-repeat center center;
}
.tblAvailabilityHeader.sunday
{
    background: #11827e url(/images/healthylife/cal-su.png) no-repeat center center;
}
/*.tblAvailabilityHeader div
{
    background-color:#11827e;
    color:#ffffff;
    font-size:13px;
    font-weight:bold;
    width: 28px;
    text-align:center;
    overflow: hidden;
}*/
/* HL END */

/* pre footer */
div#prefooter
{
    background-color: #643b80;
    color: #FFFFFF;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
}
div.footer-spacer
{
    display: none;
    height: 50px;
    background-color: #FFFFFF;
}
div#prefooter div.prefooter
{
    padding-bottom: 45px;
}
div#prefooter div.get-in-touch, div#prefooter div.copyright
{
    padding-top: 30px;
    text-align: center;
}
div#prefooter div.copyright a
{
    margin: 0 8px;
}
div#prefooter div.copyright a:last-child
{
    margin: 0px;
}
div#prefooter .prefooter-col
{
    float: left;
    width: 100%;
    margin: 0px;
}
div#prefooter h1
{
    color: #FFFFFF;
    font-family: "LatoLatinWebThin", sans-serif;
    font-style: normal;
    font-size: 38px;
    letter-spacing: normal;
    margin-bottom: 10px;
}
div#prefooter h2
{
    color: #FFFFFF;
	font-family: "Avenir Next" "LatoLatinWeb", sans-serif;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
    font-style:normal;
    line-height: 40px;
    border-bottom: 1px solid #656565;
    /*margin: 0px;
    padding: 0px;*/
}
div#prefooter h3
{
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.4rem;
    font-style:normal;
    border: 0px;
    margin: 0px;
    padding: 0px;
}
div#prefooter p, div#prefooter a
{
    color: #FFFFFF;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
}
div#prefooter div.get-in-touch div p:nth-child(2)
, div#prefooter div.get-in-touch div p:nth-child(2) a
{
    font-size: 20px;
    font-size: 2.0rem;
}
div#prefooter a
{
    text-decoration: underline;
}

/* footer */
div#footer
{
    /*color: #FFFFFF;
    background-color: #3b3b3b;*/
    position: relative;
    padding-top: 23px;
    padding-bottom: 23px;
    top: 35px;

    
}
/*div#footer .columns
{
    margin: 0px;
}*/
div#footer p, 
{
    display: block;
    color: #4d4d4d;
    margin: 0px;
}

.footer
{
    color: #4d4d4d!important;
    font-size:16px;
    color:#aaaaaa;
}
div#footer a, div#footer a:hover, div#footer a:visited
{
    color: #265892;
}
div#footer div.footer, div#footer div.social
{
    text-align: center;
}
div#footer div.social
{
    padding: 0px;
}

div#divBanner {
    /*margin-left:10px;*/
    /*border:5px solid #6DBF37;*/
    width: 100%;
    float: left;
}

div#divAdvert {
    padding-top: 5px;

}

    div#divAdvert div {
        width: 49%;
        float: left;
        margin-top:8px;
    }

        div#divAdvert div:last-child {
            margin-left: 6px;
        }
div#banner-content{
    /*margin-bottom:30px;*/
}
/*#region newsroom - home */

div.container.news div.twelve.columns {
    width: 100%;
}

div#banner-content div.container.news div.three.columns {
    margin-left: 0;
    margin-top: 5px;
    width: 100%;
}

div#banner-content div.container.news div.newsitem div.divNewsDate {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
}

    div#banner-content div.container.news div.newsitem div.divNewsDate .NewsMonth {
        font-family: "Avenir Next" !important;
        font-weight: bold !important;
        font-size: 25px !important;
        color: #2F2F2F !important;
    }

div#banner-content div.container.news div.newsitem span {
    border-bottom: none !important;
    margin-bottom: 0;
    color: #666 !important;
    font-family: 'Avenir Next' !important;
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 300;
    letter-spacing: 0px;
}

div#banner-content div.container.news div.newsitem div.divNewsDate .NewsDay {
    font-family: 'PT Sans Narrow' !important;
    font-weight: bold !important;
    font-size: 40px !important;
    color: #6DBE38 !important;
}

div#banner-content div.container.news div.newsitem div.divNewsDescr {
    display: table-cell;
    padding-right: 20px;
    padding-left: 20px;
}

h2.h2-news-home {
    border-bottom: none !important;
    margin-bottom: 0;
    color: #4C498C !important;
    font-family: 'Avenir Next' !important;
    font-weight: 700;
    font-size: 18px !important;
    line-height: 23px !important;
    letter-spacing: 0px;
}

div#banner-content div.container.news div.newsitem span {
    border-bottom: none !important;
    margin-bottom: 0;
    color: #4C498C !important;
    font-family: 'Avenir Next' !important;
    font-size: 15px !important;
    line-height: 20px !important;
    /*font-weight: 300;*/
    letter-spacing: 0px;
}
#home-content .six.columns {
    font-weight: normal;
    text-align: center;
    padding: 40px;
    position:relative;
}
    #home-content .six.columns:last-child {
        margin-top: 10px;
    }
#home-content .six.columns, #home-content .six.columns div, #home-content .six.columns p{
    font-family: 'Avenir Next' !important;
    font-size:20px;
}
#home-content .six.columns:first-child{
    background-color:#FFF3E6;
}
#home-content .six.columns:first-child, #home-content .six.columns:first-child div, #home-content .six.columns:first-child p {
    color:#52310B;
}
#home-content .six.columns:last-child{
    background-color:#EFF4D7;
    margin-left:.5%!important;
    float:right;
}
#home-content .six.columns:last-child, #home-content .six.columns:last-child div, #home-content .six.columns:last-child p {
    color:#384010;
}

.container.banner{
    padding:0!important;
}

#newsroom-home{
    display:none;
}
#newsroom-mobile {
    display: block;
}

#content-inside {
    background-color: transparent!important;
}
/*#endregion */
/* #Page Styles
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/* Media Queries
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/* Larger than mobile */
@media (min-width: 400px) {
    /*header.mobile #MenuMobileDDACC
    {
        width:150px;
    }*/
    div .insideBanner
    {
        padding-left: 71px;
        padding-right: 71px;
    }
    div.breadcrumbs-container
    {
        padding-left: 71px;
        padding-right: 71px;
    }
    div.content, /*div.register,*/ 
    {
        padding-left: 60px;
        padding-right: 60px;
    }

    div.news{
         padding-left: 0px;
        padding-right: 0px;
    }
    div.content.insideControl
    {
        padding-left: 60px;
        padding-right: 60px;
    }
    div.content.inside
    {
        /*padding-left: 100px;
        padding-right: 100px;*/
    }
    div.register-col-text
    {
        padding-left: 60px;
        padding-right: 60px;
    }
    div#prefooter div.prefooter
    {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) 
{
    /*header.mobile h1
    {
        font-size: 37px;
        font-size: 3.7rem;
        line-height: 40px;
    }
    header.mobile h2
    {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 30px;
    }*/
    /*header.mobile #MenuMobileDDACC
    {
        width:150px;
    }*/
    /*header.mobile .utilityLinks a
    {
        font-size: 12px;
        font-size: 1.2rem;
    }*/
    /*div#breadcrumbs .breadcrumbs-col table
    {
        width: auto;
        float: right;
    }*/
    
    div.content.inside
    ,div.content.insideControl
    {
        padding-bottom: 0px;
    }
    div.promo .row
    {
        top: -100px;
    }
    .promo-col
    {
        height: 99px;
    }
    .promo-button-workshops
    {
        margin: 0 auto;
        margin-right: 0px;
    }
    .promo-button-training
    {
        margin: 0 auto;
        margin-left: 0px;
    }
    
    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] 
    {
        font-size: 20px;
        font-size: 2.0rem;
    }
    .button-rounded-green
    ,.button-rounded-green:hover
    ,.button-rounded-green:focus
    {
        max-width: none;
        padding: 0 50px;
    }

    a#followTwitter
    {
        top: 37px;
    }

    /*.workshop-details-buttons-row .columns
    {
        text-align: left;
    }
    .workshop-details-buttons-row .columns:first-child
    {
        text-align: right;
    }*/

    div.staff-directory-item-column:first-child
    {
        text-align: left;
    }
    div.staff-directory-item-column:nth-child(3)
    {
        text-align: right;
    }
    
    div.footer-spacer
    {
        display: block;
    }
    div#prefooter div.get-in-touch
    {
        text-align: left;
    }
    div#prefooter div.copyright
    {
        text-align: right;
    }
}

/* Larger than tablet */
@media (min-width: 750px) 
{
    /*header.main .column.last
    {
        padding-top: 30px;
    }

    header.main .column.last p
    {
        text-align: right;
        padding-right:30px;
    }*/

    /*nav.mobile
    {
        display:none;
    }*/

    div.insideBanner p
    {
        padding: 16px 20px;
        font-size: 24px;
        font-size: 2.4rem;
    }

    .wz-step-current .wz-step-text
    {
        display: inline-block;
        padding-left: 10px;
	    font-family: "Avenir Next", "LatoLatinWeb", sans-serif;
        color: #555555;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        text-transform: uppercase;
    }

    div#footer p
    {
        display: inline-block;
    }
    div#footer p:first-child
    {
        display: block;
    }
    div#footer div.footer
    {
        text-align: left;
    }
    div#footer div.social
    {
        text-align: right;
    }

    div#divAdvert div {
        width: 49.5%;
    }
    div#divAdvert{
        float:right;
    }

    div#banner-content div.container.news div.three.columns {
        margin-right: 5px;
        width: 49%;
        padding: 3px;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) 
{

        
    #ctl00_Content_ctl00_tblReg
    {
        display: inline-block;
    }

    #viewAllWork
    {
        margin-top:8px;
    }


    #newsroom-mobile {
        display: none;
    }

    #newsroom-home {
        display: block;
    }

    #home-content .six.columns {
        /*width: 49.5% !important;*/
        margin-top: 0px!important;
    }
    #home-content .six.columns:first-child{
        width:50%!important;    
    }
    #home-content .six.columns:last-child{
        width:49.3%!important;
    }
    div.news div.columns {
        padding-top: 20px;
    }
    div#divAdvert div{
        margin-top:0;
    }
    div.logo {
        position: absolute;
        top: 10px;
    }


    div.header-main {
        display: flex;
        justify-content:flex-end;
        align-content: center;
    }
  
    div.logo
    {
        /*width: 200px;*/
        width: auto;
    }

    nav.main
    {
        display:block;
    }
    nav.mobile
    {
        display: none;
    }
    div#mainmenu
    {
        padding-top: 13px;
        padding-bottom: 23px;
    }

    div.content .leftmenu
    {
        display: block;
    }
    div.content #MobileMenuSecundary
    {
        display:none;
    }

    .promo-button-workshops, .promo-button-training
    {
        padding-top: 45px;
        padding-bottom: 28px;
        padding-left: 70px;
        padding-right: 70px;
    }
    .ul-question-marks
    {
        display: table;
        margin-left: 0px;
    }
    .ul-question-marks li
    {
        display: table-cell;
        width: 20%;
        padding-left: 29px;
        padding-right: 2.5%;
    }
    .ul-question-marks li:last-child
    {
        padding-right: 0px;
    }
    div.news div.columns
    {
        width: 48%;
        margin-left: 4%;
    }
    div.news div.columns:first-child
    {
        margin-left: 0px;
    }

    #hcp-volunteer-signup-wrapper .wz-quicksteps a
    ,#hl-volunteer-signup-wrapper .wz-quicksteps a
    {
        margin: 0 30px;
    }

    .left-checboxes-wrapper
    ,.right-checboxes-wrapper
    {
        width: 48%;
    }
    .right-checboxes-wrapper
    {
        margin-left: 4%;
    }

    .tblAvailabilityHeader
    {
	    font-family: "Avenir Next", sans-serif;
        background-color: #11827e;
        color: #ffffff;
        font-size: 13px;
        font-weight: 700;
        /*width: 70px;*/
        padding: 0px 5px;
    }
    .tblAvailabilityHeader.monday
    ,.tblAvailabilityHeader.tuesday
    ,.tblAvailabilityHeader.wednesday
    ,.tblAvailabilityHeader.thursday
    ,.tblAvailabilityHeader.friday
    ,.tblAvailabilityHeader.saturday
    ,.tblAvailabilityHeader.sunday
    {
        background-image: none;
    }
    
  



    div#prefooter .prefooter-col
    {
        width: 48%;
        margin-left: 4%;
    }

div#divAdvert {
    /*padding-top:22px;*/
    padding-top: 0;
    width: 32.58%;
}

    div#divAdvert div {
        width: 100%;
        margin-left: 0 !important;
        height:48%;
    }

        div#divAdvert div:last-child {
            margin-left: 0px !important;
            margin-top:3%;
        }

    div#divAdvert div img{
        max-height:100%;
        overflow:hidden;
        width:100%;
    }
    #ctl00_home1_ctl00_tdEdit img,
    #ctl00_home2_ctl00_tdEdit img{
        width:unset!important;
    }

    div#banner-content div.container.news div.three.columns {
        margin-left: 8px;
        margin-right: 0px;
        margin-top: 0px;
        width: 24.0%;
        padding: 0;
    }

    div.container.news div.newsitem {
        height: 170px !important;
    }



    ol, ul {
        margin: 0 0 35px 15px;
    }


    div.ws-filter-col {
       margin-left:1%!important;
       width:24%!important;
    }
}

@media (min-width: 1025px) 
{

    /*div.register
    {
        background: url(/images/HLnew/middlebanner.jpg) no-repeat center right / cover;
    }
    div.register .five.columns
    {
        width: 39.3333333333%;
    }*/
    div.register-col-text
    {
        width: 37.5%;
        padding-right: 0;
    }
    div.register-col-img
    {
        width: 62.5%;
    }
    .workshop-details-map-row .four.columns
    {
        width: 30.6666666667%;
    }
    .workshop-details-map-row .eight.columns
    {
        width: 67.3333333333%;
        margin-left: 1%;
    }
    .workshop-details-registration-info-wrapper
    {
        text-align: left;
    }
}



.ms-slide-bgcont img {
    max-height: 100%;
    overflow: hidden;
}
#divBanner .stacked-thumbs-template{
    max-width:100%;
}
/* #CMS Styles
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.Tibby_Bottom_Button_Enabled_Highlighted {
    font-size: 12px;
    font-family: Arial, calibri;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.Tibby_Bottom_Button_Enabled_NotHighlighted
{
	font-size:12px;
	font-family:Arial, calibri;
	text-decoration:none;
	color: #ffffff;
}

.Tibby_Bottom_Button_Disabled
{
	font-size:12px;
	font-family:Arial, calibri;
	color: #96aaba;
	text-decoration:none;
	font-weight:bold;
}

.fixedtopcenter
{
    position:absolute;
    left:0px;
    right:0px;
    border:0px;
}

.admin_overlay
{
    background-color:#2f8dcb;/*#1370ab;*/
    width:100%;
    /*height:30px;*/
    margin:auto;
    padding:0px 10px 0px 10px;
    
    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
    
}

.admin_bodytext_white
{
	font-family:arial;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}

.admintable
{
	height:30px;
}

.admintable td
{
	padding-left:5px;
	padding-right:5px;
}

.nosize {
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}

.al
{
    text-align:left;
}
.ar
{
    text-align:right;
}
.ac
{
    text-align:center;
}
.toUpper
{
    text-transform: uppercase;
}
.toLower
{
    text-transform: lowercase;
}
.watermarked
{
	/*background-color:Transparent;
	border:0;*/
	/*font-family:Arial, Verdana, Tahoma, Sans-Serif;*/
	font-size : 16px;
    font-style: italic;
    color: Gray;
	vertical-align:middle;
}
.watermarked-centered
{
	/*background-color:Transparent;
	border:0;*/
	/*font-family:Arial, Verdana, Tahoma, Sans-Serif;*/
	font-size : 16px;
    font-style: normal;
    color: #999999;
	vertical-align:middle;
    text-align: center;
}

.hide, .hidden
{
    display:none;
}
.required, .required-abs
{
    color: #FF0000;
    font-size: medium;
    font-weight: bold;
    padding-right: 5px;
}
#hcp-volunteer-signup-wrapper div
,#hl-volunteer-signup-wrapper div
,#hcp-participant-signup-wrapper div
,#hl-participant-signup-wrapper div
{
    position: relative;
}
#hcp-volunteer-signup-wrapper .required-abs
,#hl-volunteer-signup-wrapper .required-abs
,#hcp-participant-signup-wrapper .required-abs
,#hl-participant-signup-wrapper .required-abs
{
    display: block;
    position: absolute;
    top: 10px;
    left: -12px;
}
.has-error {
    /*background-color: #ffcccc !important;*/
    background-color: #FBE3E4 !important;
    border: 1px solid #ff0000 !important;
}

.SemiTransparentBg
{
    /*background-color: #FFFFFF;*/
    background-image: url('../Images/inactive-bg.gif');
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    position: absolute;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: -1;
}
/*.left-right-shadows
{
    position: relative;
    -webkit-box-shadow: -25px 0px 59px 0px rgba(0,0,0,0.1), 25px 0px 59px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -25px 0px 59px 0px rgba(0,0,0,0.1), 25px 0px 59px 0px rgba(0,0,0,0.1);
    box-shadow: -25px 0px 59px 0px rgba(0,0,0,0.1), 25px 0px 59px 0px rgba(0,0,0,0.1);
    border-collapse: separate;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);
}*/
.left-right-shadows:before
{
    content:" ";
    display:block;
    clear:both;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 100%;
    /*background-color: red;*/

    -webkit-box-shadow: -17px 0px 59px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -17px 0px 59px 0px rgba(0,0,0,0.1);
    box-shadow: -17px 0px 59px 0px rgba(0,0,0,0.1);
    border-collapse: separate;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);

    overflow:hidden;
    z-index: -1;
}
.left-right-shadows:after
{
    content:" ";
    display:block;
    clear:both;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 68px;
    height: 100%;
    /*background-color: red;*/

    -webkit-box-shadow: 17px 0px 59px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 17px 0px 59px 0px rgba(0,0,0,0.1);
    box-shadow: 17px 0px 59px 0px rgba(0,0,0,0.1);
    border-collapse: separate;

    behavior: url(/js/PIE-2.0beta1/PIE.htc);

    overflow:hidden;
    z-index: -1;
}
.ajax__calendar_container
{
    z-index: 10;
}
.ajax__calendar_container TABLE
,.ajax__calendar_container th
,.ajax__calendar_container td
,.ajax__calendar_container div
{
    font-size: 12px !important;
}
#servicesGlossary
{
    padding-bottom:20px;
}

#servicesGlossary h2
{
	font-family: "Avenir Next", sans-serif;
    display:inline-block;
    font-size:22px;
    font-weight:700;
    border: 0px;
    min-width:inherit;
}

#servicesGlossary h2.inactive
{
    color:Silver;
}

#servicesWrapper
{
    position:relative;
    overflow:hidden;
}

#servicesWrapper .serviceitem
{
    position:relative;
    display:block;
	/*float:left;*/
    width:301px;
    margin-right:30px;
    padding-bottom:10px;
}

#servicesWrapper .serviceitem:nth-child(3n+3)
{
    margin-right:0px;
}

#servicesWrapper h2
{
	font-family: "Avenir Next", sans-serif;
    font-weight:700;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #0092d0;
}

#servicesWrapper ul
{
    padding-left:15px;
}

#servicesWrapper li
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    line-height:40px;
}

#servicesWrapper li a
{
    color: #333333;
}

div.container.news {
    /*padding-top: 10px;
    padding-bottom: 22px;*/
}

div#footer h2 {
    color: #333333;
    font-family: 'Avenir Next';
    font-weight:600;
    font-size: 24px;
    width:140px;
}

div#footer .footer .fa-arrow-circle-right {
    color: #cccccc;
    font-size: 16px;
}
div#footer .footer li, div#footer .footer li a {
    color: #666666;
    font-family: 'Avenir Next';
    font-size: 17px;
    font-weight: normal;
    background:none!important;
}
div#footer ul{
    margin-left:0;
}

div#footer .footer hr {
    margin: 0;
    border: 1px solid #4C498C;
}

#footer-header div{
    display:table-cell;
}
    #footer-header div:last-child {
        width: 55%;
        padding-left: 20px;
        vertical-align: middle;
    }

div#footer .footer .div-ul:nth-child(2n+1) {
    float: left;
    width: 100%;
    /*width:48%;*/
    text-align: left;
}

div#footer .footer .div-ul:nth-child(2n) {
    float: right;
    width: 100%;
    /*width: 48%;*/
    text-align: left;
}

div#footer .footer2, div#footer .footer2 div, div#footer .footer2 span, div#footer .footer2 a {
    text-align: right;
    color: #333333;
    font-family: 'Rubik', sans-serif!important;
    /*font-size: 14px;*/
    font-weight: normal;
}
    div#footer .footer2 a {
        color: #4C498C!important;
        text-decoration:none;
        font-weight:600;
    }
    div#footer .footer2 div div:first-child{
        float:left;
        width:48%;
    }
    div#footer .footer2 div div:last-child {
        float: right;
        width: 48%;
    }
div#footer .footer2 {
    margin-top: 20px;
}
@media (min-width: 1000px) {
    
    div#footer .footer .div-ul {
        float: none!important;
        width:100%!important;
    }

    div#footer .footer2 div div {
        float: right !important;
        width: 100% !important;
    }
    div#footer .footer2 {
        margin-top: 0;
    }
}
.button-square-new, .button-square-new:hover {
    color: #333333 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 9px 0 !important;
    width: 23% !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    border-radius: 0px !important;
    min-width: 270px !important;
}
.button-square-green {
    background-color: #BAD532 !important;
    border-color: #BAD532 !important;
}
.button-square-orange {
    background-color: #F79421 !important;
    border-color: #F79421 !important;
}
.div-prog-part span {
    color: #bcbcbc;
    text-transform: uppercase;
}
.div-mental-health span {
    color: #bcbcbc;
    text-transform:uppercase;
}
#home-content .columns .fa {
    position: absolute;
    opacity: 0.5;
    font-size:28px;
}

#home-content .six.columns:first-child .fa {
    color: #52310B;
}
#home-content .six.columns:last-child .fa {
    color: #546118;
}
#home-content .columns .fa.fa-quote-left {
    left: 16px;
    top: 36px;
}
#home-content .columns .fa.fa-quote-right {
    right: 20px;
    bottom: 49px;
}

/*-------------------------------*/
table.steve-table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table .steve-table-layout: fixed;
}

    table.steve-table caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    table.steve-table tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
    }

    table.steve-table th,
    table.steve-table td {
        /*padding: .625em;*/
        text-align: center;
    }

    table.steve-table th {
        font-size: .85em;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    table.steve-table ul{
        margin-left:35px!important;
    }
    div.tabe_align {
        text-align: center;
        display: table-cell;
        width: 100%;
    }
    div.tabe_align li{
        text-align:left;
    }

    @media screen and (max-width: 600px) {
        table .steve-table {
        border: 0;
    }

        table.steve-table caption {
            font-size: 1.3em;
        }

        table.steve-table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table.steve-table tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table.steve-table td {
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: right;
        }

            table.steve-table td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table.steve-table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            table.steve-table td:last-child {
                border-bottom: 0;
            }
}

/*New design - Forms*/

.row.caregiver{
    position:relative;
}
.required, .required-abs
{
    color: #ff0000;
    font-size: medium;
    font-weight: bold;
    padding-right: 5px;

    display: block;
    position: absolute;
    top: 3px;
    left: -12px;
}
.watermarked-centered
{
	/*background-color:Transparent;
	border:0;*/
	/*font-family:Arial, Verdana, Tahoma, Sans-Serif;*/
	font-size : 16px;
    font-style: normal;
    color: #999999;
	vertical-align:middle;
    text-align: center;
}

#hl-volunteer-signup-wrapper input[type="text"]
,#hl-volunteer-signup-wrapper textarea
,#hl-volunteer-signup-wrapper select
,#hl-participant-signup-wrapper input[type="text"]
,#hl-participant-signup-wrapper textarea
,#hl-participant-signup-wrapper select
{
    width: 100%;
    font-size: 18px;
}

.gray-box
{
    position: relative;
    background-color: transparent; /*#f8f8f8 ;*/
    padding: 40px;
    padding-bottom:10px!important;
    /*text-align: center;*/ 
}
.gray-box.narrowed-rows div.row
{
    /*max-width: 560px;*/
    max-width: 630px;
    margin: 0 auto;
}
.gray-box.narrowed-rows div.row.nav-buttons-row
{
    max-width: none;
}
span.fine-letter{
    font-size:16px!important;
    color:#666;
}

.three.columns.leftmenu {
    height: 100%; /* Full-height: remove this if you want "auto" height */
   /* width: 160px; *//* Set the width of the sidebar */
    position: sticky; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    /*background-color: #111;*/ /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    overflow: hidden; 
   /* padding-top: 20px;*/
}