@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PTSansRegular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSlabRegular';
    src: url('fonts/Museo_Slab_500_2-webfont.eot');
    src: url('fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab_500_2-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   Base
   ========================================================================== */

body { 
	color: #414141;
	font-family: "PTSansRegular", sans-serif;
	background-image: url('../img/bg.jpg');
}

a{
	color: #4797b4;
}
a:hover{
	color: #54b2d4;
	text-decoration: underline;
}
h1{
	font-family: "BebasNeue", sans-serif;
	font-size: 30px;
	color:#FFF;
	font-weight:normal;
	background-image: url('../img/h1-bg.jpg');
	padding-left: 10px;
	line-height: 40px;
	margin-top: 0;
	margin-bottom: 20px;
}
h2{
	font-family: "MuseoSlabRegular", serif;
	font-size: 18px;
	color:#333660;
	font-weight:normal;
	margin-top: 0;
}
h3{
	font-family: "MuseoSlabRegular", serif;
	font-size: 18px;
	color:#B30000;
	font-weight:normal;
}
h4{
	color: #333660;
    font-family: "BebasNeue", sans-serif;
    font-size: 20px;
}
h5{
	color: #B30000;
    font-family: 'BebasNeue', sans-serif;
    font-size: 18px;
}
h6{
	color: #333660;
    font-size: 14px;
    font-weight: bold;
}

/* =============================================================================
   Basic Styling
   ========================================================================== */
ul li{
	list-style-image: url('../img/bullet.png');
}

th{
	background-color:#333660;
	color: #FFF;
	padding: 5px 10px;
	text-align:center;
	border: 1px solid #cdcac0;
	font-weight:normal;
	font-family: 'MuseoSlabRegular', serif;
}
tr:nth-child(even){
	background-color:#FAFAFA;	
}
tr:nth-child(odd){
	background-color: #EEE;
}
td{
	padding: 3px;
	border-left: 1px solid #D3D3D3;
}
table{
	border: 1px solid #D3D3D3;
	width: 100%;
}
table .img-responsive{
	width: 100%;	
}

table . td {
	word-wrap:break-word;
}

.dt-responsive td:nth-child(1) {  
   width: 33%;
}

/* =============================================================================
   Header
   ========================================================================== */

.banner { 

}
#zc-header{
	/*background-image: url('../img/header-bg.jpg');*/
	background-repeat: repeat-x;
	background-color:#FFF;
	z-index: 100;
	position:relative;
}
.header-stars{
	background-image: url('../img/header-bg-stars.png');
	background-repeat: no-repeat;
	background-position:bottom right;
}
.logo{
	padding-top: 15px;
	padding-bottom: 0px;
}

.tagline{
	padding-top: 40px;
	padding-bottom: 30px;
}

.login-bar{
	text-align:right;
	padding-top:10px;	
}
.btn-findaptac{
	background-image: url('../img/btn-findaptac.png');
	background-position: 0 0;
	width: 155px;
	height: 28px;
	margin: 10px 0;
}
.btn-findaptac:hover {
	background-position: 0 28px;
}
header .search-form .btn{
	padding: 3px 12px;
}
header .search-form .btn-default:hover{
	background-color:#B30000;
	color: #FFF;
}
header .search-form .form-control{
	height: 29px;
}
header .search-form{
	margin-bottom: 5px;	
}
/* ==========================================================================
   Horizontal Navigation
   ========================================================================== */
#zc-hNav-container{
	background-image: url('../img/nav-bg.jpg');
	box-shadow: 2.5px 4.33px 5px 0px rgba( 2, 2, 2, .56 );
	z-index: 100;
}
.zc-hNav{
	text-align:center;
}
.zc-hNav ul{
	
}
.zc-hNav ul li{
	list-style: none;
}
.navbar .nav, .navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
}
.zc-hNav ul li a{
	font-family: 'BebasNeue';
	color: #FFF;
	font-size: 26px;
}
.zc-hNav > .nav > li > a:hover, .zc-hNav > .nav > li > a:focus{
	background-color: rgba(71, 151, 180, .5);	
}
.zc-hNav ul li ul{
  	background-color: rgb( 238, 238, 238 );
  	box-shadow: 1px 1.732px 5px 0px rgba( 0, 0, 0, .75 );
	z-index: 999;
	text-align:left;
}
.zc-hNav ul li ul li{
	
}
.zc-hNav ul li ul li a{
	font-family: 'PTSansRegular';
	color: #575757;
	font-size: 15px;	
}
.zc-hNav ul li ul li a:hover, .zc-hNav ul li ul li a:focus{
	color: #FFF;
	background-color: #569fb9;
}
.zc-hNav ul li:hover .zc-subNav-arrow {background-position: 0 11px;}

.zc-hNav .caret{
	display:none;	
}
.zc-subNav-arrow{
	background-image: url('../img/subnav-arrow.png');
	width: 24px;
	height: 11px;
	position:absolute;
	bottom: -11px;
	right: 0;
	left: 0;
	margin: 0 auto;
	background-position: 0 0;
	z-index: 1000;
}

/* ==========================================================================
   Content
   ========================================================================== */
#featuredImage-container{
	z-index: 0;
}
#featuredImage-container img{
	width:100%;
	min-height: 350px;
}
.red-bar{
	background-image: url('../img/bar-bg.jpg');
	height: 40px;
	width: 100%;
	background-repeat: repeat-x;
}
#zc-contentWrapper{
	margin-top: -380px;
	z-index:1;
}

.content { }



/* ==========================================================================
   Primary Content
   ========================================================================== */

.main { 
	background-color:#FFF;
	box-shadow: 1px 1.732px 5px 0px rgba( 2, 2, 2, .38 );
	border-top: 5px solid #cccccc;
	border-bottom: 5px solid #cccccc;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 500px;
}
.zc_training_heading { 
	font-size: 24px;
	font-family: 'BebasNeue', sans-serif;
	color: #FFF;
	background-color: #333660;
	padding-left: 10px;
	margin-bottom: 20px;
}
.main .btn-default{
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 184, 184, 184 );
	border-radius: 5px;
	background-image: -moz-linear-gradient( 90deg, rgb(52,111,132) 50%, rgb(71,151,180) 51%);
	background-image: -webkit-linear-gradient( 90deg, rgb(52,111,132) 50%, rgb(71,151,180) 51%);
	background-image: -ms-linear-gradient( 90deg, rgb(52,111,132) 50%, rgb(71,151,180) 51%);
	color: #FFF;
	border: 1px solid rgb( 184, 184, 184 );
	font-family: "MuseoSlabRegular", serif;
}
.aptac-button{
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 184, 184, 184 );
	border-radius: 5px;
	background-image: -moz-linear-gradient( 90deg, rgb(52,111,132) 50%, rgb(71,151,180) 51%);
	background-image: -webkit-linear-gradient( 90deg, rgb(52,111,132) 50%, rgb(71,151,180) 51%);
	background-image: -ms-linear-gradient( 90deg, rgb(52,111,132) 50%, rgb(71,151,180) 51%);
	padding: 10px;
	color: #FFF;
	-moz-user-select: none;
	border: 1px solid rgb( 184, 184, 184 );
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857;
	margin: 10px 0;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-family: "MuseoSlabRegular", serif;
}
.main .btn-default:hover, .main .btn-default:focus, .main .btn-default:active, .main .btn-default.active, .main .open .dropdown-toggle.btn-default, 
.aptac-button:hover{
	color:#FFF;
	background-image: -moz-linear-gradient( 90deg, rgb(71,151,180) 49%, rgb(52,111,132) 50%);
	background-image: -webkit-linear-gradient( 90deg, rgb(71,151,180) 49%, rgb(52,111,132) 50%);
	background-image: -ms-linear-gradient( 90deg, rgb(71,151,180) 49%, rgb(52,111,132) 50%);
	text-decoration: none;
}

.zvalidator { 
	display: none;
} 

.vfb-item-address div{
	border:1px solid #CCC;
	padding:10px !important;	
}

/* Gallery Shortcode */
.gallery-row { padding: 15px 0; }

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

a.selected {
	color: #000;
	font-weight: bold;
}

.no-show { 
	display: none;
} 

/* ==========================================================================
   Homepage Extras
   ========================================================================== */
#featuredLinks{
	left: -33px;
	position:relative;
	margin-top: 20px;
}
#featuredLinks ul {
	list-style:none;
	padding: 0;
}
#featuredLinks ul li{
	list-style:none;
	background-image: url('../img/homepage-featuredLinks-bg.png');
	background-position: 0 0;
	width: 403px;
	height: 48px;
	margin: 10px 0;
	padding-left: 30px;
	position:relative;
}
#featuredLinks ul li:hover{
	background-position: 0 48px;
	padding-left: 50px;
}
#featuredLinks ul li a{
	color: #FFF;
	font-family: 'BebasNeue', serif;
	font-size: 24px;
	line-height: 48px;
}
#featuredLinks ul li a:hover{
	color: #FFF;
	text-decoration: none;	
}
.featuredLinks-wraparound{
	background-image: url('../img/homepage-featuredLinks-wraparound.png');
	background-repeat:no-repeat;
	width: 15px;
	height:12px;
	position:absolute;
	left:3px;
	top: -9px;
}

#specialAnnouncements h2{
	border-bottom: 1px solid #cccccc;
}

#recentNews h2 {
    border-bottom: 1px solid #cccccc;
}

/* =============================================================================
   Capsules
   ========================================================================== */

.panel{
	background-color: #EEE;
	border: none;
	box-shadow: none;
	overflow:hidden;
}
.panel-primary > .panel-heading{
	background-color: #333660;
	color: #FFF;
	font-family: 'MuseoSlabRegular';
	font-size: 16px;
	border: none;
}
.panel-primary > .panel-heading a{
	color:#FFF;
}
.panel-primary > .panel-heading a:hover{
	color: #FFF;
	text-decoration: none;
}
#homepage-capsule-findaptac{
	background-color:#eeeeee;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.homepage-capsule-learnmore{
	text-align:right;
}
.homepage-capsule-learnmore a{
	color: #b50000;
	font-size: 16px;
	font-weight:bold;
}
.homepage-capsule-learnmore a:hover{
	color: #e40101;
	text-decoration:none;
}
.homepage-capsule-login{
	background-image: url('../img/homepage-capsule-login-sm.png');
	background-position: 0 0;
	width: 231px;
	height: 43px;
	margin: 5px;
	float:left;
}
.homepage-capsule-login:hover{
	background-position: 0 43px;
}
/* ==========================================================================
   Member's Directory
   ========================================================================== */
   
#member-directory {
	clear:both;
	margin-top: 20px;	
}
#member-directory h2{
	border-bottom: 1px solid #cccccc;
	font-family: 'BebasNeue', sans-serif;
	font-size: 30px;
	color: #B30000;
}
#member-directory h3{
	color: #333660;	
}
#member-directory h5{
	margin-top: 15px;
	margin-bottom: 0;	
}
.hq-member-container{
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #FAFAFA;
	margin-top: 15px;
}
.organization-member-row{
	padding: 15px 15px 0 15px;	
}
.organization-member{
	background-color: #FAFAFA;
	border-radius: 5px;
	margin-top: 10px;
	padding-bottom: 15px;
}


/* ==========================================================================
   Training Events
   ========================================================================== */
.training-events-heading{
	color: #B30000;
    font-family: 'MuseoSlabRegular', serif;
    font-size: 16px;
	margin-bottom: 10px;
}
.training-event-description{
	word-wrap:break-word;
	overflow-wrap: break-word;
}
.training-event-city, .training-event-dates{
	color: #333660;
    font-size: 12px;
    font-weight: bold;
}
.training-event-description h6{
	margin-top: 0;
	color: #414141;	
}
/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { }
.zc-col2{
	background-color: #EEE;
	padding: 15px;
}



/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }



/* ==========================================================================
   Footer
   ========================================================================== */

#zc-footer{
	background-image: url('../img/footer-bg.jpg');
	border-top: 1px solid #595d86;
	margin-top: -40px;
	padding-top: 70px;
	padding-bottom: 30px;
}
.zc-copyright{
	background-color:#0f0f0f;
	color: #FFF;
	font-size: 12px;
	text-align:right;
	padding: 20px 0;
}
.zc-copyright a{
	color: #FFF;
	text-decoration:none;
}
.zc-copyright a:hover{
	color: #b8b8b8;
	text-decoration:none;
}
#zc-footer-info{
	border-right:1px groove rgba(255, 255, 255, 0.2);
}
.zc-footer-address{
	color: #b8b8b8;
	margin-top: 5px;
}
.zc-footer-phone{
	color:#4797b4;
	font-size: 16px;
}
.zc-footer-nav-title{
	border-bottom: 1px solid #FFF;
	margin-bottom: 5px;
}
.zc-footer-nav-title a{
	color: #FFF;
    font-family: 'MuseoSlabRegular', serif;
}
.zc-footer-nav a:hover{
	text-decoration: none;	
}
.zc-footer-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.zc-footer-nav ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.zc-footer-nav ul li a{
	color: #b8b8b8;
	font-size: 12px;
	text-decoration: none;
}
.zc-footer-nav ul li a:hover{
	color: #FFF;
	text-decoration: none;
}
.footer-facebook{
	background-image: url('../img/social-facebook.png');
	background-position: 0 0;
	width: 35px;
	height: 34px;
	margin: 5px;
	float:left;
}
.footer-facebook:hover {
	background-position: 0 34px;
}
.footer-twitter{
	background-image: url('../img/social-twitter.png');
	background-position: 0 0;
	width: 35px;
	height: 34px;
	margin: 5px;
	float:left;
}
.footer-twitter:hover {
	background-position: 0 34px;
}
.footer-linkedin{
	background-image: url('../img/social-linkedin.png');
	background-position: 0 0;
	width: 35px;
	height: 34px;
	margin: 5px;
	float:left;
}
.footer-linkedin:hover {
	background-position: 0 34px;
}
/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right: 15px;}
.alignright { float: right; margin-left: 15px;}
figure.alignnone { margin-left: 0; margin-right: 0; }

.videowrapper, .entry-content-asset {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe, .entry-content-asset iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 768px) { 

}

@media (max-width: 320px) {
	.training-event-description{
		clear:both;	
	}
	.training-event-description h6{
		margin-top: 10px;	
	}
	.btn-findaptac{
		margin: 5px auto;
		float: none !important;	
	}
	#featuredLinks ul li a{
		line-height: 30px;
	}
}
@media (max-width: 768px) {
	.logo{
		padding: 0;
		text-align:center;
		margin-top: 10px;
	}
	.img-responsive{
		display:inline;	
	}

	.navbar-collapse{
		padding-left: 15px;
		padding-right: 15px;	
	}
	.zc-hNav{
		background-color: #333660;
		text-align:left;
	}
	.zc-hNav .caret{
		display: inline;	
	}
	.zc-subNav-arrow{
		display:none;
	}
	.zc-hNav ul li a{ 
		font-size: 18px;
	}
	.zc-hNav ul li ul{
		
	}
	.navbar-nav .open .dropdown-menu{
		background-color: #EEE;
	}
	.navbar-collapse {
      	max-height: none !important;
   }
   .navbar .nav, .navbar .nav > li {
  	 	float:inherit;
  	 	display:inherit;
  	 	*display:inherit; /* ie7 fix */
  	 	*zoom:inherit; /* hasLayout ie7 trigger */
  	 	vertical-align: inherit;
	}
	#zc-footer-info{
		text-align:center;
	}
	.footer-facebook, .footer-twitter, .footer-linkedin{
		float:none;
		display:inline-block;	
	}
	.zc-footer-nav{
		clear:both;
	}
	.training-events-heading{
		display:none;	
	}
	.zc-copyright{
		text-align:center;	
	}
	.header-stars { 
		background-image: none;
	} 
}
@media (max-width: 980px){
	.header-stars { 
		background-image: none;
	} 
} 
@media (max-width: 1200px){
	#featuredLinks{
		left: auto;	
	}
	#featuredLinks ul li{
		width: 100%;
		height: auto;
		background-image: none;
		background-color: #B30000;
		margin: 5px 0;
		padding: 0 10px;
	}
	#featuredLinks ul li:hover{
		margin: 5px 0;
		padding: 0 10px;
		background-color: #333660;
	}
	.featuredLinks-wraparound{
		display:none;	
	}
}
@media (min-width: 992px) { }

@media (min-width: 1200px) { }
