/* =======================================

CUSTOM STYLES GO HERE

=================================== */

.flip {display:table;width:100%; cursor:pointer;margin-bottom:1rem}
.flip-left{display:table-cell;background:#F6F6F6;padding:30px;width:90%}

.flip-right{display:table-cell;width:100px;}
.flip-blue {color:#1998D4;}

.flip-off .flip-control {background:url(/base/images/plus.png) center no-repeat #DFEAF0;background-size: 30%}
.flip-on .flip-control  {background:url(/base/images/minus.png) center no-repeat #DFEAF0;background-size: 30%}

.flip-off .flip-content {display:none;}
.flip-on .flip-content {display:block;background: url('http://ktb.thetempdomain.com/download/document/433/background_toggle.jpg') center no-repeat;background-size: cover;}
.flip-on .flip-left {}


.flip-title{font-size:18px; line-height: 30px;}
.flip-content{padding:2rem}

@media only screen and (max-width:640px){
   .flip-left{display:table-cell;background:#F6F6F6;padding:30px;width:85%}
   .flip-off .flip-control {background:url(/base/images/plus.png) center no-repeat #DFEAF0;background-size:50%}
   .flip-on .flip-control  {background:url(/base/images/minus.png) center no-repeat #DFEAF0;background-size:50%}
}


.srch_btn {display: block; background:#1B77C4;padding:5px 10px;font-family: 'Droid Sans', sans-serif;font-weight: bold; color:white;text-transform: uppercase;border: none;}


.green-text {color:#14C102 !important;}

.bold {font-weight:bold;} /* why the hell did you do this, Pablo? */
/*Because its easy, flexible and efficient, David.*/

.footer-grey {background:#F6F6F6;padding:100px 0;}

a.footer_grey_btn {
    background: none;
    border: 2px solid #005dab;
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: 'Droid Sans';
    font-size: 12px;
    font-weight: bold;
    display: block;
}

@media only screen and (min-width:1300px){
      .footer-grey p {padding:0 300px}
}





@media only screen and (min-width:991px){
      .hidevid {display: none;}
}

.panel {padding-bottom:20px;}


.give_panel {
    margin-bottom: 1.25rem;
    padding: 10px 20px;
    background: white;
}

@media only screen and (max-width:640px){
.give_panel .paragraph-header {font-size:12px;}
.give_panel .news_time {font-size:10px;}
}

table.news_container {width:100%;}
.give_thumb {padding:0;width:300px;}
.give_thumb img {width:300px !important;}


.pad30 {padding:30px !important;}

td.250_panel {

}

@media only screen and (max-width:640px){
.250_panel .paragraph-header {font-size:12px;}
.250_panel .250_time {font-size:10px;}
}

table.250_container {width:100%;}
.250_thumb {padding:0;width:200px;}
.250_thumb img {}


.font_18 {font-size: 18px;line-height: 24px;padding-bottom: 10px;}
.font_24 {font-size: 24px;line-height: 34px;padding-bottom: 10px;}
.font_26 {font-size: 26px;line-height: 36px;padding-bottom: 10px;}
.font_40 {font-size: 40px;line-height: 50px;padding-bottom: 10px;}
.font_50 {font-size: 50px;}



.acc_years {margin-bottom:100px !important;}
.clearfix {clear:both;}

.cover {background-size: cover;}


.abt_top_hero {background: transparent;}

.orb_clear .columns:nth-child(5n){clear:both !important}
.abt_s2orb_container {margin-bottom:75px;}

.caps {text-transform: uppercase;}

.abt_spot{padding: 120px 0 0;}

table.abt_alt {background:transparent;margin-bottom:50px !important;}
table.abt_alt .title {font-size: 40px;}

.ktb_box {display:table;}
.box_col_img {display:table-cell;width:50%;}

.box_col_txt {padding:75px 50px;width:50%;}

/*blue theme*/
.txt_col_blue_theme {background:#005dab;padding:75px 50px;width:50%;}
.txt_col_blue_theme .title {font-size: 40px;line-height:50px;color:white !important;}
.txt_col_blue_theme .body {color:white !important;}
.txt_col_blue_theme .ktbtn{ color:white;border:1px solid white; padding:20px 30px;}

/*light blue theme*/
.txt_col_light_blue {background:#dfeaf0;padding:75px 50px;width:50%;}
.txt_col_light_blue .title {font-size: 40px;line-height:50px;color:#005dab !important;}
.txt_col_light_blue .body {color:#3b3b3b !important;}
.txt_col_light_blue .ktbtn{ color:#005dab;border:1px solid #005dab; padding:20px 30px;}

/*light grey theme*/
.txt_col_gr {background:#f6f6f6;padding:75px 50px;width:50%;}
.txt_col_gr .title {font-size: 40px;line-height:50px;color:#005dab !important;}
.txt_col_gr .body {color:#3b3b3b !important;}
.txt_col_gr .ktbtn{ color:#005dab;border:1px solid #005dab; padding:20px 30px;}


/*blue texture theme*/
.txt_col_blue_textured {background:url('/download/document/431/background_5050_dark.jpg') center center no-repeat;background-size: cover;padding:75px 50px;width:50%;}
.txt_col_blue_textured .title {font-size: 40px;line-height:50px;color:white !important;}
.txt_col_blue_textured .body {color:white !important;}
.txt_col_blue_textured .ktbtn{ color:white;border:1px solid white; padding:20px 30px;}


/*grey texture theme*/
.txt_col_grey_textured {background:url('/download/document/432/background_5050light.jpg') center center no-repeat;background-size: cover;padding:75px 50px;width:50%;}
.txt_col_grey_textured .title {font-size: 40px;line-height:50px;color:#005dab !important;}
.txt_col_grey_textured .body {color:#3b3b3b !important;}
.txt_col_grey_textured .ktbtn{ color:#005dab;border:1px solid #005dab; padding:20px 30px;}



td.abt_alt_rt {background:url('/download/document/432/background_5050light.jpg') center center no-repeat;background-size:cover;background-position: center center;background-repeat: no-repeat;padding:75px 50px;width:50%;}
td.abt_alt_rt .title {font-size: 40px;line-height: 50px;color:#005dab !important;}
td.abt_alt_rt .body {color:#3b3b3b !important;}
td.abt_alt_rt .ktbtn{ color:#005dab;border:2px solid #005dab; padding:10px 20px;font-family: 'Droid Sans', sans-serif;font-weight: 700;}


td.abt_alt_lt {background:#f6f6f6;background-size:cover;background-position: center center;background-repeat: no-repeat;padding:75px 50px;width:50%;}
td.abt_alt_lt .title {font-size: 40px;line-height:50px;}

.faq_page {padding-top:50px;}
.faq_page .subtitle {padding-left: 15px;color:#005dab;}
.faq_page .row {margin-bottom:75px;}

.news_panel {
    margin-bottom: 1.25rem;
    padding: 10px 20px;
    background: #fafafa;
}

@media only screen and (max-width:640px){
.news_panel .paragraph-header {font-size:12px;}
.news_panel .news_time {font-size:10px;}
}

table.news_container {width:100%;}
.news_thumb {padding:0;width:100px;}
.news_thumb img {width:100px !important;}

.accordion dd > a {
    background: #fff;
    color: #222222;
    padding: 1rem;
    display: block;
    font-family: 'Droid Sans', sans-serif;
    font-size: 1rem;
}

.accordion dd > a:hover {
    background: #fafafa;
}

.accordion dd.active > a {
    background: #eee;
}


@media only screen and (max-width:1024px){
      .ktb_team {text-align: left}
}

@media only screen and (min-width:1025px){
      .ktb_team {text-align: center}
}

.panelclear {background:#F9F9F9;border:none;margin-bottom:40px;}

.imgleft {}

.tabs dd > a, .tabs .tab-title > a {
      display: block;
    background: white;
    color: #222222;
    padding: 1rem 2rem;
   font-family: 'Droid Sans', sans-serif;
    font-size: 1rem;
}

.tabs dd.active a, .tabs .tab-title.active a {
    background:#eee;
    color: #005dab;
}


/********************
KTB STYLES
********************/

.container {
  margin: 0 auto;
  max-width: 1200px;
  width: 90%; }

.container-2 {
    margin: 0 auto;
    max-width: 1000px;
    width: 85%;
}

.centerize {
    text-align: center !important;
}

.section {
    padding: 50px 0;
}

/*
---------------
background colors
---------------
*/

.white {
    background-color: #fff !important;
}

.silver {
    background-color: #f6f6f6 !important;
}

.blue {
    background-color: #005dab !important;
}



.blue-btn {
    background-color: #1b77c4 !important;
}

.light-blue {
    background-color: #158ec8 !important;
}

.green {
    background-color: #14c102 !important;
}

.light-grey {
    background-color: #848484 !important;
}

.grey {
    background-color: #5e5e5e !important;
}


/*
---------------
typography
---------------
*/


.droid, .droid-bold {
    font-family: 'Droid Sans', sans-serif;
}

.droid-bold {
    font-weight: 700;
}

.blue-text {
    color: #005dab !important;
}

.light-blue-text {
    color: #158ec8 !important;
}

.white-text {
    color: #ffffff !important;
}

.grey-text {
    color: #5e5e5e !important;
}

.light-grey-text {
    color: #848484 !important;
}

p.body {
    font-family: sans-serif;

}


/*
---------------
NAV & HEADER
---------------
*/

.page-header {
	height: 140px !important;
}


/*
medium
navbar
style
*/

@media only screen and (max-width: 1025px) {
	.header-logo {
		max-height: 50px;
        margin:7px 0 0 !important;
	}

    .page-header {
    	height: 70px !important;
    }
}

#navNum {
	color: #21A3C4 !important;
	text-decoration: none !important;
	font-size: 20px;
	padding: 30px 40px 0px 0px;
}

#navNumSm {
	position: absolute;
	top: 66px;
	right: 100px;
}

@media only screen and (max-width: 40em) {
	#navNum {
		color: #21A3C4 !important;
		text-decoration: none !important;
		font-size: 20px;
		padding: 30px 40px 0px 0px;
	}
}

.header-logo {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 28px;
    background-color: #eee;
    width: 173px;
    height: 99px;
    background: url('/base/images/logo.png') center center no-repeat;
    background-size: contain;
}

/*
-------------------
RETINA LOGO
-------------------
*/

  @media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    /* High-res styles go here */
  }




/* =======================================

HEADER STYLES

=================================== */

.page-header {
	background: #eeeeee
}
/*
.header-logo {
	line-height: 100px;
	padding-left: 1rem
}
*/

.hmi {
	float: right;
	width: 50px;
	background: url(/download/document/43/hmi-sm-white.png)  center center no-repeat;
    background-color: #006bc4;
    margin-right: 25px;
    margin-top:3px;
}
.hmi span {
	display: block;
	height: 50px;
	width: 50px;
}

.right-off-canvas-menu {
	background-color: #003064 !important;
    padding-top: 30px;
}


ul.off-canvas-list li a {
    display: block;
    padding: 1rem;
    color: #fff;
	font-family: 'Droid Sans', sans-serif;
    border-bottom: none !important;
    transition: background 300ms ease;
}



ul.off-canvas-list li label {
    display: block;
    height: 75px;
    line-height: 75px;
    padding: 1rem 1rem 3rem;
    color: #008cff;
    text-transform: uppercase;
    font-weight: bold;
    background: #ffffff;
    border-top: none !important;
    border-bottom: none !important;
    margin: 0;
	background-color: #003064 !important;
	font-family: 'Droid Sans', sans-serif;
	font-size: 25px;
}

/*
--------------------
MOBILE LINKS
--------------------
*/

ul.off-canvas-list li:nth-child(5n) {
    height: 70px;
}

ul.off-canvas-list li:nth-child(6n) {
    border-top: 1px solid #1b77c4;
    height: 60px;
    line-height: 50px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 15px;
    text-transform: uppercase;

}

ul.off-canvas-list li:nth-child(6n) a{
    color: #54b2ff !important;
    font-weight: bold;

}
/*
ul.off-canvas-list li:nth-child(6n) :hover {
    background-color: #1b77c4 !important;
}
*/

ul.off-canvas-list li:nth-child(7n) {
    /*background-color: #14c102 !important;*/
    height: 60px;
    line-height: 50px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 15px;
    text-transform: uppercase;
}

ul.off-canvas-list li:nth-child(7n) a{
    color: #14c102 !important;
    font-weight: bold;
}
/*
ul.off-canvas-list li:nth-child(8n) :hover{
    background-color: #14c102 !important;
}
*/

li.offcanvitem {
	margin-top
}

li.offcanvitem a{
	color: #21A3C4 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

li.offcanvitemTop a{
	color: #fff !important;
	text-transform: uppercase !important;
	font-weight: bold;
	font-size: 15px;
	padding: 1.5rem 1rem 0.5rem !important;
}

ul.off-canvas-list li a:hover {
      background: inherit;
	  /*color: #008cff !important;*/
	  text-decoration: none !important;
		 }
    ul.off-canvas-list li a:active {
      background: #003064; }

li.label {
	display: block;
    padding: 1rem;
    color: #fff;
	font-family: 'Droid Sans', sans-serif;
    border-bottom: none !important;
    transition: background 300ms ease;
}

li#offcanvspc {
	height: 25px;
}

li#offcanvnum a{
	color: #21A3C4 !important;
}

li#offcanvnum a{
	padding: 1.5rem 1rem 1.5rem;
	text-transform: uppercase;
	font-size: 15px !important;
}

li#offcanvcta a{
	padding: 1rem;
	background-color: #21A3C4;
	text-transform: uppercase;
	font-size: 12px !important;
}

ul.off-canvas-list li#offcanvcta a:hover{
	color: #fff !important;
}

.top-bar {
    height: 140px;
    padding-top:30px;

}

/********************
HOMEPAGE SEC 1
********************/



.sec1card {
    padding-top: 15px;
    padding-bottom: 40px;
}

.sec1card img {
    padding-bottom: 20px;
}

h3.sec1cardTitle {
    padding-bottom: 20px;
}

p.sec1cardBody {
    padding-bottom: 10px;
}

a.sec1button {
    background: none;
    border: 2px solid #005dab;
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: 'Droid Sans';
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

h1#sec1h1 {
    padding-bottom: 20px !important;
}




/********************
HOMEPAGE SEC 2
********************/

a#viewalla {
    text-decoration: none;
}

#viewalla:hover {
    text-decoration: none;
}

#viewall {
    position:relative; padding-top:25px; text-align:right;

}

@media only screen and (max-width: 1025px) {

    h1#section2title {
        text-align: center !important;
    }

    #viewall {
        text-align:center;
    }

}

.newsCard {
    position: relative;
    border: 1px solid #e2e2e2;
    margin-bottom: 50px;
    max-width: 100%;
}

@media only screen and (max-width: 1025px) {
    .newsCard {
        margin: 0 auto;
        margin-bottom: 50px;
    }

}

.newsCardImg {
    width: 100%;
    height: 250px;
    background-size: cover;

}

.newsCardBody {
    width: auto;
      padding: 20px;
      background:#fafafa;
}

.newsCardDate {
    padding-bottom: 10px;
    font-size:14px;
}

.newsCardCopy {
    line-height: 20px;
      font-weight:bold;
}

.press_panel {
      background: white;
      position: absolute;
      width: 100%;
      left: 0px;
      bottom: 0;
      padding: 10px 20px 15px;
}

/********************
HOMEPAGE SEC 3
********************/

h2.sec3title {
    padding-bottom: 10px;
    font-size: 25px;
}

ul.eventsList {
    list-style: none;
    text-align: left;
    margin-left: 0 !important;
    margin-top:20px;
}

ul.eventsList li {
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
}

.ftvidwrapper {
    padding-bottom: 50px;
}

.ftvidwrapper img{
    padding-bottom: 20px;
}

ul.vidList {
    list-style: none;
    text-align: left;
    margin-left: 0 !important;
    padding-bottom: 10px;
}

ul.linkList {
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;
    list-style: none;
    text-align: left;
    margin-left: 0 !important;
    padding-bottom: 10px;
    margin-top:20px;
}

ul.linkList li {
    padding: 5px 0;
}



/********************
HOMEPAGE SEC 3 ALT
********************/

.videoContainer {
    height: 500px;
    background: url('https://drscdn.500px.org/photo/135473357/m%3D2048/ebf59ffd9007679685121a12da8c2197') center center no-repeat;
    background-size: cover;
    padding-top: 200px;
}

.videoContainer img {
    position: relative;
    margin: 0 auto;

}


/********************
HOMEPAGE SEC 4
********************/
.sec4body {
    padding-bottom: 50px;
}


.sec4title {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
}

.sec4icon {
    margin-top: 55px;
    margin-bottom: 35px;
}

a.sec4btn {
    background: none;
    border: 2px solid #005DAB !important;
    color: #005DAB;
    padding: 10px 50px;
    text-transform: uppercase;
}

a.sec4btn:hover {
    text-decoration: none;
}


/* =======================================

BODY STYLE

=================================== */

body {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

a {
	color: #008cba;
	text-decoration: none;
}
a:hover, a:focus {
	color: #0078a0;
	text-decoration: underline;
}


























/* =======================================

HOMEPAGE BANNER STYLES

=================================== */

.medium-banner-wrapper {
	background-color: #e9e9e9;
	padding:80px 0;
	background-position: center top;
	background-repeat: no-repeat;
    padding-top: 160px;
}

.herotitlewrapper {
    max-width: 500px;
    padding-bottom: 25px;
}

@media only screen and (min-width: 1040px) {
    .herotitlewrapper {
        padding-left: 35px;
    }

}

h4#herosubtitle {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 45px;
}

a#herobtn {
    background: none;
    border: 2px solid #ffffff !important;
    color: #ffffff;
    padding: 10px 20px;
    text-transform: uppercase;
}

a#herobtn:hover {
    text-decoration: none;
}



.small-banner-wrapper {
	background-color: #666666;
	height: 400px;
	background-position: center top;
	background-repeat: no-repeat;
}

.banner-wrapper {
	background-color: #333333;

}
#hpbanner {
}
#hpbanner .text-inside {
	color: #ffffff;
	margin: 350px auto 0 auto;
	width: 1000px;
}

#hpbanner li {
	height: 700px;
	background-position: top center;
	background-repeat: no-repeat
}
#hpbanner .banner-button {
	background: #000000;
	color: #ffffff;
	margin: 3rem 0 0 1rem;
	display: inline-block;
	padding:1rem 2rem;
	cursor: pointer

}
#hpbanner .title {
	font-size: 50px;
	font-weight: 300;
	padding: 0 1rem;
}
#hpbanner .subtitle {
	font-size: 20px;
	font-weight: 300;
	padding:0 1rem;
}












/* =======================================

NORMAL PAGE STYLES

=================================== */

#page-subnav {
	border-bottom: 1px solid #cccccc
}
#page-subnav .row {
	padding: 1rem 0
}
#page-subnav ul {
	padding: 0;
	margin: 0;
}
#page-subnav li {
	font-size: .9rem;
	list-style: none;
	line-height: 1.5rem;
	float: left;
	margin-right: 4px;
	padding: 0px .5rem
}
#page-subnav a:link,
#page-subnav a:hover,
#page-subnav a:visited {
	color: #333333;
      font-family: 'Droid Sans', sans-serif !important;
      text-decoration: none !important;
}
#page-subnav .on a:link,
#page-subnav .on a:hover,
#page-subnav .on a:visited {
	color: #005DAB !important;
}

@media only screen and (min-width:991px){
ul#ktb_sub {margin-left:40px;}
}


/* ======================================= */

.page-banner {
	height: 100px;
}

.page {
	padding: 2.5rem 0 5rem 0;
}

.page-content {
	display: table;
	width: 100%;
}

.page-content-2 {
    display: table;
    margin: 0 auto;
    width: 90%;
}

.page-content-center {

	line-height: 22px;
}

.page-content-center article {
	padding-top: 2rem;
	color: #525252
}

@media only screen {
	.page-content-left {
		display: table-row;
		width: auto;
	}
	.page-content-left ul {
		padding: 0 0 2.5rem 0;
		margin: 0;
	}
	.page-content-left ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		line-height: 2.5rem;
		border-bottom: 1px solid #dddddd
	}
	.page-content-left ul li:first-child {
		border-top: 1px solid #dddddd
	}
}

@media only screen and (min-width: 40.063em) {/* Non-Mobile Style  */
	.page-content-left {
		display: table-cell;
		width: 250px;
	}
	.page-content-left ul {
		padding: 0 40px 0 0;
		margin: 0;
	}
	.page-content-left ul li {
		list-style: none;
		padding: 0;
		margin: 0;
		line-height: 3rem;
		border-bottom: 1px solid #dddddd
	}
	.page-content-left ul li:first-child {
		border-top: 1px solid #dddddd
	}
}

@media only screen {
	.page-content-right {
		display: table-row;
		width: auto;
	}
	.page-content-right-inside {
		padding: 5rem 0 0 0;
	}

}

@media only screen and (min-width: 40.063em) {/* Non-Mobile Style  */
	.page-content-right {
		display: table-cell;
		width: 300px;
	}
	.page-content-right-inside {
		padding: 0 0 0 50px;
	}

}



/* ======================================= */

article .title {
	color: #000000;
	font-size: 1.8rem;
	line-height: 2rem;
	display: block;
	padding-bottom: 10px;
	font-weight: 300
}
article .subtitle {
	color: #999999;
	font-size: 1.5rem;
	line-height: 1.7rem;
	display: block;
	padding-bottom: 10px;
}
article .paragraph-header {
	color: #333333;
	font-size: 1.3rem;
	line-height: 1.4rem;
	display: block;
	padding-bottom: 10px;
	font-weight: 500
}



























/* =======================================

FOOTER STYLES

=================================== */

footer {
	padding:50px 0;
}
.footer-left {
	color: #999999;padding-top:2rem;
}
.footer-right {
	color: #999999;padding-top:2rem;
}

.footer-left a {
	padding: 0 1rem;
}


@media only screen {/* Mobile Style  */
	footer {
		font-size: 1rem;
		line-height: 2rem
	}
	footer .footer-left {
		text-align: center;
	}
	footer .footer-right {
		text-align: center;
	}

}

@media only screen and (min-width: 40.063em) {/* Non-Mobile Style  */
	footer {
		font-size: .9rem;
	}
	footer .footer-left {
		text-align: left
	}
	footer .footer-right {
		text-align: right;
	}

}

footer .smi {padding-bottom:2rem}
footer .smi a {padding:0 1rem}











/* =======================================

BLOG STYLES

=================================== */

.blog-list-container {
	border-bottom: 1px solid #cccccc;
	padding: 2rem 0 1.5rem 0;
}
.blog-list-container:first-child {
	padding-top: 0
}
.blog-list-container:last-child {
	border: none
}
.blog-list-title {
	font-size: 1.4rem;
}
.blog-list-date {
	font-weight: bold;
	line-height: 2rem
}
.blog-list-body {
}

.blog-list-authors {
	padding: 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-list-authors li {
	list-style: none;
	padding: 0 1em 0 0;
	font-size: small;
	display: inline-block
}
.blog-list-authors li a:after {
	content: ",";
}
.blog-list-authors li:last-child a:after {
	content: "";
}

.blog-list-tags {
	padding: 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-list-tags li {
	list-style: none;
	padding: 0 1em 0 0;
	font-size: small;
	display: inline-block
}
.blog-list-tags li a:after {
	content: ",";
}
.blog-list-tags li:last-child a:after {
	content: "";
}

.blog-right-recent {
	padding: 0;
	margin: 0;
}
.blog-right-recent li {
	list-style: none;;
	padding-bottom: .8rem;
	line-height: 1.3rem
}
.blog-right-tags {
	padding: 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-right-tags li {
	list-style: none;;
	padding-bottom: .8rem;
	line-height: 1.3rem
}

.blog-detail-date {
	font-weight: bold;
	line-height: 2rems
}

.blog-detail-tags {
	padding: 2rem 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-detail-tags li {
	list-style: none;
	padding: 0 1em 0 0;
	font-size: small;
	display: inline-block
}
.blog-detail-tags li a:after {
	content: ",";
}
.blog-detail-tags li:last-child a:after {
	content: "";
}

.blog-detail-authors {
	padding: 0;
	margin: 0;
	line-height: 1.5rem
}
.blog-detail-authors li {
	list-style: none;
	padding: 0 1em 0 0;
	font-size: small;
	display: inline-block
}
.blog-detail-authors li a:after {
	content: ",";
}
.blog-detail-authors li:last-child a:after {
	content: "";
}

.blog-detail-image {
	margin: 2rem 0
}
.blog-detail-video {
	margin: 2rem 0
}
.blog-detail-video iframe {
	width: 100%;
	max-width: 600px;
}
.blog-detail-body {
}












/* =======================================

MENU STYLES

=================================== */



#navigation {
	padding: 0;
    padding-top: 45px;
	margin: 0;
	float: right;
}

ul#navigation li {
	display: inline;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;

}


ul#navigation li a {
	padding: 0px 16px;
	line-height: 40px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
    font-family: 'Droid Sans', sans-serif !important;
    font-size: 17px;
}


/*
ul#navigation li a:hover {
	color: #0397D6 !important;
}

ul#navigation li:hover > a {
	background: #f7f7f7
}*/

/*
-----------------------------
TOP NAV BUTTONS
-----------------------------
*/

ul#navigation li.topMnu:nth-child(6n) {
    background-color: #1b77c4 !important;
    padding: 0px;
    margin: 0 20px 0 10px;
    padding: 0 10px;
    box-shadow: 0px 1px 2px #00467f;
}
/*

ul#navigation li.topMnu:nth-child(5n) :hover{
    background-color: #1b77c4 !important;
    padding: 0px;
    margin-right: 10px;
    padding: 0 10px;
    box-shadow: 0px 1px 2px #00467f;
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

*/


ul#navigation li.topMnu:nth-child(7n) {
    background-color: #14c102 !important;
    padding: 0px;
    padding: 0 10px;
    box-shadow: 0px 1px 2px #00467f;
}

/*

ul#navigation li.topMnu:nth-child(6n) :hover{
    background-color: #14c102 !important;
    padding: 0px;
    padding: 0 10px;
    box-shadow: 0px 1px 2px #00467f;

    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
*/




/* on */

ul#navigation li.on {
}
ul#navigation li.on a {
	color: #ffffff;
}
ul#navigation li.on a:hover {
	color: #ffffff;
}
ul#navigation li.on:hover > a {
}

/* subpages icon */

ul#navigation li a.subpages,ul#navigation li a.subpages:hover {
	background-image: url(/base/images/subpages.png) ;
	background-position: right ;
	background-repeat: no-repeat;
}



/* Drop-Down Navigation */
ul#navigation li:hover > ul {
	visibility: visible;
	opacity: 1;
	margin-top: 0px;
	margin-left: -1px;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	z-index: 99999;
	width: 200px;
	background: #efefef;
	opacity: 0;
	-webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
	-moz-transition: opacity 0.2s linear, visibility 0.2s linear;
	-o-transition: opacity 0.2s linear, visibility 0.2s linear;
	transition: opacity 0.2s linear, visibility 0.2s linear;
}

ul#navigation ul {
	top: 40px;
	left: 1px;
}

ul#navigation ul li ul {
	top: 0;
	left: 201px;
}

ul#navigation ul li {
	font-weight: normal;
	font-size: 14px;
	clear: both;
	width: 100%;
	border: 0 none;
	border-bottom: 1px solid #c9c9c9;
}

ul#navigation ul li a:link,ul#navigation ul li a:visited {
	background-color: none;
	padding: 7px 15px;
	color: #333333;
	text-decoration: none;
	display: inline-block;
	border: 0 none;
	float: left;
	clear: both;
	width: 170px;
	line-height: 18px;
	background: #efefef;
}

ul#navigation ul li a:hover,ul#navigation li.on ul li a:hover {
	background-color: none;
	padding: 7px 15px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	border: 0 none;
	float: left;
	clear: both;
	width: 170px;
	line-height: 18px;
	background: #666666;
}
ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}


.hoverable:hover {
  transition: box-shadow .25s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }



  /* =======================================

  HEADER STYLES

  =================================== */


  h1, h2, h3, h4, h5, h6 {
  	font-weight: normal;
  	font-style: normal;
  	text-rendering: optimizeLegibility;
  	line-height: 1.2;
  }


  h1 {
  	color: #005dab;
  	font-size: 2.5rem;
    font-weight: bold;
    font-family: 'Droid Sans', sans-serif;
    text-align: left !important;
  }

  h2 {
  	font-size: 1.2875rem;
  	color: #848484;
  	padding-top: .5rem
    text-align: left !important;
    line-height: 2rem;
  }

  h3 {
  	font-size: 1.375rem;
  	padding-bottom: 2rem;
  	color: #000000
    text-align: left !important;
  }

  hr {
  	border: solid #dddddd;
  	border-width: 1px 0 0;
  	clear: both;
  	margin: 1.25rem 0 1.1875rem;
  	height: 0;
  }

 article {
      color: #5e5e5e !important;
      font-size: 16px;
      line-height: 32px;
  }

 article .title {
     font-weight: bold;
     font-family: 'Droid Sans', sans-serif;
     color: #5e5e5e;
     text-align: left !important;
  }

  article .subtitle {
      color: #5e5e5e;
  }

article .paragraph-header {
    font-family: 'Droid Sans', sans-serif;
    color: #5e5e5e;
}

 a, a:hover, a:focus, a:visited {
      color: #005dab;
      text-decoration: none !important;
  }

.relative {position: relative !important;}











.dropit ul {display:none}
.dropit {
    list-style: none;
	padding: 0;
	margin: 50px 0 0 20px;
	display:inline-block;
	float: right;

}
.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {
    position: absolute;
    top: 30px;
    left: -175px; /* dropdown left or right */
    z-index: 1000;
    display: none;
    min-width: 150px;
    list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
}
.dropit .dropit-open .dropit-submenu { display: block; }
.dropit-arrow-up {
	width: 0;
	height: 0;
	margin-left:170px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid white;
      display: none !important;
}
.dropit-search-box {
	height:40px;background:#ffffff;width:200px;border-radius: 2px;overflow:hidden;box-shadow: 0 0 15px #1b77c4;
}
.dropit-search-box input {border:none;width:100%; outline: none;}
.dropit-search-box input:focus {
    outline: none;
}

/*

example of search box at the top of the page

.dropit .dropit-submenu {
    position: absolute;
    top: -15px;
    left: -220px;
    z-index: 1000;
    display: none;
    min-width: 150px;
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
}


*/