/*
@media (max-width: 767px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }
*/

#staticNav{
    background: #fff;  
    width: 100%;
    /*shadow */
    -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    5px 5px 5px rgba(68,68,68,0.6);  /* Firefox 3.5 - 3.6 */
    box-shadow:         5px 5px 5px rgba(68,68,68,0.6);
    z-index: 9999;
}


.navbar{
    border-radius: 0px;
}

header .navbar{
    margin-bottom: 0px;
}
/****/
.nav-tabs{
    border: 0px;   
}
.nav a{
    color: #4a0d66;     
}
.icon-bar{
    background-color: #4a0d66;   
}
#topBar{
    background-color: #4a0d66;
    padding: 18px 0px;
    font-size: 14px; 
    color: #fff;
    text-align: center;    
}
/**/

/*
navbrand at 87%
hamburger at 31%
*/
.navbar-header{
      
}
.navbar-brand {
    
    
}
.navbar-brand img{
    
    height: auto;
}

#workshopsIndent {margin-left : 10px;}

@media (max-width: 767px) { 
    .navbar-brand {
        height: 100%;
        width: auto;
        padding: 15px 15px 15px 15px;
    }
    .navbar-brand img{
        width: 50%;
    }
}
@media (min-width: 768px) { 
    .navbar-header{
        width: 18%;   
    }
    .add2017 .navbar-header{
        width: 10%;   
    }
    .navbar-brand {
        height: 100%;
        width: auto;
        padding: 26px 15px 15px 0px;
    }
    .add2017 .navbar-brand {
        padding: 44px 7px 15px 0px;
    }
    .navbar-brand img{
        width: 100%;
    }
}
@media (min-width: 992px) { 
    .navbar-header{
        width: 18%;   
    }
    .add2017 .navbar-header{
        width: 18%;   
    }
    .navbar-brand {
        height: 100%;
        width: auto;
        padding: 37px 15px 15px 0px;
    }
    .add2017 .navbar-brand {
        padding: 37px 15px 15px 0px;
    }
    .navbar-brand img{
        width: 100%;
    }
}
@media (min-width: 1200px) { 
    .navbar-header{
        width: auto;   
    }
    .add2017 .navbar-header{
        width:auto;   
    }
    .navbar-brand {
        height: 100%;
        width: auto;
        padding: 15px 15px 15px 0px;
    }
    .add2017 .navbar-brand {
        padding: 15px 70px 15px 0px;
    }
    .navbar-brand img{
        width: 100%;
    }
}

#logoSubText{
    color: #4a0d66;
    font-size: 11px; 
    font-family: 'Arial', Helvetica, sans-serif;
    float: left;
    clear: both;
    padding: 0px 10px 0px 15px;
    margin-bottom: 10px;
}

/***************/



@media (max-width: 767px) { 
    .nav-tabs > li {
        margin-top: 76px;   
    }
    .add2017 .nav-tabs > li {
        margin-top: 0px;   
    }
    .nav > li > a {
        padding: 10px 12px 17px;
    }
    .add2017 .nav > li > a {
        padding: 10px 12px 17px;
    }
}
@media (min-width: 768px) { 
    .nav-tabs > li {
        margin-top: 50px;   
    }
    .add2017 .nav-tabs > li {
        margin-top: 50px;
        margin-bottom: 5px;
    }
    .nav > li > a {
        padding: 10px 4px 17px;
    }
    .add2017 .nav > li > a {
        padding: 10px 4px 17px;
    }
}
@media (min-width: 992px) { 
    .nav-tabs > li {
        margin-top: 78px;   
    }
    .add2017 .nav-tabs > li {
        margin-top: 74px;   
    }
    .nav > li > a {
        padding: 10px 12px 17px;
    }
    .add2017 .nav > li > a {
        padding: 10px 7px 20px;
    }
}
@media (min-width: 1200px) { 
    .nav-tabs > li {
        margin-top: 77px;   
    }
    .add2017 .nav-tabs > li {
        margin-top: 90px;   
    }
    .nav > li > a {
        padding: 10px 12px 17px;
    }
    .add2017 .nav > li > a {
        padding: 10px 10px 17px;
    }
}
.megaNav ul.nav > li.orange > a{
    background-color: #ffa400;
    color: #4a0d66;
}


@media (max-width: 767px) { 
    .nav .open > a, 
    .nav .open > a:focus, 
    .nav .open > a:hover {
        border-color: #808285;
    }
}
@media (min-width: 768px) { 
    .nav .open > a, 
    .nav .open > a:focus, 
    .nav .open > a:hover {
        border-color: transparent;
    }
}
@media (min-width: 992px) { 
    .nav .open > a, 
    .nav .open > a:focus, 
    .nav .open > a:hover {
        border-color: transparent;
    }
}
@media (min-width: 1200px) { 
    .nav .open > a, 
    .nav .open > a:focus, 
    .nav .open > a:hover {
        border-color: transparent;
    }
}




/*basic setting for desktop*/
.dropdown-menu{
    border: 0px;

}
.nav-tabs .dropdown-menu {
    border-radius: 0;
    
}

.nav > li{
    position: static;   
}
.open > .dropdown-menu {
    left: 0;
    position: absolute;
    width: 100%;
}
@media (max-width: 767px) { 
    .open > .dropdown-menu {
        position:relative;
    }
}
@media (min-width: 768px) { 
    .open > .dropdown-menu {
        position:absolute;
    }
}
@media (min-width: 992px) { 
    .open > .dropdown-menu {
        position:absolute;
    }
}
@media (min-width: 1200px) {
    .open > .dropdown-menu {
        position:absolute;
    }
}

.dropdown-menu.expanded{
    left: 0;
    width: 100%;
    height: 287px; 
    color: #fff;
    padding:  0px;
}
@media (max-width: 767px) { 
     .dropdown-menu.expanded{
        top:0;
        background-color: #58595b;
    }
    .dropdown-menu.expanded .container{
        padding: 0px 0px;   
    }    
}
@media (min-width: 768px) { 
    .dropdown-menu.expanded{
        top:150px;
        background-color: #4a0d66;
    }
    .dropdown-menu.expanded .container{
        padding: 0px 15px;   
    }
}
@media (min-width: 992px) { 
    .dropdown-menu.expanded{
        top:181px;
        background-color: #4a0d66;
    }
    .dropdown-menu.expanded .container{
        padding: 0px 15px;   
    }
}
@media (min-width: 1200px) {
    .dropdown-menu.expanded{
        top:186px;
        background-color: #4a0d66;
    }
    .dropdown-menu.expanded .container{
        padding: 0px 15px;   
    }
}


/***************/
@media (max-width: 767px) {
    #exhibitors .dropdown-menu.expanded,
    #sponsors .dropdown-menu.expanded,
    #newsVideo .dropdown-menu.expanded,
    #register .dropdown-menu.expanded,
    #about .dropdown-menu.expanded,
    #program .dropdown-menu.expanded{
        padding-top: 0px;
        padding-bottom: 0px;
        height: auto;
    }
    #sponsors .dropdown-menu.expanded{
        min-height: unset;
    }
    #exhibitors .dropdown-menu.expanded{
        min-height: unset;
    }
    #newsVideos .dropdown-menu.expanded{
        min-height: unset;
    }
    #about .dropdown-menu.expanded{
        min-height: unset;
    }
    #program .dropdown-menu.expanded{
        min-height: unset;
    }
    #register .dropdown-menu.expanded{
        min-height: unset;
    }
}
@media (min-width: 768px) { 
    #exhibitors .dropdown-menu.expanded,
    #newsVideos .dropdown-menu.expanded,
    #sponsors .dropdown-menu.expanded,
    #register .dropdown-menu.expanded,
    #about .dropdown-menu.expanded,
    #program .dropdown-menu.expanded{
        padding-top: 0px;
        padding-bottom: 0px;
        height: auto;
    }
    #newsVideos .dropdown-menu.expanded{
        min-height: 200px;
    }
    #sponsors .dropdown-menu.expanded{
        min-height: 200px;
    }
    #exhibitors .dropdown-menu.expanded{
        min-height: 200px;
    }
    #about .dropdown-menu.expanded{
        min-height: 287px;
    }
    #program .dropdown-menu.expanded{
        min-height: 200px;
    }
    #register .dropdown-menu.expanded{
        min-height: 200px;
    }
}
@media (min-width: 992px) { 
    #exhibitors .dropdown-menu.expanded,
    #newsVideos .dropdown-menu.expanded,
    #sponsors .dropdown-menu.expanded,
    #register .dropdown-menu.expanded,
    #about .dropdown-menu.expanded,
    #program .dropdown-menu.expanded{
        padding-top: 0px;
        padding-bottom: 0px;
        height: auto;
    }
    #newsVideos .dropdown-menu.expanded{
        min-height: 200px;
    }
    #sponsors .dropdown-menu.expanded{
        min-height: 200px;
    }
    #exhibitors .dropdown-menu.expanded{
        min-height: 200px;
    }
    #about .dropdown-menu.expanded{
        min-height: 287px;
    }
    #program .dropdown-menu.expanded{
        min-height: 200px;
    }
    #register .dropdown-menu.expanded{
        min-height: 200px;
    }
}    
@media (min-width: 1200px) {
    #exhibitors .dropdown-menu.expanded,
    #newsVideos .dropdown-menu.expanded,
    #sponsors .dropdown-menu.expanded,
    #register .dropdown-menu.expanded,
    #about .dropdown-menu.expanded,
    #program .dropdown-menu.expanded{
        padding-top: 0px;
        padding-bottom: 0px;
        height: auto;
    }
    #newsVideos .dropdown-menu.expanded{
        min-height: 200px;
    }
    #sponsors .dropdown-menu.expanded{
        min-height: 200px;
    }
    #exhibitors .dropdown-menu.expanded{
        min-height: 200px;
    }
    #about .dropdown-menu.expanded{
        min-height: 287px;
    }
    #program .dropdown-menu.expanded{
        min-height: 200px;
    }
    #register .dropdown-menu.expanded{
        min-height: 200px;
    }
}


/***************/


.megaNav{
    padding: 0px;   
}
.megaNav ul.nav{
    margin-bottom: 0px;
}
.megaNav ul.nav li{
    font-weight: normal;   
}
.megaNav ul.nav > li > a{
    text-transform: uppercase;
    text-decoration: none;
}
@media (max-width: 767px) { 
    .megaNav ul.nav > li > a {
        font-size: 14px;
        font-family: 'medium-houschka';
        border: 0px;
        border-bottom: 2px solid #808285;
        text-align: center;
    }
    .megaNav ul.nav > li:last-child > a {
        border-bottom: 0px;
    }
    .add2017 .megaNav ul.nav > li > a {
        font-size: 14px;
    }
}
@media (min-width: 768px) { 
    .megaNav ul.nav > li > a {
        font-size: 13px;
        font-family: 'houschka';
        border: 0px;
        border-bottom: 0px;
        text-align: left;
    }
    .add2017 .megaNav ul.nav > li > a {
        font-size: 12px;
    }
}
@media (min-width: 992px) { 
    .megaNav ul.nav > li > a {
        font-size: 15px;
        font-family: 'houschka';
        border: 0px;
        border-bottom: 0px;
        text-align: left;
    }
    .add2017 .megaNav ul.nav > li > a {
        font-size: 14px;
    }
}
@media (min-width: 1200px) { 
    .megaNav ul.nav > li > a {
        font-size: 18px;
        font-family: 'houschka';
        border: 0px;
        border-bottom: 0px;
        text-align: left;
    }
    .add2017 .megaNav ul.nav > li > a {
        font-size: 16px;
    }
}


.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #4a0d66;
    color: #fff;
}
.megaNav ul.subSubNav{
       list-style: none;
}
.megaNav ul.subSubNav li{
    line-height: 24px; 
}
@media (max-width: 767px) { 
    .megaNav ul.subSubNav li{
        margin-bottom: 0px;
    }
}
@media (min-width: 768px) { 
    .megaNav ul.subSubNav li{
        margin-bottom: 20px;
    }
}
@media (min-width: 992px) { 
    .megaNav ul.subSubNav li{
        margin-bottom: 20px;
    }
}
@media (min-width: 1200px) { 
    .megaNav ul.subSubNav li{
        margin-bottom: 20px;
    }
}



.megaNav ul.subSubNav li:first-child{
    
}
.megaNav ul.subSubNav li:last-child{
    
}

/*
    .megaNav #program   .subSubNav .title
    .megaNav #about     .subSubNav .title
*/
@media (max-width: 767px) {
    .megaNav #newsVideos .subSubNav .title,
    .megaNav #exhibitors .subSubNav .title,
    .megaNav #sponsors .subSubNav .title,
    .megaNav #register .subSubNav .title,
    .megaNav #program .subSubNav .title,
    .megaNav #about .subSubNav .title,
    .megaNav #about .subSubNav .titleSub{
        font-family: 'houschka';
        font-size: 14px;
    }
    .megaNav #about .subSubNav .titleNolink{
        display: none;
    }
}
@media (min-width: 768px) { 
    .megaNav #newsVideos .subSubNav .title,
    .megaNav #exhibitors .subSubNav .title,
    .megaNav #sponsors .subSubNav .title,
    .megaNav #register .subSubNav .title,
    .megaNav #program .subSubNav .title,
    .megaNav #about .subSubNav .title,
    .megaNav #about .subSubNav .titleNolink{
        font-family: 'extra-houschka';
        font-size: 18px;
    }
	
	.megaNav #newsVideos .subSubNav  .onState,
    .megaNav #exhibitors .subSubNav  .onState,
    .megaNav #sponsors .subSubNav  .onState,
    .megaNav #register .subSubNav  .onState,
    .megaNav #program .subSubNav  .onState,
    .megaNav #about .subSubNav  .onState{
       text-decoration : underline;
    }
}
@media (min-width: 992px) { 
    .megaNav #newsVideos .subSubNav .title,
    .megaNav #exhibitors .subSubNav .title,
    .megaNav #sponsors .subSubNav .title,
    .megaNav #register .subSubNav .title,
    .megaNav #program .subSubNav .title,
    .megaNav #about .subSubNav .title,
    .megaNav #about .subSubNav .titleNolink{
        font-family: 'extra-houschka';
        font-size: 18px;
    }
	
	.megaNav #newsVideos .subSubNav  .onState,
    .megaNav #exhibitors .subSubNav  .onState,
    .megaNav #sponsors .subSubNav  .onState,
    .megaNav #register .subSubNav  .onState,
    .megaNav #program .subSubNav  .onState,
    .megaNav #about .subSubNav  .onState{
       text-decoration : underline;
    }
}
@media (min-width: 1200px) { 
    .megaNav #newsVideos .subSubNav .title,
    .megaNav #exhibitors .subSubNav .title,
    .megaNav #sponsors .subSubNav .title,
    .megaNav #register .subSubNav .title,
    .megaNav #program .subSubNav .title,
    .megaNav #about .subSubNav .title,8
    .megaNav #about .subSubNav .titleNolink{
        font-family: 'extra-houschka';
        font-size: 18px;
    }
	
	.megaNav #newsVideos .subSubNav  .onState,
    .megaNav #exhibitors .subSubNav  .onState,
    .megaNav #sponsors .subSubNav  .onState,
    .megaNav #register .subSubNav  .onState,
    .megaNav #program .subSubNav  .onState,
    .megaNav #about .subSubNav  .onState{
       text-decoration : underline;
    }
}
.megaNav #program .subSubNav a,
.megaNav #newsVideos .subSubNav a,
.megaNav #exhibitors .subSubNav a,
.megaNav #sponsors .subSubNav a,
.megaNav #register .subSubNav a,
.megaNav #about .subSubNav a{
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
}
@media (max-width: 767px) { 
    .megaNav #newsVideos .subSubNav a,
    .megaNav #exhibitors .subSubNav a,
    .megaNav #sponsors .subSubNav a,
    .megaNav #register .subSubNav a,
    .megaNav #program .subSubNav a,
    .megaNav #about .subSubNav a{
        display: block;
        padding: 15px;
        text-align: center;
        border-bottom: 1px solid #fff;
    }

	a.subTitleLink:hover {display:none;}
}
@media (min-width: 768px) { 
        .megaNav #newsVideos .subSubNav a,
    .megaNav #exhibitors .subSubNav a,
    .megaNav #sponsors .subSubNav a,
    .megaNav #register .subSubNav a,
    .megaNav #program .subSubNav a,
    .megaNav #about .subSubNav a{
        display: inline;
        padding: 0;
        text-align: left;
        border-bottom: 0px;
    }
	
	a.subTitleLink:hover {display:none;}
}
@media (min-width: 992px) { 
    .megaNav #newsVideos .subSubNav a,
    .megaNav #exhibitors .subSubNav a,
    .megaNav #sponsors .subSubNav a,
    .megaNav #register .subSubNav a,
    .megaNav #program .subSubNav a,
    .megaNav #about .subSubNav a{
        display: inline;
        padding: 0;
        text-align: left;
        border-bottom: 0px;
    }
	
	a.subTitleLink:hover {text-decoration:none;}
}
@media (min-width: 1200px) { 
    .megaNav #newsVideos .subSubNav a,
    .megaNav #exhibitors .subSubNav a,
    .megaNav #sponsors .subSubNav a,
    .megaNav #register .subSubNav a,
    .megaNav #program .subSubNav a,
    .megaNav #about .subSubNav a{
        display: inline;
        padding: 0;
        text-align: left;
        border-bottom: 0px;
		font-size:14px;
    }
	
	a.subTitleLink:hover {text-decoration:none;}
}


/**/
.megaNav > ul.nav ul.subSubNav{
    margin-bottom:0px; 
    margin-left: 0px; 
}
@media (max-width: 767px) { 
    .megaNav .subSubNav  {
        padding: 0px 0px 0px;   
    }
}
@media (min-width: 768px) { 
    .megaNav .subSubNav  {
        padding: 50px 0px 0px;   
    }
}
@media (min-width: 992px) { 
    .megaNav .subSubNav  {
        padding: 50px 0px 0px;   
    }
}
@media (min-width: 1200px) { 
    .megaNav .subSubNav  {
        padding: 50px 0px 0px;   
    }
}
/* */
.megaNav #newsVideos .subSubNav.callOut,
.megaNav #exhibitors .subSubNav.callOut,
.megaNav #sponsors .subSubNav.callOut,
.megaNav #register .subSubNav.callOut,
.megaNav #about .subSubNav.callOut{
    background-color: #000;
    height: auto;
    display: block;
    min-height: 285px;
    background-image: url('/images/bg-brains-beaker.gif');
    background-repeat: repeat;
    background-color: #4a0d66;
    font-size:  13px;
    font-family:'Arial', Helvetica, sans-serif;
    padding: 50px 24px;
    line-height: 24px;
}
/* AC removed 4/10/2023 added back to line 638 
.megaNav #program .subSubNav a{
    font-family: 'medium-houschka';
    font-size: 16px;
    line-height: 27px; 
    color: #fff;
}
*/
.megaNav  .subSubNav.callOut img.tinyBanner{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}



/***************/
/* MOBILE ** < 768PX */


/********************/
/********************/
@media (max-width: 767px) { 
    .nav-tabs > li {
        margin-top: 0px;
        width: 100%;
        display: block;
        
    }
    .nav-tabs > li > a {
        margin-right: 0px;   
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px; /* future proofing */
        -khtml-border-radius: 0px; /* for old Konqueror browsers */
    }
    .megaNav ul.nav > li > a {
        background-color: #4a0d66;
        
        color: #fff;
    }
    .megaNav ul.nav {
        height: auto!important;
        overflow:hidden; 
    }   
    
}
/********************/
/********************/



































