/* utility nav */

.utility-nav { width:100%; border-top:7px solid #aaa; }
.utility-nav-hold { max-width:990px; margin:0 auto;  text-align:center; }

.utility-nav a { display:inline-block; font-size:13px; line-height:38px; background-color:#fdfdfd; color:#515153; font-weight:500; letter-spacing:0.5px; padding:0 18px; margin:0 2px; border-radius:0px 0px 6px 6px; }
.utility-nav a:hover { background-color:#eee; }

.utility-nav-hold { display:none; } 
.utility-long { display:none; }
.utility-short { display:inline; }
@media all and (min-width: 992px) {
	.utility-nav-hold { display:block; } 
	.utility-long { display:inline; }
	.utility-short { display:none; }
}

body.body-atl .utility-nav a.utility-active { color:#fff; background-color: #3ccbda; } /* bright blue */
body.body-cap .utility-nav a.utility-active { color:#fff; background-color: #338799; } /* dark blue */
body.body-adid .utility-nav a.utility-active { color:#fff; background-color: #e40046; } /* red */
body.body-wp .utility-nav a.utility-active { color:#fff; background-color: #39b54a; } /* green */


/* header */

#header { background-color:#fff; padding:22px 0;  }

.nav-logo { width:247px; height:88px; margin:0 auto; }

body.body-cap .nav-logo { padding-left:34px; } /* 247-180 / 2 */ 
body.body-adid .nav-logo { padding-left:29px; } /* 247-190 / 2 */ 
body.body-wp .nav-logo { padding-left:20px; }  /* 247-208 /2 */

@media all and (min-width: 992px) { 
	.nav-logo { margin:0px; } 
	body.body-cap .nav-logo { padding-left:0px; } 
	body.body-adid .nav-logo { padding-left:0px; } 
	body.body-wp .nav-logo { padding-left:0px;  }  
}
.nav-toggle { display:none;}
.nav-mobile-clear { display:none; }


.container-nav { position:relative; }
#nav-drawer { display:block!important; } /* slidetoggle fix */
#nav-drawer { height:36px; width:100%; text-align:center; } /* slidetoggle fix */
@media all and (min-width: 992px) { #nav-drawer { position:absolute; top:26px; right:0px; width:auto; text-align:right; }}


/* primary nav */

#primary-nav { padding: 0; margin: 0; display:inline-block !important; height:48px; overflow:hidden; }

#primary-nav .mobile-toggle { display:none; }

#primary-nav ul { padding: 0; margin: 0; list-style: none; }

#primary-nav li { padding: 0; margin: 0; float:left; }

#primary-nav a {
  display: block;
  width: auto;
  padding:12px 24px;
  background-color:#fff;
  font-size:18px;
  line-height:24px;
  color:#222223;
  font-weight:500;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  }

body.body-atl #primary-nav a.top-selected { color:#3ccbda; } /* bright blue */
body.body-cap #primary-nav a.top-selected { color:#338799; } /* dark blue */
body.body-adid #primary-nav a.top-selected { color:#e40046; } /* red */
body.body-wp #primary-nav a.top-selected { color:#39b54a; } /* green */

/* drop downs */

#primary-nav li ul { 
  position: absolute;
  width: 200px;
  height:auto;
  padding-top:24px;
  padding-bottom:24px;
  background-color:#666;
  display:none; 
  margin-left:0px;
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.25);
}

#primary-nav li:hover > ul {  display:block !important; left: auto; z-index:9999; } 

#primary-nav ul li ul li { width:180px; border:none; }

#primary-nav li:hover ul li a { 
  width: 200px;
  padding:6px 24px;
  margin:0;
  background-color:inherit;
  font-size:15px;
  line-height:20px;
  text-decoration:none;
  text-align:left;
  text-transform:none;
  font-weight:500;
  letter-spacing:0px;
}

#primary-nav li:hover ul li a { color:#fff!important; }
#primary-nav li:hover ul li a:hover { color:#fff!important; }


/* colors */

body.body-atl #primary-nav li:hover a { color:#3ccbda; }
body.body-atl #primary-nav li a:hover { color:#3ccbda; }

body.body-cap #primary-nav li:hover a { color:#338799; }
body.body-cap #primary-nav li a:hover { color:#338799; }

body.body-adid #primary-nav li:hover a { color:#e40046; }
body.body-adid #primary-nav li a:hover { color:#e40046; }

body.body-wp #primary-nav li:hover a { color:#39b54a; }
body.body-wp #primary-nav li a:hover { color:#39b54a; }

body.body-atl #primary-nav li ul { background-color: #3ccbda; } /* bright blue */
body.body-cap #primary-nav li ul { background-color: #338799; } /* dark blue */
body.body-adid #primary-nav li ul { background-color: #e40046; } /* red */
body.body-wp #primary-nav li ul { background-color: #39b54a; } /* green */