/*--------------------------------------------------------------------------------------
***** YPN Microsite Styles - Author: Matthew Giebeig | www.Accrinet.com - Jan 2014 *****
--------------------------------------------------------------------------------------*/

#ui-datepicker-div { background: #fff; border: 2px solid #333;}

.ui-datepicker-next {margin-left:100px;}

/* ------ General Styles / Resets ------- */
.addthis_floating_style {background:none!important; z-index:10 !important;}

body {margin:0px; font-family: 'Varela Round', sans-serif; color: #333; width:100%;}

a {color: text-decoration:none;}

a {color:#488D8D; text-decoration:none;}
a:hover {color: #0B5C66;}

h1, h2, h3, h4, h5, h6 {margin-top:5px;color: #BDD74A; text-transform:uppercase; text-align:center; font-weight:normal;}
h1 {font-size:50px;}
h2 {font-size:36px;}
h3 {font-size:20px; margin-bottom:6px;}
h4 {font-size:8pt; line-height:13px; margin-top:0px;}
h5, h6 {font-size:14px; line-height:50%}
img {max-width: 100%;}
.blue_heading {color: #0B5C66; }

#editAnywhere {display:none;}

/* ------ Header / Navigation Styles ------- */

#logo_large {display:block; position:absolute; left:0px; top:0px; width:438px; height:159px;background: url('graphics/design/ypn/large_logo.png') left top no-repeat;}
#slider { height:750px; position:relative; }
#slide_container { background: url('graphics/design/ypn/loading.gif') 50% 50% no-repeat; width: 100%; height:100%; position:relative; overflow:hidden;}
#home_slide_overlays {z-index:1000; position:absolute; left:0px; top:0px; height:0px; width:100%;}
#slide_nav_home { position:absolute; top:auto;right:0px; bottom:6px; overflow:hidden;}
#slide_nav_home a { text-indent: -9999px; margin-left:10px; background: #444; display:inline-block; width:10px; height: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
#slide_nav_home a.activeSlide { background: #ccc;}
#hs_prev {cursor:pointer; width:36px; height:36px; position:absolute; left: 0px; top: 288px; background: url('graphics/design/ypn/prev.png') left top no-repeat;}
#hs_next {cursor:pointer; width:36px; height:36px; position:absolute; right: 0px; top: 288px; background: url('graphics/design/ypn/next.png') left top no-repeat;}
.homeslide {width: 100% !important; height: 100% !important; position:relative;}

#header_interior { width: 100%; height:300px; overflow:hidden;}
#header_interior span {display:none;}
#header_interior span img {display:none;}
.blue_large_centered {font-size:22px; text-align:center; color: #0B5966;}

#navigation {z-index: 5000; background:#BDD74A; height:60px; width:100%; }
#navigation.fixednav {position:fixed; top:0px;left:0px;-webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.33);-moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.33);box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.33);}
#navspacer {width:100%; height:60px;}

#nav_logo {display:block; float:left; margin-top:9px; width:189px; height:41px;background: url('graphics/design/ypn/small_logo.png') left top no-repeat;}


.ypn_main_menu {z-index: 5005;margin:0 20px 0 0;  padding:0;    float: right;list-style: none;}
.ypn_main_menu ul {display:none;padding:0px; margin:0px; list-style: none;}
.ypn_main_menu li:hover>ul {display:block;list-style: none;}
.ypn_main_menu li {position:relative;margin:0px;padding:0px;z-index: 5010}
.ypn_main_menu a { font-weight:bold;}

    /* First Level */
    .ypn_main_menu > li {float: left;text-align:left;padding:0;margin-left:30px;background:none;text-transform:uppercase;font-size:14px;line-height:60px;color:#bbb;}
    .ypn_main_menu > li > a {color: #488D8D;}
    .ypn_main_menu > li:first-child {margin-left:0;}
    .ypn_main_menu a:hover {color: #0B5C66;}

        /* Second Level */
        .ypn_main_menu>li>ul {position:absolute; top:60px; left:-15px;background: #BDD74A ;}
        .ypn_main_menu>li>ul>li {width:250px; float:none; margin:0 0 0 0;font-size:14px;line-height:20px;}
        .ypn_main_menu>li>ul>li>a {display:block; padding:15px 20px; color: #fff;}
        .ypn_main_menu>li>ul>li>a:hover {background: #8FA624 ;}

            /* Third Level and Beyond */
            .ypn_main_menu>li>ul>li ul {position:absolute; top:0px; left:250px;background: #BDD74A ;}
            .ypn_main_menu>li>ul>li ul>li {width:250px; float:none; margin:0 0 0 0;font-size:12px;line-height:18px;}
            .ypn_main_menu>li>ul>li ul>li>a {display:block; padding:15px 20px; color: #fff;}
            .ypn_main_menu>li>ul>li ul>li>a:hover {background: #8FA624;}


#li, #tw, #fb {font-size:28px; line-height:28px;float:right; height:28px; margin:15px 0 0 7px; color: #488D8D; }
#li:hover, #tw:hover, #fb:hover { color: #085C66;}

#mobile_menu_toggle { display:none; }

/* ------ Home Page / Interior Content Styles ------- */

.white_section { background: #fff; width:100%; padding:25px 0;}
.gray_section { background: #ebebeb; width:100%; padding:25px 0;}
.container { max-width:1014px; margin:0px auto; position:relative;}

.ypn_circle_green {font-size:3px; color:#BDD74C; padding:0 8px; position:relative; top:-3px;}
.ypn_circle_blue {font-size:5px; color:#0B5C66; padding:0 8px; position:relative; top:-4px;}

#wnb_container { text-align:center; }
.whats_new_box {display:inline-block; position:relative; padding: 6px 6px 6px 6px;}
.wnb_overlay { position:absolute; left:6px; top:4px; display:none;width:285px;height:260px; background: url('graphics/design/ypn/white_70.png'); }
.whats_new_box:hover .wnb_overlay {display:block;}
.wnb_caption { margin:0 35px; position:relative; top:108px;background: #0B5C66; font-size:16px; color: #fff; text-transform:uppercase; padding:7px 0;}
.wnb_image { width:284px;height:258px; display:block; padding:0;}

.wnb_events { background: url('graphics/design/ypn/wnb_events.png') left top no-repeat; }
.wnb_newsletter { background: url('graphics/design/ypn/wnb_newsletter.png') left top no-repeat; }
.wnb_nominate { background: url('graphics/design/ypn/284x258.gif') left top no-repeat; }


.ypn_home_event {}
.ypn_home_event  h2 {text-align:left; margin: 0px; 0 2px 0; padding-top:15px;}
.ypn_home_event  h2 a {color:#0B5C66;}
.YPN_Date {}
.YPNTime {margin-bottom:25px;}
.ypn_home_event .learnmore {display:block; margin:25px 0; width:200px; text-align:center; background: #0B5C66; font-size:16px; color: #fff; text-transform:uppercase; padding:7px 0;}
.ypn_he_thumb {width:330px; height:330px; float:right; margin-left: 50px;-webkit-border-radius: 165px;-moz-border-radius: 165px;border-radius: 165px;}

/* ------ Footer Styles ------- */

#footerslider {height:210px; position:relative; overflow:hidden;}
#fs_prev {z-index: 1000; cursor:pointer; width:36px; height:36px; position:absolute; left: 0px; top: 92px; background: url('graphics/design/ypn/prev.png') left top no-repeat;}
#fs_next {z-index: 1000; cursor:pointer; width:36px; height:36px; position:absolute; right: 0px; top: 92px; background: url('graphics/design/ypn/next.png') left top no-repeat;}
#footer_slide_container { width:100% !important; height:100% !important; }
.footerslide {padding: 0px 6%; width:88% !important; height:100% !important; position:relative;}
.footerslide>a {display:block; height:210px; width:210px; float:left; margin: 0 20px 0 0;}
.fs_image {border:0px;height:210px; width:210px; -webkit-border-radius: 105px;-moz-border-radius: 105px;border-radius: 105px;}
.footerslide h3 {margin: 0px 0px 30px; text-align:left; color: #333; font-size:30px;}

#footer { background: #414142;}

#sponsors { padding: 30px 1px; width: 990px; overflow: hidden; }
#homepage #sponsors { background: none; border: 0 none; }
#sponsors div { width: 283px;}


#contact h4 {margin: 10px 0px 0px}
#contact {padding-bottom: 10px;}
#contact p { margin : 1px 0; font-size:12px; color: #fff;}
#contact p a { color: #fff;}
#contact p a:hover { color: #BED74B;}

table.tr-bottom-margin tr {
    margin-bottom: 10px;
    display: inline-block;
}