/* ==== FRAMEWORK ============================================================================*/

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html { background-color: #000; }

body { padding: 0; margin: 0; font-family: 'Raleway', sans-serif; background-color: #fff; font-size: 14px; color: #000; }

img { border: 0; }

#container { }
#content { padding: 0px 10px; min-height: 400px; clear: both;}
#content-inner { max-width: 1140px; margin: 0 auto; }
.mobileonly { display: none; }

.red { background-color: #A51E22; }
#content .redsp { color: #A51E22; font-weight: bold;}
.ltred { background-color: #F7ACAF; }
.green { background-color: #008000; }    
.ltgreen { background-color: #ACFCAC; }
.blue { background-color: #0F63ED; }
.ltblue { background-color: #CADEFE; }
.grey { background-color: #EAE8E8; }
.yellow { background-color: #F1FA04; }
.whiteth { color: #fff; font-weight: bold; text-align: center; }
.yellowsp { color: #FAF103; font-weight: bold; }
.center { text-align: center; }


@media (max-width: 800px){
    #content { min-height: auto; }
}
@media (max-width: 700px){ 
    .mobileonly { display: inline-block; }
}


/* ==== SUBNAV =============================================================================*/

#subnav { width:300px; background:#fff; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 1px 1px #ccc; -moz-box-shadow:1px 1px 1px #ccc; -webkit-box-shadow:1px 1px 1px #ccc; float:left; padding:10px; box-sizing: border-box; margin-bottom: 20px; }
#withsubnav { margin-left: 320px; }
#withoutsubnav {  }

@media (max-width: 800px){ 
    
    #subnav { width: 100%;  }
    #withsubnav { margin-left: 0; }
    #login { display: none; }
    .mobileonly { display: inline-block; }
}




/* ==== UBERHEADER ==========================================================================*/

#uberheader {  background-color: #004990; }
#uberheader-inner { width: 100%; max-width: 1140px; margin: 0 auto; font-size: 13px; color: #fff; text-align: right; padding: 2px 0; }

@media (max-width: 1140px){
    #uberheader { padding-right: 10px; }
}
@media (max-width: 800px){
    #uberheader { display: none; }
}

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

header { clear: both; border-bottom: solid 4px #0160BB; }
header #header-inner { width: 100%; max-width: 1140px; margin: 0 auto; }
header #header-inner .logo { float: left; }
header nav { float: right; }
header nav ul { padding:0; list-style:none; margin:0 0 0 10px; }
header nav ul li { float:left; position:relative; text-align: center; }
header nav ul li > a { font-weight: bold; font-size: 18px; text-transform: uppercase; color:#004990; display:block; float:left; padding: 0 24px; line-height: 103px; text-decoration: none; }
header nav ul li a:hover { text-decoration: underline; }
header nav ul li ul { display:none; }
header nav ul li > ul { left:auto; top:auto; }
header nav ul li.over ul, header nav ul li:hover ul { width:220px; background:#333333; border:1px solid #333333; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-width:0 1px 1px; clear:left; display:block; list-style:none; margin:0; padding:5px; position:absolute; text-indent:0; top:100%;  z-index: 100; }
header nav ul li ul li { display:block; text-transform:none; }
header nav ul li ul li a, header nav ul li ul li:first-child a:first-child { display:block; padding:5px; width:208px; font-size: 12px; text-align: left; line-height: 20px; color: #fff; }
header nav ul li ul li a:hover { background-color:#5C5C5C; text-decoration: none; color: #fff; }

@media (max-width: 1140px){
    header #header-inner .logo { margin-left: 5px; }
}
@media (max-width: 1080px){
    header nav ul li > a { font-size: 15px; padding: 0 18px; }
}
@media (max-width: 860px){
    header nav ul li > a { font-size: 14px; padding: 0 12px; }
}
@media (max-width: 800px){
    header { display: none; }
}

/* ==== MOBILE HEADER ========================================================================*/

#mobileheader { display: none; background-color: #fff; padding: 0 10px;}
#mobileheader #mobilelogo { float: left; max-width: 70%; }

@media (max-width: 800px){
    #mobileheader { display: block; }
    #mobileheader #mobilelogo { max-width: 60%; }    
}
@media (max-width: 480px){
    #mobileheader #mobilelogo { width: 70%; max-width: auto; margin: 0 auto; }
}

@media (max-width: 400px){
    #mobileheader #mobilelogo {float: none; text-align: center; }
}



/* ==== BANNER ==============================================================================*/

#banner { font-family: 'Libre Franklin', sans-serif; margin-top: 0px; background: #0160BB url(/images/banner-bkg.jpg);  padding: 6px 0 9px 0; clear: both; margin-bottom: 20px; }
#banner-inner { max-width: 1140px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: center; font-size: 28px; color: #fff;}


#banner-inner .left { padding: 0 10px 0 0; width: 50%; }
#banner-inner .left img { width: 100%; }
#banner-inner .right { padding: 0 10px; width: 50%; }

#banner-inner .small { font-size: 18px; margin-top: 20px; }
#banner-inner .site-button { display: inline-block; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: left; }
#banner-inner .site-button:hover { background-color: #FB2930; }

@media (max-width: 1160px){
    #banner-inner .left { padding-left: 10px; }
}

@media (max-width: 920px){
    #banner-inner { font-size: 18px; }
    #banner-inner .small { font-size: 14px; }
}

@media (max-width: 800px){
    #banner-inner { font-size: 16px; }
    #banner-inner .small { font-size: 13px; }
    
}

@media (max-width: 580px){ 
    
    #banner { background: #0160BB; }
    #banner-inner { display: block; }
    #banner-inner .left { width: auto; padding: 5px 10px;}
    #banner-inner .right { clear: both; width: auto; padding: 5px 10px;}

}


/* ==== FRONT PAGE FEATURES ==================================================================*/


/* ---- Home Page ---------------------------------------------------------------------------*/

#fp-search-container { text-align: center; color: #556773; font-size: 22px; background-color: #E6E3E3; padding: 10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; display: flex; flex-wrap: wrap; }

#fp-search-container #fp-search-header { width: 100%; margin-bottom: 5px; }

#fp-search-container .fp-search-item { font-size: 16px; background-color: #278918; width: 49.5%; margin-right: 1%; color: #fff; float: left; margin-bottom: 10px; text-align: center; padding: 5px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

#fp-search-container .fp-search-item select { display: block; clear: both; width: 100%; }
#fp-search-container .fp-search-item input.keywords { display: block; clear: both; width: 100%; padding: }

#fp-search-container > div:nth-child(2n) { margin-right: 0; }
#fp-search-container > div:nth-child(2n+1) { clear: both; }

#fp-search-container .go-button { display: block; text-align: center; width: 50%; color: #fff; padding: 10px 0; border: 0; margin: 0px auto; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#fp-search-container .go-button:hover { background-color: #FB2930; }

@media (max-width: 1040px){ 
    #fp-search-container .fp-search-item { width: 48%; }
}

@media (max-width: 710px){ 
    #fp-search-container .fp-search-item { width: 47.7%; }
}

@media (max-width: 610px){ 
    #fp-search-container .fp-search-item { width: 100%; margin-right: 0; }
    #fp-search-container .go-button { width: 100%; }
}



#fp-text h1 { font-size: 36px; margin-top: 10px;}
#fp-text { font-size: 18px; margin-bottom: 10px; }

#fp-features {  display: flex; flex-wrap: nowrap; justify-content: center; }
#fp-features .fp-feature { background-color: #464646; width: 23.5%; margin: 0 2% 10px 0; text-align: center; padding: 10px 0; font-size: 14px; color: #fff;}
#fp-features .fp-feature .fp-feature-title { margin-top: 5px; font-weight: bold; color: #FFEE21; } 
#fp-features .fp-feature .fp-feature-content { margin-top: 5px; padding: 5px; }
#fp-features .fp-feature img { width: 40%; margin-bottom: 5px; }
#fp-features > div:nth-child(4n) { margin-right: 0; }

@media (max-width: 1000px){
    #fp-features .fp-feature { font-size: 12px; }
}
@media (max-width: 640px){
    #fp-features { flex-wrap: wrap; }
    #fp-features > div:nth-child(4n) { margin-right: 2%; }
    #fp-features > div:nth-child(2n) { margin-right: 0; }
    #fp-features > div:nth-child(2n+1) { clear: both; }
    #fp-features .fp-feature { width: 49%; margin-right: 2%; } 
}

@media (max-width: 400px){
    #fp-features .fp-feature { margin-right: 0; width: 100%; }
}

/* ==== CONTENT STYLES =======================================================================*/

#content h1 { color: #0160BB; font-size: 28px; }
#content h2 { color: #0160BB; font-size: 22px; margin: 5px 0; }
#content h3 { color: #0160BB; font-size: 16px; margin: 5px 0; }
#content a { color: #0160BB; }

#dealer-locator-results-mobile { display: none; }

@media (max-width: 660px){

    #dealer-locator-results { display: none; }
    #dealer-locator-results-mobile { display: block; }
    
}

/* ==== ORGANIZATION SUMMARY STYLES =======================================================================*/

#subnav .subnav-main-header { text-transform: uppercase; font-size: 16px; font-weight: bold; background-color: #0160BB; color: #fff; padding: 9px; text-align: center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#sumbav .subnav-section { font-size: 10px; }
#subnav .subnav-section-header { font-size: 14px; font-weight: bold; margin: 10px 0 4px 0 }
#subnav .go-button { display: block; text-align: center; width: 100%; color: #fff; padding: 10px 0; border: 0; margin: 10px auto 0 auto; text-decoration: none; font-weight: bold; font-size: 14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#subnav .go-button:hover { background-color: #FB2930; }

#organization-summary-container .details-button { display: inline-block; color: #fff; padding: 6px 25px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }
#organization-summary-container .details-button:hover { background-color: #FB2930; }

.organization-summary-item { box-sizing: border-box; background-color: #F2F2F2; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 10px; margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-around; }
.organization-summary-item .left { width: 33%; font-size: 15px; }
.organization-summary-item .middle { width: 40%; }
.organization-summary-item .middle div { margin-bottom: 5px; }
.organization-summary-item .right { width: 26%; text-align: right; }
.organization-summary-item .right .service-button { color: #fff; background-color: #393939; display: inline-block; padding: 3px; font-size: 11px; font-weight: bold; width: 100%; text-align: center; margin-bottom: 2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.organization-summary-item .bottom { width: 100%;  margin-top: 10px; }

@media (max-width: 600px){
    .organization-summary-item .left { font-size: 13px; }
    .organization-summary-item .middle { font-size: 11px; }
    .organization-summary-item .left { width: 49%;  margin-right: 1px; }
    .organization-summary-item .middle { width: 50%; }
    .organization-summary-item .right { clear: both; width: 100%;  text-align: right; margin-top: 6px; }
}


/* ==== ORGANIZATION DETAIL STYLES =======================================================================*/

#organization-details-left { float: left; width: 72%; max-width: 820px; }
#organization-details-left img.agency-logo { float: right;  margin: 0 0 10px 10px;  width:35%; max-width: 200px; }
#organization-details-left h2 { font-size: 20px; margin: 0; }

#organization-details-right { font-size: 14px; float: right; width: 26%; max-width: 300px; background-color: #EAE9E9; margin-top: 20px;}
#organization-details-right-inner { margin: 15px; overflow: hidden; }
#organization-details-right-inner h2 { font-size: 14px; color: #000; border-bottom: dashed 1px #000; }
#organization-details-right-inner #map { border: solid 1px #878787; width: 100%; margin-top: 10px;}

#business-hours-container { display: flex; flex-wrap: wrap; }
#business-hours-container > div:nth-child(4n+1) { clear: both; }
#business-hours-container .business-hours { width: 20%; float: left; margin-bottom: 6px;}
#business-hours-container .business-hours-2 { width: 80%; float: left; margin-bottom: 6px;}
#business-hours-message-container { margin-top: 5px; }

#organization-connect img { width: 18.5%; max-width: 50px; float: left; margin-right: 3px; margin-bottom: 2px; border: 0; }

#organization-services-container { display: flex; flex-wrap: wrap; margin-top: 10px; }
#organization-services-container .organization-service { border: solid 1px #0160BB; font-size: 12px; width: 32%; float: left; margin-right: 1%; margin-bottom: 5px; font-weight: bold; padding: 5px 0; color: #0160BB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }

#withoutsubnav .details-button { background-color: #A51E22; display: inline-block; color: #fff; padding: 6px 25px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }
#withoutsubnav .details-button:hover { background-color: #FB2930; }

#withoutsubnav #details-back-button-2 { display: none; }

@media (max-width: 930px){
    #organization-details-left { width: 68%; }
    #organization-details-right { width: 30%; }
    #organization-connect img { width: 18%; margin-right: 2px;}
}

@media (max-width: 900px){
    #organization-details-right { font-size: 12px; }
    #organization-details-right h2 { font-size: 12px; }
}

@media (max-width: 640px){
    #organization-details-left { width: 100%; float: none; }
    #organization-details-right { width: 100%; max-width: none; float: none; clear: both; margin-top: 10px; }
    #organization-details-right { font-size: 14px; }
    #organization-details-right h2 { font-size: 14px; }
    #organization-details-right-inner { padding: 10px 0; }
    #withoutsubnav #details-back-button-1 { display: none; }
    #withoutsubnav #details-back-button-2 { display: inline-block; }
    #organization-services-container .organization-service { width: 49%; }
}

@media (max-width: 640px){
    #organization-services-container .organization-service { width: 100%; margin-right: 0; }
}

/* ---- Grids -------------------------------------------------------------------------------*/

#grid th {background-color: #512888; color: #fff; font-size: 11px; text-align: center;}
#grid td {font: normal 11px helvetica; text-align: center; }


/* ---- Forms --------------------------------------------------------------------------------*/

#content h4 { background-color: #000; font-size: 16px; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#content .siteforms .form-item { float: left; margin-top: 10px; width: 49%; display: block;  }
#content .siteforms .form-item-2 { float: left; margin-top: 10px; width: 31%; display: block; }
#content .siteforms .form-item-full { margin-top: 10px; width: 100%; display: inline-block; }
#content .siteforms .br { clear: both; }
#content .siteforms .col1 { margin-left: 0;  margin-right: 2%; }
#content .siteforms .form-control { display: block; width: 100%; padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content .siteforms .form-control-special { padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#content .siteforms .form-control-2 { display: block; width: 100%; padding: 11px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

#content .siteforms label { font-weight: bold; }
#content .siteforms label.col1 { margin-left: 0; clear: both; }
#content .siteforms .req { font-weight: bold; color: red; }

#content .buttons { clear: both; }
#content .buttonleft {float: left; margin-right: 10px;}    
#content .buttonright {float: right;}    
#content .site-button { display: block; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: left; }
#content .site-button:hover { background-color: #FB2930; }

#content .cancellink { display: none; text-align: center; margin-top: 10px; }

.g-recaptcha { display: inline-block; float: left; margin-top: 10px; clear: both;}


@media (max-width: 480px){
    
    #content .siteforms .form-item { float: none; 0; width: 100%; clear: both; }
    #content .siteforms .form-item-2 {float: none; width: 100%; clear: both; }
    #content .siteforms col1 { margin-right: 0; }
    
    #content .buttonleft {float: none; margin-right: 0;}    
    #content .buttonright {float: none;}    
    #content .site-button { display: inline-block; float: none; width: 100%; text-align: center; margin-top: 10px; }
    
    #content .cancellink { display: block; }
    #content .cancelbtn { display: none; }
    
}

/* ---- General -----------------------------------------------------------------------------*/

#content .inset { float:right; margin: 0 0 10px 10px; border: solid 1px #8F8D8D; width: 40%; }
#content .fpinset { float:right; margin: 0 0 10px 10px; border: solid 1px #8F8D8D; width: 50%; }

#content .inset-team { float:left; margin: 0 10px 10px 0; border: solid 1px #8F8D8D; width: 40%; max-width: 210px; }

@media (max-width: 480px){ 
    #content .inset { width: 100%; float: none; margin: 0; }
    #content .fpinset { width: 100%; float: none; margin: 0; }
}

/* ==== CALENDAR ===========================================================================*/

/* ---- Mini Calendar -----------------------------------------------------------------------------*/
.list-box {}
.list-cal {float:left;padding:15px;}
.mini-cal {width:200px;border:1px solid #999;border-collapse:collapse;border-top:0;}
.mini-cal th {background:#0160BB;color:#fff;font-size:12px;font-weight:normal;padding:5px;text-align:center;}
.mini-cal th.month {font-size:14px;font-weight:bold;}
#content .mini-cal th.nav {font-size:14px;padding:0;}
#content .mini-cal th.nav a {display:block;background:#0160BB;transition:all .5s;padding:5px;}
#content .mini-cal th.nav a:hover {background:#208BB2;}
#content .mini-cal th a:link, #content .mini-cal th a:visited {color:#fff; text-decoration: none;}
#content .mini-cal th a:hover, #content .mini-cal th a:active, #content .mini-cal th a:focus {color:#fff;}
#content .mini-cal td {width:14.25%;background:#fff;border:1px solid #999;box-sizing:border-box;height:20px;padding:5px;text-align:center;}
#content .mini-cal td.outside {background:#eee;color:#999;}
#content .mini-cal td.mark a, .mini-cal td.outside.mark a {display:block;margin:-5px;padding:5px;transition:all .25s; color: #900; text-decoration: none;}
#content .mini-cal td.mark a {background:#ccc;}
#content .mini-cal td.outside.mark a {background:#ddd;}
#content .mini-cal td.mark a:hover {background:#0160BB;color:#fff;}
#content .mini-cal td.outside.mark a:hover {background:#8F91AD;}
.list-items {margin-left:230px;padding:15px 15px 15px 0;}
.list-item {border-bottom:1px dashed #999;margin-bottom:15px;padding-bottom:15px;}
.list-item h2 {font-size:16px;margin-bottom:0;}
.list-item h2 img {vertical-align:text-top;}
.list-item-copy {float:right;}
.list-item-copy a.copy {margin-left:5px;}
.list-item-copy a.copy img {vertical-align:bottom;}
.list-item-date {font-weight:bold;}
.list-item-desc {margin:10px 0;}
.list-item-more {margin-top:10px;}
.list-item-more a {
	background: #f2f2f2;
	border-radius: 7px;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
	display: inline-block;
	font-size: 12px;
	padding: 5px 10px;
}

#mobile-calendar { display: none; }

/* ---- Event Summary -----------------------------------------------------------------------------*/
#content  #event-summary-container .details-button { color: #fff; padding: 6px 25px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#content  #event-summary-container .details-button:hover { background-color: #FB2930; }
#content .event-summary-item { box-sizing: border-box; background-color: #F2F2F2; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 10px; margin-bottom: 10px; }
#content .event-summary-item-inner { display: flex; flex-wrap: nowrap; margin-bottom: 5px;}             
#content .event-summary-item-left { width: 80%; }
#content .event-summary-item-left h3 { margin-top: 0; }
#content .event-summary-item-right { width: 20%; text-align: right; }
#content .event-summary-item-right a { font-weight: bold; text-decoration: none; }
.mo { display: none;}

@media (max-width: 600px){

    #content .event-summary-item-inner { display: inline-block; }
    #content .event-summary-item-left { width: 100%; float: none; }
    #content .event-summary-item-right { width: 100%; float: none; clear: both; text-align: left; margin: 10px 0 5px 0;}

   #content .list-items { width: 100%; margin-left: 0; float: none; clear: both; }
   .mo { display: inline; }
   .list-cal { float: none; }
   .mini-cal { margin: 0 auto; width: 100%;}
   
}
 
/* ---- Event Details -----------------------------------------------------------------------------*/
#event-details-left { float: left; width: 72%; max-width: 860px; }
#event-details-left h1 { margin-bottom: 5px; }
#event-details-left .details-button { background-color: #A51E22; display: inline-block; color: #fff; padding: 6px 25px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }
#event-details-left .details-button:hover { background-color: #FB2930; }
#event-details-right { font-size: 14px; float: right; width: 26%; max-width: 360px; background-color: #EAE9E9; margin: 20px 0;}
#event-details-right-inner { margin: 15px; }
#event-details-right-inner h2 { font-size: 14px; color: #000; border-bottom: dashed 1px #000; }
#event-details-right-inner #map { border: solid 1px #878787; width: 100%; margin-top: 10px;}
#event-details-right-inner .event-detail { padding: 5px 0; border-bottom: dashed 1px #000; }
#event-details-right-inner .event-detail-label { float: left; font-weight: bold; width: 70px; }
#event-details-right-inner .event-detail-data { margin-left: 70px; overflow: hidden; }

    @media (max-width: 800px){
    
        /*#event-details-container {display: flex; flex-direction: column-reverse; }*/
        #event-details-left { float: none; width: 100%; }
        #event-details-right { float: none; width: 100%; max-width: 100%; }

    }


/* ==== BOTTOM NAV ===========================================================================*/

#bottom-nav { max-width: 1140px; margin: 20px auto; display: flex; flex-wrap: nowrap; justify-content: center; }
#bottom-nav ul { padding:0; list-style:none; margin:0; }
#bottom-nav > ul > li {  width: 220px; float: left; margin-right: 20px; font-size: 16px; }    
#bottom-nav > ul > li:last-child { margin: 0; }
#bottom-nav > ul > li > a { color: #4E3291; font-weight: bold; text-decoration: none; }
#bottom-nav ul li ul li a { color: #000; }
#bottom-nav > ul > li > ul { margin-top: 6px; }
#bottom-nav > ul > li > ul > li { font-size: 14px; padding: 2px; }

@media (max-width: 960px){
    #bottom-nav > ul > li { width: 180px; font-size: 14px; }
    #bottom-nav > ul > li > ul > li { font-size: 12px; }
}
@media (max-width: 800px){
    #bottom-nav { display: none; }
}


/* ==== FOOTER ===============================================================================*/

#footer { color: #EAE8E8; }
#footer a { color: #EAE8E8; text-decoration: none; }
#footer-upper { background-color: #1C1C1C; border-bottom: solid 0.3pt #313131; padding: 20px 10px; }
#footer-lower { background-color: #000; padding: 20px 5px; }
.footer-inner { width: 100%; max-width: 1140px; margin: 0px auto; }
.footer-left { float: left; }
.footer-right { float: right; }
#footer-upper .footer-left i { font-size: 14px; }
#footer-upper .footer-right { padding-top: 0px; text-align: right;}
#footer-upper .footer-right img {float:right; margin: 10px 0 0 5px;}
#footer-lower .footer-right a { float: right; margin-left: 20px; font-size: 10px; }
#subfooter { font-size: 10px; }
#subfooter a { color: #EAE8E8; text-decoration: none; }

@media (max-width: 800px){
    #footer-upper .footer-right { font-size: 12px; }
}
@media (max-width: 640px){
    #footer { display: none; }
}

/* ==== MOBILE FOOTER ==========================================================================*/

#mobilefooter { display: none; background-color: #1C1C1C; color: #EAE8E8; font-weight: bold; font-size: 14px; text-align: center; padding: 12px 0 10px 0; }
#mobilefooter #subfooter { font-size: 9px; margin-top: 7px;}
#mobilefooter #disclaimers { margin: 5px 0; }
#mobilefooter #disclaimers a { color: #fff; font-size: 10px; text-decoration: none;} 
#mobilefooter #mobilecontacts { text-align: left; display: inline-block;  line-height: 22px; border: solid 1px #fff; padding: 5px; margin-top: 10px; font-size: 12px; } 
#mobilefooter #mobilecontacts a { color: #fff; text-decoration: none; }

@media (max-width: 640px){
    #mobilefooter { display: block; }
}


/* ==== CLEAR FIX AND PRINT STYLES ==========================================================*/

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
                 
.hidden {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

@media print {
    #uberheader, header, #subnav, #footer, #subfooter, #mobileheader, #menubase, #mobilefooter,.noprint  {display: none; }
}