@charset "utf-8";
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ===========================================================================================================================
 Include our other stylesheets
 ========================================================================================================================== */

    @import url( "normalize.css" );                                         /* include normalize.css                */
    @import url( "grid_systems/unsemantic-grid-responsive-tablet.css" );    /* include 960Grid_custom.css           */
    @import url( "gravity_forms_styles.css" );                              /* include gravity_forms_styles.css     */
    @import url( "jquery-plugins-styles.css" );                             /* include jquery-plugins-styles.css    */
    @import url( "font-awesome-4.1.0/css/font-awesome.css" );               /* include font-awesome.css             */

/* ===========================================================================================================================
 Hide WordPress admin bar
 ========================================================================================================================== */

    #wp-admin-bar-wp-logo{ display:none; }

/* ===========================================================================================================================
 Font includes
 ========================================================================================================================== */ 

    /* main content "NOT Rounded font" font-family: "Varela Round", Arial, Helvetica, sans-serif; */ 
    html *, body *
    { font-family: 'proxima-nova', sans-serif; color: #000; }

/* ===========================================================================================================================
 Base
 ========================================================================================================================== */

    html, button, input, select, textarea { color: #000; }
    html *, body *{ font-size: 17px; line-height: 25px; } /* global font-size */

    /*
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection rule sets have to be separate.
    * Customize the background color to match your design.
    */

    ::-moz-selection { background: #b3d4fc; text-shadow: none; }
    ::selection { background: #b3d4fc; text-shadow: none; }

    /*
    * A better looking default horizontal rule
    */

    hr { display: block; border-top: 1px solid #ccc; margin: 0 0 20px 0; padding: 0; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }    

    /*
    * Remove the gap between images, videos, audio and canvas and the bottom of
    * their containers: h5bp.com/i/440
    */

    audio, canvas, img, video { vertical-align: middle; }

    /*
    * Remove default fieldset styles.
    */

    fieldset { border: 0; margin: 0; padding: 0; }

    /*
    * Allow only vertical resizing of textareas.
    */

    textarea { resize: vertical; }

/* ===========================================================================================================================
 Links
 ========================================================================================================================== */

    a { color:#29479c; /*color:#636466;*/ text-decoration: none; }
    a:visited { }
    a:hover { /*color:#000;*/ text-decoration: underline; }
    a:active { /*color:#000;*/ text-decoration: underline; position: relative; top: 1px; }
    a img{ outline:none; border:none; border: 0; }

/* ===========================================================================================================================
 Typography
 ========================================================================================================================== */  
    
    h1, h2, h3, h4, h5, h6{ margin: 0 0 7px 0; padding: 0; font-family: 'futura-pt', sans-serif; font-weight: normal; }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ font-size: 1em; }
    
    h1{ } 
    h2{ font-size: 35px; line-height: 38px; color: #29479c; /*color: #29479c;*/ }
    h2 a{ color: #29479c; }
    h3{ font-size: 26px; line-height: 30px; color: #29479c; }
    h4{ font-size: 17px; }
    h5, h6{ color: #29479c; text-transform: uppercase; font-weight: 700; font-size: 14px; }

    p{ margin: 0 0 12px 0; }

    ins { background: #ff9; color: #000; text-decoration: none; }
    mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

    /* Redeclare monospace font family: h5bp.com/j */
    pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

    /* others */
    i, b, strong, span, p a, p span{ font-size: 1em; }
    sup, sub{ font-size: 0.8em; line-height: 0; top: -0.1em; }

    b, strong{ font-weight: 700; }

    blockquote{ }
    blockquote p{ }

/* ===========================================================================================================================
 Lists
 ========================================================================================================================== */

    ul, ol, dd { margin: 8px 0 20px 10px; font-size: 1em; padding: 0 0 0 9px; display: inline-block; }
    ul{ }

    nav ul{ display: block; }

    /* list images */
    ul li{ padding: 0 0 0 0; }

    /* dd and ol styles */
    ol, dd{ }
    ol li, dd li{ }

/* ===========================================================================================================================
 Forms
 ========================================================================================================================== */

    form { margin: 0 0 20px 0; }
    fieldset { } 
    label { cursor: pointer; display: inline-block; }

    legend { }
    button, input, select, textarea {  }
    input[type=text], input[type=password], textarea { }
    
    select{ }
    button, input[type="button"], input[type="reset"], input[type="submit"] { }
    input[type="checkbox"], input[type="radio"] { }
    input[type="search"], input[type="search"]::-webkit-search-decoration { }
    
    /* default widths */
    input[type=text], input[type=password], input[type="search"], input[type=url], input[type=email], input[type=tel], 
    input[type=number], input[type=image]{ width: 49%; padding: 10px; } 
    textarea { width: 98%; background-color: #fff !important; }

    /* Colors for form validity */
    input:valid, textarea:valid {  }
    input:invalid, textarea:invalid { background-color: #f0dddd; }
    input:focus{ outline: none; outline: 0; }

/* ===========================================================================================================================
 Tables
 ========================================================================================================================== */

    table { margin: 0 0 20px 0; }
    table td { font-size: 1em; }

/* ==|== wordpress generated classes =========================================================================================
 See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 ========================================================================================================================== */

    .aligncenter { display: block; margin: 0 0 20px 0; }
    .alignleft { float: left !important; margin: 0 20px 20px 0; }
    .alignright { float: right !important; margin: 0 0 20px 20px; }
    .alignnone { margin: 0 0 20px 0; }

    .clearleft{ clear: left; }
    .clearright{ clear: right; }
    .clearboth{ clear: both; }

    .wp-caption { text-align: center; }
    .wp-caption-text { margin: 4px; padding: 10px; background-color: #ccc; }

/* ===========================================================================================================================
    Browse Happy prompt
 ========================================================================================================================== */

    .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ===========================================================================================================================
    Primary styles
    Author: Jeremy Selph | http://www.reactivedevelopment.net
 ========================================================================================================================== */

  /* =========================================================================================================================
    Reduntants
  ========================================================================================================================= */

    .grid-container{ max-width: 1163px; } /* set defualt responsive contianer width */
    .test{ height: 10px; margin-bottom: 5px; background-color: gray; }
    .noBorder{ border: 0 !important; } .noBgImg{ background-image: none !important; }
    
    /* main image sprites */
    #searchsubmit, label.radio span, .sf-menu li ul, .socialBtn, .sf-menu, #social_head, 
    #featImg span, #jsDatabaseSearch_widget label, .sbDB, #jsCalendar_widget_cont span, #jsCalendar_widget a,
    #newsletter_cont .gform_wrapper form .gform_footer input[type=submit], #copyMenu ul li, .database_links a,
    #jsResourcesNav_widget h6 a span, #jsStudioM_widget, #jsSmartPay_widget, #slide_arrows a, .linkBox_img span,
    #home_db_search label, #home_db_buttons a span, #home_tabs_nav ul li a span, .events_tab_wrap span,
    #tabsNav_select_label, .event arrow
    { background-image: url( '../img/img_sprites.png' ); background-repeat: no-repeat; }

    /* font over-rides */
    .sf-menu li a, #title h1, #jsPageNavs_widget ul li a, #jsDatabaseSearch_widget a, #jsCalendar_widget h5, 
    #jsCalendar_widget h6, #jsResourcesNav_widget h5, #jsResourcesNav_widget h6 a, #jsResourcesNav_widget h6,
    #jsResourcesNav_widget ul li, #jsStudioM_widget h5, #jsStudioM_widget p, #jsStudioM_widget a, #jsSmartPay_widget h5,
    #jsSmartPay_widget p, #jsSmartPay_widget a, .slide_content h1, .slide_content p, #home_db_search h5,
    #home_tabs_nav ul li a, .tab h3, .tab p, .event h5, .eventAll, .news_articles a, .news_articles h5, .news_articles p, .result .lnMore
    { font-family: 'futura-pt', sans-serif !important; }

    .directions, #head_right_right strong, #footMenu ul li a, .splendor, h5, h6
    { font-family: 'proxima-nova', sans-serif !important; }

    /* fancybox css */
    .fancybox-wrap{ }
    .fancybox-wrap .fancybox-skin{ }
    .fancybox-wrap .fancybox-skin .fancybox-outer{ }
    .fancybox-wrap .fancybox-skin .fancybox-inner{ }
    .fancybox-wrap .fancybox-skin .fancybox-close{ }
    .fancybox-nav span{ }
    .fancybox-prev span{ }
    .fancybox-next span{ }
    .fancybox-prev:active, .fancybox-next:active{ position: absolute; }
    .fancybox-close{ }
    .fancybox-close:active{ position: absolute; top: -9px !important; }

    /* fancybox mobile css */
    .jsMobileLightbox{ margin: 0; width: 100% !important; height: 100% !important; z-index: 999; position: fixed !important; }
    .jsMobileLightbox .fancybox-outer{ padding: 2%; width: 96% !important; height: 96% !important; }
    .jsMobileLightbox .js-inset-shadow{ display: none; }
    .jsMobileLightbox .fancybox-skin, .jsMobileLightbox .fancybox-inner, .jsMobileLightbox .fancybox-image{ 
        height: 100% !important; width: 100% !important; }
    .jsMobileLightbox .fancybox-image img{ max-width: 100%; height: auto; }
    .jsMobileLightbox .fancybox-close{ top: 5px; right: 5px; }
    .jsMobileLightbox .fancybox-close:active{ top: 6px !important; right: 5px; }

    /* mean menu btn */
    a.meanmenu-reveal{ background: url( ../img/mobile-menu.png ) 13px 16px no-repeat; width: 90px !important; }
    a.meanmenu-reveal.meanclose{ background-image: none; text-align: right !important; }
    a.meanmenu-reveal span{ display: none !important; }

  /* =========================================================================================================================
    Img Styles
  ========================================================================================================================= */

    img.aligncenter, img.alignleft, img.alignright, img.alignnone{ }
    img.aligncenter { }
    img.alignleft { float: left; }
    img.alignright { float: right; }

  /* =========================================================================================================================
    Header
  ========================================================================================================================= */
    
    html, body{
        /*background: url( '../img/delete-me/home-page.jpg' ) center 0 no-repeat;*/ /* delete this line */ }
    
    #wrapper{ }
        
        #headCont{ }
            #header{ padding: 12px 10px 0 10px; }

                #logoCont{ }
                    .logo{ display: inline-block; margin: 21px 0 21px 0; }
                    .logo img{ /*max-width: 100%; height: auto;*/ }

                #head_right{ }
                    
                    #head_right_left{ text-align: right; padding: 2px 30px 0 10px; }
                    #head_right_left p{ font-size: 14px; margin: 0 0 9px 0; letter-spacing: 0.2px; line-height: 23px; }

                        .phone{ font-weight: 700; letter-spacing: 0.6px; color: #29479c; font-size: 18px; }
                        .directions{ font-size: 17px; color: #72a433; }

                        #searchform{ font-size: 0; position: relative; margin: 0 0 17px 0; }
                        #searchform label{ padding: 0; font-size: 14px; color: #000; position: absolute; top: 0; left: 155px;
                            padding: 6px 80px 6px 10px; height: 26px; }
                        #searchform input[type=radio]{ vertical-align: middle; border: 0; background-color: transparent;
                            display: none; }

                        #searchform label.radio{ padding: 6px 5px 3px 7px; border-top: #d4d3d3 1px solid; line-height: 26px;
                            border-bottom: #d4d3d3 1px solid; font-size: 13px; position: relative; left: 0; width: 62px; }
                        .android #searchform label.radio{ top: 1px; }
                        .msie #searchform label.radio{ top: 1px; }
                        #searchform label.radio input{ }
                        #searchform label.radio span{ height: 14px; width: 14px; background-position: -130px -182px;
                            display: inline-block; position: absolute; top: 11px; left: 6px; }
                        #searchform label.radio input:checked + span{ background-position: -153px -182px; }

                        #searchform #s{ background-color: transparent; font-size: 14px; color: #000; width: 143px;
                            border: #d4d3d3 1px solid; border-right: 0; padding: 6px 11px 4px 11px; line-height: 25px;
                            height: 25px; }
                        .msie #searchform #s{ /*top: -1px;*/ }
                        #searchform #s:focus + label{ /*display: none;*/ }
                        #searchform #searchsubmit{ border: 0; background-color: transparent; padding: 5px 15px 5px 15px;
                            border: #d4d3d3 1px solid; border-left: 0; margin: 0; background-position: -606px -180px; }

                    #head_right_right{ padding: 0 0 10px 0; }
                    #head_right_right strong{ color: #29479c; font-weight: 700; letter-spacing: 0.6px; font-size: 18px; }
                        
                        .head_hours{ font-size: 14px; color: #72a433; line-height: 19px; }
                        .head_hours span{ color: #000; line-height: 19px; }

        #mainNav{ }

            #menuCont{ max-width: 1143px; position: relative; }

                #social_head{ position: absolute; top: 0; right: 0; padding: 18px 15px 17px 15px; font-size: 0;
                    background-position: -5px -243px; width: auto; height: 40px; }

                    .socialBtn{ display: inline-block; width: 27px; height: 27px; margin: 0 0 0 1px; }
                        .facebook{ background-position: -177px -182px; }
                        .twitter{ background-position: -212px -182px; }
                        .pinterest{ background-position: -247px -182px; }
                        .instagram {background-position: -247px -215px;}
                        .snapchat {background-position: -212px -215px;}
                        .tumblr {background-position: -177px -215px;}
                        .youtube {background-position: -177px -247px;}
            
                .sf-menu { text-align: center; margin: 0 0 0 0; background-position: -673px -242px; padding: 0 0 1px 0;
                    background-color: #72a333; }
                .sf-menu li{ display: inline-block; list-style-type: none; text-align: center; margin: 0 0 0 0; }
                .sf-menu li:first-child{ margin: 0; }

                .sf-menu li a{ display: block; text-decoration: none; color: #fff; font-weight: 700;
                    padding: 19px 10px 17px 10px; font-size: 19px; }
                .sf-menu li:hover, .sf-menu li.sfHover{ }

                .sf-menu li a:hover, .sf-menu li a:active, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a{ 
                    background-color: #8dc63f; }
                .sf-menu li.sfHover li a, .sf-menu li.current-menu-item li a{ }

                /* sub ul display position */
                .sf-menu li:hover ul, .sf-menu li.sfHover ul{ top: 62px; left: -12px; }
                
                /* sub items */
                .sf-menu li ul{ margin: 0 0 0 0; padding: 27px 0 10px 0; background-color: #8dc63f; 
                    background-position: -9px -315px; }
                .sf-menu li ul li{ text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; }
                .sf-menu li ul li a{ font-weight: normal; margin: 0 0 0 0; padding: 1px 20px 1px 20px; font-size: 20px;
                    color: #1e347a; background-color: #8dc63f; line-height: 29px; }
                .sf-menu li ul li a:hover, .sf-menu li ul li a:active, .sf-menu li ul li.current-menu-item a{ color: #fff;
                    background-color: #273679; }

  /* =========================================================================================================================
    Main Body Styles
  ========================================================================================================================= */

    /* main #title_wrap styles */
        #title_wrap{ margin: 14px 0 0 0; }
            #title_cont{ max-width: 1143px; }
                #title{ background-color: #29479c; padding: 0 0 0 0; }
                #title h1{ color: #fff; font-weight: 500; padding: 34px 10px 29px 34px; font-size: 53px; line-height: 60px;
                    margin: 0; }

                    #featImg{ position: relative; margin: 0 0 0 0; }
                    #featImg img{ }
                    #featImg span{ position: absolute; top: 36px; left: 0; width: 22px; height: 55px;
                        background-position: -650px -179px; }

    /* main #container styles */
        #container{ padding-bottom: 30px; }

            #content{ padding: 34px 25px 30px 40px; }
            #content.no-sidebar{ }
            #content.home-page{ }

            #content img, #content iframe, #content table{ max-width: 100%; height: auto; }
            #content iframe{ height: 450px; }
            #content table{ max-width: 100% !important; height: auto; }
                
                .holder{ }

                .gallery{ margin: 15px 0 15px 0; }
                .gallery figure{ float: left; margin: 0 11px 11px 0; }
                .gallery figure a{  }
                .gallery figure a img{  }

                .page-list{ }
                .page-list li{ list-style-type: none; }
                .page-list li a{ text-decoration: none; display: block; }
                .page-list li a:hover, .page-list li a:active{ text-decoration: underline; }
                .page-list li a span{ float: left; margin: 0 5px 0 0; }
                .page-list li a i{ display: inline-block; margin: 0 10px 0 0; }
                .page-list li a:hover span, .page-list li a:active span{ }
                .page-list ul{ margin: 0 0 0 15px; }

                .result{ padding: 30px 10px 15px 10px; margin: 15px 0 0 0; border-top: #d5d5d6 1px solid; }
                .result h3{ margin: 0 0 5px 0; }
                .result p{ margin: 0 0 17px 0; }

                    .featuredImg{ float: left; margin: 0 15px 0 0; }
                    .featuredImg img{ }
                    
                .result .lnMore{ font-weight: 700; color: #8dc63f; }

                .post{ }

                .wp-pagenavi{ margin: 15px 0 15px 0; padding: 30px 0 15px 0; }
                    .pages{ }
                    .current{ }
                    .page{ }
                    .nextpostslink{ }
                    .previouspostslink{ }

    /* home page styles */
        #slider_cont{ margin: 14px auto 18px auto; position: relative; max-width: 1143px; }
            #slider{ padding: 0; /*margin-left: 10px;*/ /*width: 59%;*/ /*max-width: 682px;*/ }

                .slide{ padding: 0; /*margin-left: -10px !important;*/ }
                .slide img{ /*opacity: 0.3;*/ /*max-width: 100%; height: auto;*/ }

                    .slide_content{ position: absolute; top: 0; left: 0; padding: 48px 50px 39px 44px; max-width: 285px;
                        background: url( '../img/slide_bg.png' ) 0 0; height:365px }
                    .slide_content h1{ color: #1e347a; font-size: 53px; line-height: 51px; margin: 0 0 20px 0; }
                    .slide_content p{ color: #000; font-size: 24px; line-height: 26px; margin: 0 0 24px 0; }
                    .slide_content a{ color: #fff; font-weight: 700; text-align: center; width: 225px; display: inline-block;
                        padding: 21px 0 18px 0; background-color: #8dc63f; }

                #slide_arrows{ position: absolute; top: 193px; left: 0; z-index: 100; max-width: 405px; z-index: 501; width: 100%; }
                #slide_arrows a{ display: inline-block; height: 32px; width: 22px; position: relative; }
                    .prevSlide{ background-position: -767px -91px; margin-left: -10px; }
                    .nextSlide{ background-position: -767px -131px; float: right; margin-right: -10px; }

            #slideLinks{ margin-left: -3px; position: relative; z-index: 500; width: 460px; right: 10px; position: absolute;
                float: none; }
                
                .linkBox{ padding-left: 0; width: 460px; }
                .linkBox.imgRight{ padding: 0 0 0 24px; background-color: #29479c; }
                .linkBox.imgLeft{ padding: 0 40px 0 0; background-color: #1e347a; }

                .linkBox.imgRight .linkBox_img{ float: right; margin: 0 0 0 40px; }
                .linkBox.imgLeft .linkBox_img{ float: left; margin: 0 23px 0 0; }

                .linkBox h3{ color: #fff; font-size: 37px; line-height: 45px; margin: 18px 0 3px 0; }
                .linkBox p{ color: #fff; font-size: 16px; line-height: 20px;  }
                .linkBox a{ font-weight: 700; color: #8dc63f; font-size: 18px; }

                .linkBox_img{ position: relative; }
                .linkBox_img span{ position: absolute; height: 60px; width: 30px; top: 90px; z-index: 2; }
                .linkBox.imgRight .linkBox_img span{ background-position: -737px -91px; }
                .linkBox.imgLeft .linkBox_img span{ right: 0; background-position: -754px -4px; }
                .linkBox_img img{ /*opacity: 0.4;*/ }

        #home_databases_cont{ background-color: #29479c; }
            #home_databases{ }
                
                #home_db_search{ background-color: transparent !important; padding: 34px 0 15px 10px !important; width: 23%; }
                #home_db_search h5{ font-weight: normal; text-transform: none; font-size: 45px !important; line-height: 43px;
                    margin: 0 0 9px 0 !important; }
                #home_db_search p{ color: #fff; font-size: 16px; line-height: 20px; }
                #home_db_search label{ top: auto !important; bottom: 54px; left: 9px !important; }
                #home_db_search select{ margin: 0 0 9px 0 !important; }
                #home_db_search a{ font-size: 19px !important; }
                #home_db_search a.sbDB{ top: auto !important; bottom: 54px; right: 1px; border: #fff 2px solid; }

                span.customSelect{ background: #fff url( '../img/select_arrow.png' ) 9px 16px no-repeat; }                

                #home_db_buttons{ width: 77%; padding: 23px 5px 21px 5px; }
                
                .home_db_buttons_cont{ padding: 0 0 5px 5px; }
                #home_db_buttons a{ display: block; padding: 12px 70px 0 18px; /*max-width: 202px;*/ position: relative;
                    /*min-height: 115px; margin: 0 0 5px 5px; float: left;*/ height: 110px;

                    -webkit-transition: all 100ms linear;
                    -moz-transition: all 100ms linear;
                    -o-transition: all 100ms linear;
                    -ms-transition: all 100ms linear;
                    transition: all 100ms linear; }
                #home_db_buttons a:active{ text-decoration: none; }
                #home_db_buttons a:hover{ text-decoration: none;
                    -webkit-transform: scale(1.04);  
                    -moz-transform: scale(1.04);  
                    -ms-transform: scale(1.04);   
                    -o-transform: scale(1.04);   
                    transform: scale(1.04); }
                
                #home_db_buttons a h4{ color: #fff; font-size: 30px; line-height: 35px; margin: 0 0 6px 0; }
                #home_db_buttons a p{ color: #fff; font-size: 16px; line-height: 20px; }
                #home_db_buttons a br{ line-height: 20px; }
                #home_db_buttons a span{ width: 68px; height: 60px; background-position: -673px -172px; display: inline-block;
                    position: absolute; bottom: 0; right: 4px; }

             /* span.customSelect{ width: 100%; max-width: 181px; }
                #seachDB{ width: 100% !important; max-width: 181px !important; } */

        .home-page #container{ }
            #home_tabs{ margin: 44px 0 0 0; }

                #home_tabs_nav{ width: 34%; padding-right: 0; position: relative; }
                #home_tabs_nav ul{ margin: 0 0 23px 0; padding: 0 0 0 0; max-width: 319px; }
                #home_tabs_nav ul li{ margin: 0 0 2px 0; padding: 0 0 0 0; list-style-type: none; }
                #home_tabs_nav ul li a{ color: #fff; display: block; padding: 14px 30px 10px 25px; font-size: 33px;
                    line-height: 37px; min-height: 75px; background-color: #cfcfcf; color: #1e347a; position: relative; }
                #home_tabs_nav ul li.selected a{ background-color: #29479c; color: #fff; }
                #home_tabs_nav ul li a span{ position: absolute; top: 0; right: -48px; height: 99px; width: 48px; display: none; }
                #home_tabs_nav ul li.selected a span{ display: block; background-position: -709px -67px; }

                #tabsNav_select_cont{ max-width: 320px; position: relative; border: #d4d3d3 1px solid; margin: 0 0 20px 0;
                    display: none; }
                #tabsNav_select_label{ position: absolute; top: 10px; left: 1px; width: 22px; display: none;
                    height: 15px; background-position: -758px -52px; padding: 13px 6px 11px 6px; z-index: 2; }
                #tabsNav_select{ /*display: none;*/ width: 320px !important; /*border: #d4d3d3 1px solid;*/ }
                #tabsNav_select_cont span.customSelect{ width: 235px; }

                #home_tabs_nav #jsStudioM_widget{ max-width: 227px; }
                #home_tabs_nav #jsStudioM_widget h5{ }
                #home_tabs_nav #jsStudioM_widget p{ }
                #home_tabs_nav #jsStudioM_widget a{ }

                #home_tabs_nav #jsSmartPay_widget{ max-width: 250px; }
                #home_tabs_nav #jsSmartPay_widget h5{ }
                #home_tabs_nav #jsSmartPay_widget p{ }
                #home_tabs_nav #jsSmartPay_widget a{ }

                #tabs_cont{ width: 66%; }
                    
                    .tab{ padding-left: 0; display: none; }
                    .tab.opened{ display: block; }
                    .tab h3{ color: #29479c; font-size: 35px; letter-spacing: 0.1px; padding: 6px 30px 0 30px; 
                        line-height: 36px; }
                    .tab p{ margin: 0 0 16px 30px; font-size: 23px; letter-spacing: -0.1px; }
                    .tab .gform_wrapper{ padding-left: 30px; padding-right: 30px; }

                        .events_tab_wrap{ text-align: center; background-color: #cfcfcf; }
                        .events_tab_wrap span{ width: 87px; height: 82px; display: inline-block; 
                            background-position: -446px -182px; }
                        .events_tab_wrap span.left{ margin: 0 145px 9px 0; }
                        .events_tab_wrap span.right{ margin: 0 0 9px 145px; }

                            .events_tab_cont{ text-align: left; padding: 0 32px 0 33px; }
                            .events_tab_cont.mCustomScrollbar{ max-height: 489px; overflow: hidden; }

                                .eventAll{ float: right; color: #fff; font-weight: 700; width: 225px; margin: 0 32px 0 0;
                                    font-size: 18px; padding: 20px 0 19px 0; text-align: center;
                                    background-color: #8dc63f; }
                                
                                .event{ display: block; position: relative; padding: 15px 75px 15px 25px; font-size: 16px; 
                                    line-height: 20px; margin: 0 0 1px 0; background-color: #fff; text-decoration: none; }
                                .event:hover{ text-decoration: none; }
                                .event arrow{ width: 19px; height: 32px; background-position: -329px -182px; position: absolute;
                                    top: 46px; right: 20px; }
                                .event h5{ color: #29479c; font-weight: normal; text-transform: none; font-size: 24px;
                                    margin: 0 0 2px 0; }
                                .event strong{ font-size: 16px; line-height: 20px; }
                                .event br{ line-height: 20px; }
                                .event p{ margin: 0 0 0 0; font-size: 16px; line-height: 20px; }

                                .event span{ background-image: none; width: auto; height: auto; display: block; }

                        .news_tab_cont{ text-align: left; padding: 30px; background-color: #cfcfcf; }
                        .news_tab_cont .eventAll{ margin: 0; }
                            .news_articles{ display: block; padding: 15px 75px 15px 25px; font-size: 16px; 
                                line-height: 20px; margin: 0 0 1px 0; background-color: #fff; text-decoration: none; }
                            .news_articles h5{ color: #8dc63f; font-weight: normal; text-transform: none; font-size: 24px;
                                margin: 0 0 5px 0; }
                            .news_articles p{ margin: 0 0 10px 0; font-size: 16px; line-height: 20px; }
                            .news_articles a{ color: #8dc63f; font-size: 16px; line-height: 20px; /*font-weight: 700;*/ }
                            .news_articles h5 a{ color: #8dc63f; font-size: 24px; line-height: 20px; /*font-weight: 700;*/ }

    /* main databases styles */
                .database_cont{ }

                    .database{ border: #cfcfcf 1px solid; padding: 19px 17px 0 17px; min-height: 131px; margin: 0 0 15px 0; }
                    .database h4{ color: #72a333; font-weight: 800; margin: 0 0 2px 0;
                        font-size: 18px; line-height: 20px; }
                    .database p{ font-size: 16px; line-height: 20px; }
                        
                        .database_links{ float: right; border-left: #cfcfcf 1px solid; margin: -5px 0 7px 10px; 
                            padding: 0 0 0 23px; max-width: 72px; width: 96px; }
                        .database_links a{ display: inline-block; height: 52px; width: 52px; }
                        .database_links a.library{ background-position: -9px -182px; margin: 0 0 12px 0; }
                        .database_links a.home{ background-position: -69px -182px; height: 46px; }

    /* news ( archive and single ) styles */
                

  /* =========================================================================================================================
    sidebar Styles
  ========================================================================================================================= */

            #sidebar{ padding: 19px 10px 29px 31px; }

                #jsPageNavs_widget, #jsCatNav_widget{ margin: 0 0 18px 0; }
                #jsPageNavs_widget h5, #jsCatNav_widget h5{ margin: 0; color: #fff; padding: 35px 10px 26px 10px; 
                    text-align: center; font-size: 32px; line-height: 35px; font-weight: 700; background-color: #29479c;
                    text-transform: none; }
                #jsPageNavs_widget ul, #jsCatNav_widget ul{ margin: 0 0 0 0; padding: 0 0 0 0; display: block; }
                #jsPageNavs_widget ul li, #jsCatNav_widget ul li{ margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; 
                    display: block; }
                #jsPageNavs_widget ul li a, #jsCatNav_widget ul li a{ margin: 0 0 1px 0; padding: 12px 0 12px 25px; 
                    color: #1e347a; display: block; font-size: 22px; background-color: #cfcfcf; }
                #jsPageNavs_widget ul li.selected a, #jsCatNav_widget ul li.selected a{ background-color: #8dc63f; color: #fff; }

                #jsDatabaseSearch_widget, #home_db_search{ padding: 29px 27px 15px 26px; position: relative; 
                    background-color: #29479c; margin: 0 0 18px 0; }
                #jsDatabaseSearch_widget h5, #home_db_search h5{ color: #fff; font-size: 30px; margin: 0 0 13px 0;
                    text-transform: none; font-weight: normal; }
                #jsDatabaseSearch_widget label, #home_db_search label{ position: absolute; top: 66px; left: 27px; width: 22px; 
                    height: 15px; background-position: -758px -52px; padding: 13px 6px 11px 6px; z-index: 2; display: none; }
                #jsDatabaseSearch_widget select, #home_db_search select{ /*background-color: transparent;*/ border: 0; width: 100%; 
                    margin: 0 0 13px 0; padding: 11px 22px 8px 34px; z-index: 1; position: relative; background-color: #fff;
                    /*background: #fff url( '../img/select_arrow.png' ) 0 0 no-repeat;*/ }

                #jsDatabaseSearch_widget .customSelect{ /*max-width: 100%; width: auto;*/ 
                    /*background: #fff url( '../img/select_arrow.png' ) 0 0 no-repeat;*/
                    display: block !important; max-width: 100%; width: auto; }

                #jsDatabaseSearch_widget a, #home_db_search a{ color: #8dc63f; font-size: 18px; font-weight: 700; }
                    .sbDB, #home_db_search .sbDB{ width: 35px; height: 35px; display: inline-block; position: absolute; 
                        top: 69px; right: 26px; background-position: -566px -182px; z-index: 2; border: #fff 1px solid; }
                    .sbDB:active{ top: 70px; position: absolute; }

                #jsDatabaseSearch_widget a.sbDB{ right: 28px; }

                #jsCalendar_widget_cont{ text-align: center; padding: 0 21px 18px 18px; background-color: #cfcfcf; }
                #jsCalendar_widget_cont span{ display: inline-block; width: 35px; height: 33px; margin: 0 60px 0 60px;
                    background-position: -283px -182px; z-index: 2; }
                #jsCalendar_widget_cont span.left{ margin-left: 0; }
                #jsCalendar_widget_cont span.right{ margin-right: 0; }

                    #jsCalendar_widget{ padding: 16px 0 16px 0; background-color: #fff; }
                    #jsCalendar_widget h5{ font-weight: 700; color: #8dc63f; font-size: 28px; line-height: 30px; margin: 0;
                        text-transform: none; }
                    #jsCalendar_widget h6{ color: #29479c; font-size: 29px; line-height: 35px; margin: 0 0 10px 0;
                        text-transform: none; font-weight: normal; }
                    #jsCalendar_widget a{ background-image: none; padding: 20px 10px 19px 10px; display: inline-block;
                        color: #fff; font-weight: 700; font-size: 18px; width: 205px; background-color: #8dc63f; }

                #jsResourcesNav_widget{ margin: 0 0 22px 0; }
                #jsResourcesNav_widget h5{ margin: 0 0 1px 0; color: #fff; padding: 32px 10px 28px 10px; text-align: center;
                    font-size: 32px; line-height: 35px; font-weight: 700; background-color: #29479c; text-transform: none; }
                #jsResourcesNav_widget h6{ margin: 0 0 1px 0; }
                #jsResourcesNav_widget h6 a{ text-transform: none; color: #fff; font-weight: normal; font-size: 21px;
                    padding: 10px 25px 12px 26px; display: block; background-color: #8dc63f; position: relative; }
                #jsResourcesNav_widget h6 a span{ position: absolute; width: 22px; height: 14px; top: 20px; right: 25px;
                    background-position: -358px -182px; }
                #jsResourcesNav_widget h6 a.digResource{ background-color: #cfcfcf; color: #1e347a; }
                #jsResourcesNav_widget h6 a.digResource span{ width: 14px; height: 22px; background-position: -542px -182px;
                    top: 13px; }

                #jsResourcesNav_widget ul{ margin: 0 0 1px 0; padding: 9px 0 15px 27px; background-color: #f3f3f3; 
                    display: block; }
                #jsResourcesNav_widget ul li{ list-style-type: none; margin: 2px 0 0 0; padding: 0 0 0 0; 
                    text-transform: uppercase; color: #72a333; font-size: 17px; font-weight: 700; line-height: 21px; }
                #jsResourcesNav_widget ul li a{ text-transform: none; color: #1e347a; font-size: 16px; font-weight: 400;
                    line-height: 21px; }

                #jsStudioM_widget{ padding: 22px 70px 24px 22px; background-position: -339px -10px; margin: 0 0 23px 0;
                    max-width: 232px; }
                #jsStudioM_widget h5{ text-transform: none; color: #8cc63f; font-weight: normal; font-size: 46px;
                    line-height: 40px; margin: 0 0 1px 0; }
                #jsStudioM_widget p{ color: #fff; font-size: 19px; line-height: 22px; margin: 0 0 5px 0; }
                #jsStudioM_widget a{ color: #8cc63f; font-weight: 700; font-size: 18px; }

                #jsSmartPay_widget{ padding: 20px 50px 17px 21px; margin: 0 0 34px 0; background-position: -10px -10px;
                    max-height: 125px; max-width: 250px; }
                #jsSmartPay_widget h5{ text-transform: none; color: #fff; font-weight: normal; font-size: 50px;
                    line-height: 40px; margin: 0 0 9px 0; }
                #jsSmartPay_widget p{ color: #fff; font-size: 19px; line-height: 19px; }
                #jsSmartPay_widget a{ color: #fff; font-weight: 700; font-size: 19px; }

  /* =========================================================================================================================
    footer Styles
  ========================================================================================================================= */

        #footerWrap{ }
            
            #footer_links{ position: relative; border-bottom: #8dc63f 28px solid; overflow: hidden;
                background: url( 'http://www.monroetwplibrary.org/assets/2015/01/products-bg.jpg' ) center top repeat-x; }
            #footer_links img{ margin: 0 0 0 -1250px; display: block; /*opacity: 0.4;*/ position: absolute; top: 0;
                left: 50%; z-index: 1; display: none; }
                #service_links{ position: relative; z-index: 2; text-align: center; padding: 78px 0 130px 0; overflow: hidden; }
                #service_links h6{ color: #fff; font-size: 45px; line-height: 55px; margin: 0 0 59px 0;
                    text-transform: none; font-weight: normal; }
                #service_links a{ display: inline-block; /*background-color: transparent !important;*/
                    color: #fff; margin: 0 7px 12px 7px; font-size: 22px; padding: 22px 10px 17px 10px;
                    width: 320px;

                    -webkit-transition: all 100ms linear;
                    -moz-transition: all 100ms linear;
                    -o-transition: all 100ms linear;
                    -ms-transition: all 100ms linear;
                    transition: all 100ms linear; }
                #service_links a:hover{ text-decoration: none;

                    -webkit-transform: scale(1.04);  
                    -moz-transform: scale(1.04);  
                    -ms-transform: scale(1.04);   
                    -o-transform: scale(1.04);   
                    transform: scale(1.04); }

            #footer_newsletter{ background: url( '../img/newsletter_bg.jpg' ) center top repeat-x; }
                #newsletter_cont{ max-width: 1028px; margin: 57px auto 54px auto; padding: 45px 35px 40px 35px; 
                    background-color: #fff; }
                #newsletter_cont .gform_wrapper{ margin: 0; max-width: 100%; padding: 31px 55px 0 35px; position: relative; }
                #newsletter_cont .gform_wrapper form{ margin: 0 0 0 0; }
                
                #newsletter_cont .gform_wrapper form .gform_heading{ margin: 0; max-width: 50%; float: left; }
                #newsletter_cont .gform_wrapper form .gform_heading h3{ font-weight: normal; font-size: 33px; line-height: 35px;
                    margin: 0 0 3px 0; color: #1e347a; }
                #newsletter_cont .gform_wrapper form .gform_heading .gform_description{ }                
                #newsletter_cont .gform_wrapper form .gform_body{ max-width: 50%; width: 100%; float: left; 
                    padding: 21px 0 0 0; }
                #newsletter_cont .gform_wrapper form .gform_body label{ display: none; }
                #newsletter_cont .gform_wrapper form .gform_body input{ background-color: transparent; margin: 0 0 0 10px;
                    border: #d4d3d3 2px solid; border-right: 0; font-size: 16px; width: 295px;
                    padding: 10px 16px 9px 16px !important; }

                #newsletter_cont .gform_wrapper form .gform_footer{ margin: 0; padding: 0; position: absolute; top: 52px; 
                    right: 58px; }
                #newsletter_cont .gform_wrapper form .gform_footer input[type=submit]{ background-color: transparent;
                    border: #d4d3d3 2px solid; border-left: 0; text-align: center; color: #fff; font-weight: 700;
                    font-size: 18px; padding: 11px 27px 8px 33px; background-position: -441px -270px; }

                #newsletter_cont .gform_wrapper form .validation_error{ display: none; }
                #newsletter_cont .gform_wrapper li.gfield.gfield_error.gfield_contains_required{ margin: 0 !important;
                    padding: 0 !important; background-color: transparent !important; border: 0 !important; }

                #newsletter_cont .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, 
                #newsletter_cont .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{ 
                    margin: 0 !important; }

                #newsletter_cont .gform_wrapper .ginput_container + .gfield_description.validation_message{ margin: 0 0 0 10px; }

            #footer_cont{ background-color: #1e347a; }
                #footer{ }
                    
                    #footer_left{ }
                        
                        #footMenu{ padding: 62px 10px 34px 0; }
                        #footMenu ul{ margin: 0 0 0 0; padding: 0 0 0 0; }
                        #footMenu ul li{ list-style-type: none; max-width: 27%; display: inline-block; width: 100%;
                            margin: 0 4px 18px 0; }
                        #footMenu ul li a{ text-transform: uppercase; font-weight: 800; color: #8dc63f; font-size: 16px; }

                        #footer_left_cnt{ padding: 0 10px 0 0; }
                            
                            .copy{ color: #fff; font-size: 12px; letter-spacing: 0.1px; display: inline-block;
                                margin: 0 6px 0 0; }
                            #copyMenu{ display: inline-block; }
                            #copyMenu ul{ display: inline-block; margin: 0; padding: 0; }
                            #copyMenu ul li{ display: inline-block; margin: 0; padding: 0 0 0 18px; 
                                background-position: -782px -173px; }
                            #copyMenu ul li:first-child{ padding: 0; background-image: none; }
                            #copyMenu ul li a{ color: #8dc63f; font-size: 12px; }

                            .splendor{ color: #8dc63f; font-size: 12px; line-height: 16px; }

                    #footer_right{ position: relative; padding: 20px 10px 0 19px; }
                        #footer_right_logo{ }
                            
                        #footer_right_logo #social_head{ background-image: none; top: 56px; right: 6px; 
                            padding: 18px 19px 0 15px; }
                        #footer_right_logo #social_head .socialBtn{ }

                        #footer_right_logo .logo{ margin: 21px 0 28px 0; }
                        #footer_right_logo .logo img{ }

                        #footer_right_hours{ text-align: left; padding: 0 0 0 9px; }
                        #footer_right_hours strong{ display: block; width: 100%; color: #8dc63f; font-weight: 800;
                            text-transform: uppercase; font-size: 16px; margin: 0 0 2px 0; }

                        #footer_right_hours .head_hours{ color: #fff; font-size: 18px; padding: 0 0 5px 0; max-width: 45%; }
                        #footer_right_hours .head_hours span{ color: #8dc63f; }

                        #footer_right_locations{ padding: 16px 10px 0 10px; }
                        #footer_right_locations strong{ color: #8dc63f; font-weight: 800; text-transform: uppercase; 
                            font-size: 16px; margin: 0 0 2px 0; }
                        #footer_right_locations p{ color: #fff; font-size: 18px; }
                        #footer_right_locations a{ color: #fff; }
                        #footer_right_locations span{ color: #8dc63f; }
                        #footer_right_locations .directions{ display: inline-block; margin: 0 80px 0 0; }

/* ===========================================================================================================================
    gavity forms
 ========================================================================================================================== */

    .gform_wrapper{  }
    .gform_wrapper ul{ width: 100%; }
    .gform_wrapper input[type=text], .gform_wrapper select, .gform_wrapper textarea{ padding: 5px 10px 5px 10px !important;
        /*width: 90% !important;*/ }
    .gform_wrapper select{ }
    .gform_wrapper textarea{ }
    .gform_wrapper label{ }
    .gform_wrapper input[type=submit]{ }
    .gform_confirmation_message{ }
    .ginput_container{ padding-left: 0; }
    .gform_wrapper .gform_footer{ margin: 0 !important; padding: 0 !important; }

/* ===========================================================================================================================
    Helper classes
 ========================================================================================================================== */

    /*
    * Image replacement
    */

    .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
    .ir:before { content: ""; display: block; width: 0; height: 150%; }

    /*
    * Hide from both screenreaders and browsers: h5bp.com/u
    */

    .hidden {  display: none !important; visibility: hidden; }

    /*
    * Hide only visually, but have it available for screenreaders: h5bp.com/v
    */

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

    /*
    * Extends the .visuallyhidden class to allow the element to be focusable
    * when navigated to via the keyboard: h5bp.com/p
    */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

    /*
    * Hide visually and from screenreaders, but maintain layout
    */

    .invisible { visibility: hidden; }

    /*
    * Clearfix: contain floats
    *
    * For modern browsers
    * 1. The space content is one way to avoid an Opera bug when the
    *  `contenteditable` attribute is included anywhere else in the document.
    *  Otherwise it causes space to appear at the top and bottom of elements
    *  that receive the `clearfix` class.
    * 2. The use of `table` rather than `block` is only necessary if using
    *  `:before` to contain the top-margins of child elements.
    */

    .clearfix:before,
    .clearfix:after { content: " "; display: table; }
    .clearfix:after { clear: both; }

    /*
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */

    .clearfix { *zoom: 1; }

/* ===========================================================================================================================
    EXAMPLE Media Queries for Responsive Design.
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
 ========================================================================================================================== */

    @media only screen and (max-width: 1200px) {

        #home_db_search{ width: 100%; padding: 34px 10px 0 10px !important; margin: 0; }
        #home_db_search label{ bottom: 14px; top: auto; }
        #home_db_search select{ /*margin-right: 10px;*/ }
        #home_db_search a.sbDB{ right: auto; left: 226px; bottom: 14px; }

        #home_db_buttons{ width: 100%; }

        #footer_right_logo .logo img{ max-width: 100%; height: auto; }

        #jsDatabaseSearch_widget{ }
        #jsDatabaseSearch_widget #seachDB_label{ top: auto; bottom: 55px; }
        #jsDatabaseSearch_widget #seachDB{ }
        #jsDatabaseSearch_widget .customSelect{ /*max-width: 100%; width: 70%;*/ 
            /*display: block !important; max-width: 100%; width: auto;*/ }
        #jsDatabaseSearch_widget .customSelect span{ }
        #jsDatabaseSearch_widget a{ }
        #jsDatabaseSearch_widget a.sbDB{ top: auto; bottom: 55px; left: auto; /*right: 25px;*/ }

    }

    @media only screen and (max-width: 1170px) {

        #head_right_left{ padding: 2px 10px 0 10px; width: 75%; }
        #head_right_right{ width: 25%; }
        #searchform label{ left: auto; right: 186px; }

        #sidebar{ padding-right: 0; }

        #footer_right_logo #social_head{ top: auto; right: auto; position: relative; padding: 18px 10px 0 0; }

    }

    @media only screen and (max-width: 1100px) {

        #jsDatabaseSearch_widget .customSelect{ /*max-width: 100%; width: 68%;*/ }
        #jsDatabaseSearch_widget a.sbDB{ }

    }

    @media only screen and (max-width: 1050px) {

        /*#social_head a{ display: none; }*/
        #home_tabs_nav ul li.selected a span{ display: none; }

        #jsDatabaseSearch_widget .customSelect{ /*max-width: 100%; width: 66%;*/ }
        #jsDatabaseSearch_widget a.sbDB{ }

    }

    @media only screen and (max-width: 1025px) {

        #home_tabs_nav{ width: 100%; padding-right: 10px; }
        #home_tabs_nav ul{ display: none; }
        #tabsNav_select_cont{ display: block; /*float: left; margin-right: 1%;*/ width: 100%; overflow: hidden;
            /*text-align: center;*/ /*margin: 0 auto 20px auto;*/ }
        #home_tabs_nav #jsStudioM_widget, #home_tabs_nav #jsSmartPay_widget{ display: block; 
            float: left; margin-right: 1%; /*width: 31%;*/ }
        #home_tabs_nav #jsSmartPay_widget{ margin-right: 0; }

        #tabs_cont{ width: 100%; }
            .tab{ padding-right: 0; }

        #footer_right{ padding: 20px 0 0 0; }

        #jsDatabaseSearch_widget .customSelect{ /*max-width: 78%; width: 76%;*/ }
        #jsDatabaseSearch_widget a.sbDB{ }

    }

    @media only screen and (max-width: 1010px) {

        .sf-menu{ text-align: left; }

    }

    @media only screen and (max-width: 920px) {

        #home_db_buttons a{ height: 145px; }

    }

    /* when the mean menu displays */    
    @media only screen and (max-width: 875px) {

        .logo img{ max-width: 260px; }

        #social_head{ display: none; }
        #header{ padding: 65px 10px 0 10px; }

        #slider_cont{ margin: 14px auto 0 auto; padding: 0 0 0 0; }
        #slider{ width: 100%; }
        #slideLinks{ display: none; width: 100%; padding: 0 0 0 0; position: relative; margin-left: 0; right: auto; float: left; /*display: block;*/
            margin: 0 auto 0 auto; /*background-color: #1e347a;*/ background: #1e347a url( '../img/home_mobile_bg.png' ) 0 0 repeat-x; }
            .linkBox{ float: none; margin: 0 auto 0 auto; }

        #slide_arrows{ max-width: 100%; }

        #home_databases{ padding-bottom: 30px; }
        /*#home_db_search{ width: 100%; padding-right: 10px !important; margin: 0; }
        #home_db_search a.sbDB{ right: 10px; }*/

        #home_tabs_nav{ width: 100%; padding-right: 10px; }
        #home_tabs_nav ul{ margin: 0 0 30px 0; padding: 0 0 0 0; width: 100%; }
        #home_tabs_nav ul li{ }
        #home_tabs_nav ul li a{ min-height: 0; }
        #home_tabs_nav ul li.selected a span{ display: none; }

        #jsSmartPay_widget{ padding: 20px 10px 17px 20px; }

        /*#home_tabs_nav #jsStudioM_widget{ float: left; margin: 0 30px 30px 0 }
        #home_tabs_nav #jsSmartPay_widget{ float: left; margin: 0 30px 30px 0 }*/

        #tabs_cont{ width: 100%; }
            .tab{ padding-left: 10px; }
                .events_tab_cont.mCustomScrollbar{ /*max-height: 10000px;*/ }

        #title h1{ padding: 34px 10px 29px 20px; }
        #content{ padding: 34px 10px 30px 10px; }

        /*#jsDatabaseSearch_widget label, #home_db_search label{ bottom: 56px; top: auto; }
        .sbDB, #home_db_search .sbDB{ bottom: 54px; top: auto; }
            .sbDB:active{ top: auto; bottom: 54px; }*/

        #newsletter_cont{ margin: 57px auto 54px auto; padding-bottom: 20px; }
        #newsletter_cont .gform_wrapper form .gform_heading{ max-width: 100%; }
        #newsletter_cont .gform_wrapper form .gform_body{ max-width: 100%; }
        #newsletter_cont .gform_wrapper form .gform_body input{ width: 85%; }
        #newsletter_cont .gform_wrapper form .gform_footer{ top: auto; position: relative; bottom: auto; right: auto; }
        #newsletter_cont .gform_wrapper form .gform_footer input[type=submit]{ border: 0; margin-left: 5px; }
        #newsletter_cont .gform_wrapper form .gform_body input{ border-right: #d4d3d3 2px solid; }

        #footer_right{ padding: 20px 10px 0 0; }

        #home_db_search{ text-align: center; margin: 0 auto 0 auto; max-width: 400px; }
        #home_db_search a{ display: block; }
        #home_db_search a.sbDB{ left: 288px; bottom: 38px; }
        #home_db_search label{ bottom: 38px; left: 70px !important; }
        span.customSelect{ }
        span.customSelect span{ max-width: 100%; }

        #home_databases{ padding-bottom: 20px; }
        /*#home_db_buttons{ text-align: center; }
        #home_db_buttons a{ text-align: left; }*/
        #home_db_buttons{ padding: 23px 10px 0 10px; }
        .home_db_buttons_cont { width: 100%; padding: 0 0 5px 0; }
        #home_db_buttons a{ height: auto; padding-bottom: 15px; }

        #home_tabs_nav{ text-align: center; }
        #home_tabs_nav ul{ }
        #tabsNav_select_cont{ margin: 0 auto 20px auto; text-align: left; }
        #home_tabs_nav #jsStudioM_widget, #home_tabs_nav #jsSmartPay_widget{ text-align: left; float: none;
            display: inline-block; }
        #home_tabs_nav #jsStudioM_widget{ top: -7px; position: relative; }
        #home_tabs_nav #jsSmartPay_widget{ }

    }

    @media only screen and (max-width: 820px) {

        #logoCont{ width: 100%; }
        #head_right{ width: 100%; }
        #head_right_left{ text-align: left; padding-left: 0; width: 100%; }
        #searchform label{ left: 0; }
        #head_right_right{ display: none; }

        #searchform label.radio span{ left: -10px; }

    }

    /* mobile phone starts here */
    @media only screen and (max-width: 767px) {

        #sidebar{ padding: 0 20px 0 20px; }
        /*#jsStudioM_widget{ float: left; margin: 0 30px 30px 0; max-width: 232px; }
        #jsSmartPay_widget{ float: left; margin: 0 30px 30px 0; max-width: 290px; }*/
        #jsCalendar_widget_cont{ float: left; margin: 0 30px 30px 0; max-width: 280px; }

        #featImg{ display: none; }

        .slide{ width: 100%; }
        .slide img{ max-width: 100%; height: auto; }
        .slide_content{ position: relative; max-width: 100%; padding: 48px 20px 39px 20px; }
        .slide_content h1{ font-size: 37px; line-height: 38px; }

        #sidebar{ padding: 0 10px 0 10px; text-align: center; }
            #jsStudioM_widget{ text-align: left; float: none; display: inline-block; margin-right: 5px; top: -7px;
                position: relative; margin-top: 5px; }
            #jsSmartPay_widget{ text-align: left; float: none; display: inline-block; }
            #jsCalendar_widget_cont{ float: none; display: inline-block; margin-right: 0; }
            #jsStudioM_widget{ }
            #jsStudioM_widget{ }

    }

    @media only screen and (max-width: 663px) {

        #jsStudioM_widget{ margin-right: 0; margin-bottom: 10px; display: block; margin: 30px auto 10px auto; }
        #jsSmartPay_widget{ max-width: 290px; }
        #jsCalendar_widget_cont{ }
        #jsStudioM_widget{ }
        #jsStudioM_widget{ }

        #tabsNav_select_cont{ max-width: 318px; }
        #home_tabs_nav #jsStudioM_widget{ margin: 0 0 5px 0; }
        #home_tabs_nav #jsSmartPay_widget{ width: 100%; max-width: 289px; }

    }

    @media only screen and (max-width: 510px) {

        #slide_arrows{ top: 15%; }

        #newsletter_cont .gform_wrapper{ padding: 30px 10px 0 10px; }
        #newsletter_cont .gform_wrapper form .gform_body input{ width: 90%; margin: 0; border-right: #d4d3d3 2px solid; }
        #newsletter_cont .gform_wrapper form .gform_footer{ position: relative; top: auto; right: auto; }
        #newsletter_cont .gform_wrapper form .gform_footer input[type=submit]{ border-left: #d4d3d3 2px solid;
            padding: 11px 26px 8px 33px; background-position: -443px -270px; }

        #content img{ float: none !important; margin-left: 0; display: block; }

    }

    @media only screen and (max-width: 485px) {

        #slide_arrows{  }

        .linkBox{ width: 100%; max-width: 100%; padding: 20px !important; }
        .linkBox h3{ margin: 0 0 3px 0; }

        .linkBox_img{ display: none; }

        .events_tab_wrap{ padding-top: 32px; }
        .events_tab_wrap span{ display: none; }

        #label_sear_2{ border-right: #d4d3d3 1px solid; }
        #searchform label[for=s]{ display: none !important; }
        #searchform #searchsubmit{ margin-top: 5px; border-left: #d4d3d3 2px solid; padding: 4px 14px 5px 14px;
            background-position: -608px -180px; }

        #newsletter_cont .gform_wrapper{ padding: 30px 10px 0 10px; }
        #newsletter_cont .gform_wrapper form .gform_body input{ width: 90%; margin: 0; border-right: #d4d3d3 2px solid; }
        #newsletter_cont .gform_wrapper form .gform_footer{ position: relative; top: auto; right: auto; }
        #newsletter_cont .gform_wrapper form .gform_footer input[type=submit]{ border-left: #d4d3d3 2px solid;
            padding: 11px 26px 8px 33px; background-position: -443px -270px; }

        #searchform #s{ display: block; width: 97%; margin: 0 0 5px 0; border: #d4d3d3 1px solid; }
        #searchform label.radio{ border: none; padding-left: 20px; }
        #searchform label.radio span{ left: 0; }
        
        #slideLinks{ max-width: 100%; }
        #service_links a{ width: 90%; }

        #jsStudioM_widget{ margin: 0 0 30px 0; max-width: 100%; }
        #jsSmartPay_widget{ margin: 0 0 30px 0; max-width: 100%; }
        #jsCalendar_widget_cont{ margin: 0 0 30px 0; max-width: 100%; }

        /*#home_tabs_nav #jsStudioM_widget{ margin: 0 0 30px 0; max-width: 100%; }
        #home_tabs_nav #jsSmartPay_widget{ margin: 0 0 30px 0; max-width: 100%; }*/

        /*#home_db_buttons a{ max-width: 100%; width: 100%; }*/

        #footMenu ul li{ float: left; max-width: 48%; }

        .events_tab_wrap{ text-align: center; }
        .events_tab_cont{ text-align: left; }
        .eventAll{ margin: 0; display: inline-block; float: none; }

        #home_tabs_nav{ padding: 0; }
        .tab{ padding: 0 !important; }
        #sidebar{ padding: 0 10px 0 10px }

    }

    @media only screen and (max-width: 305px) {

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

        #slide_arrows{ top: 90px; }

    }

    @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {

        /* Style adjustments for high resolution devices */

    }

/* ===========================================================================================================================
    Print styles.
    Inlined to avoid required HTTP connection: h5bp.com/r
 ========================================================================================================================== */
 
    @media print {

        * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important; text-shadow: none !important; }
        a, a:visited { text-decoration: underline; }
        a[href]:after { content: " (" attr(href) ")"; }
        abbr[title]:after { content: " (" attr(title) ")"; }

        /*
        * Don't show links for images, or javascript/internal links
        */

        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }

        pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
        thead { display: table-header-group; /* h5bp.com/t */ }
        tr, img { page-break-inside: avoid; }
        img { max-width: 100% !important; }
        @page { margin: 0.5cm; }
        p, h2, h3 { orphans: 3; widows: 3; }
        h2, h3 { page-break-after: avoid; }

    }
    
/* ===========================================================================================================================
    end styles
 ========================================================================================================================== */