@charset "utf-8";

body {
	padding-top: 60px;
    padding-bottom: 0px;
	background-image:url(../images/bg-tile.gif);
	background-color: #d6dfe4;
	font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	color: #000;
}

@media (max-width: 979px) {
  	body {
		padding-top: 0px;
	}
}

@media (max-width: 767px) {
	body {
		padding-right: 4px;
		padding-left: 4px;
	}
}

/* tag definition */
p {
	margin:0 0 2% 0;
}


p > a {
	color: #005580;
	text-decoration: underline;
}

p > a:hover, a:focus {
	color: #0088cc;
	text-decoration: underline;
}

/* em {
	font-family: 'Leto', Verdana, Helvetica, Arial, sans-serif;
}

i {
	font-family: 'Leto', Verdana, Helvetica, Arial, sans-serif;
} */

h1 {
	font-size: 1.5em;
	line-height:1.25em;
	color: #666666;
	padding:16px 0;
}

h2 {
	font-size: 1.33em;
	line-height:1.25em;
	color: #666666;
	padding:12px 0;
}

h3 {
	font-size: 1.25em;
	line-height:1.25em;
	color: #666666;
	padding: 12px 0;
}

h4 {
	font-size: 1.125em;
	color: #666666;
	font-style: italic;
	padding: 12px 0;
}

h5 {
	font-size: .95em;
	font-weight:normal;
	font-style: italic;
	line-height:1.125em;
	color: #666666;
	padding: 8px 0;
}

ul, ol {
	padding:0 1em 1em 1em;
}

ul, ol {
	padding: 0;
	margin: 0 0 10px 25px;
}

article li {
	padding:0 1em 1em 1em;
}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
}

article a {
	text-decoration:underline;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #dcdcdc;
}

blockquote p {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.75em;
	margin-bottom: 12px;
}


/* grid style - resaponsive */

.row {
	margin:0;
}

.rowspacer {
	margin-bottom:24px;
}

.fullvisible {
		display: block;
}

.respvisible {
		display: none;
}	


.spanpad {
	padding: 24px;
	margin: 0 0 16px 0;
	background-color: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 3px 3px 4px #cccccc;
	-moz-box-shadow: 3px 3px 4px #cccccc;
	box-shadow: 3px 3px 4px #cccccc;
}

#footer {
	font-size: .8em;
}


/* nav */

.sidebar-nav {
     padding: 9px 0;
}

.sidenavstyle {
	padding:24px 0 0 0;
	-webkit-box-shadow: 3px 3px 4px #cccccc;
	-moz-box-shadow: 3px 3px 4px #cccccc; 
	box-shadow: 3px 3px 4px #cccccc;
}

.contentspan {
	margin-right:12px;
}

.contentarea {
	margin:16px 0;
}

.nav-list > li > a, .nav-list .nav-header {
	margin-right: -15px;
	margin-left: -15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	font-size: .95em;
	color: #222;
	padding:.5em 1em;
}

.nav-header {
	display: block;
	padding: 6px 15px;
	font-weight: bold;
	line-height: 20px;
	text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	background-color: #d6dfe4;
}

.nav-list > li > a {
	padding: 4px 15px;
	border-bottom: 2px solid #dadada;
	border-top: 2px solid #ffffff;
}

.nav > li > a:hover, .nav > li > a:focus {
	color:#003399;
}

/* 2nd level */
.nav-list .nav-list > li > a {
  padding-left: 30px;
}

.nav-list .nav-list > li > a,
.nav-list .nav-list .nav-header {
  margin-left:  -30px;
  margin-right: -30px;
}

/* 3rd level */
.nav-list .nav-list .nav-list > li > a {
  padding-left: 45px;
}

.nav-list .nav-list .nav-list > li > a,
.nav-list .nav-list .nav-list .nav-header {
  margin-left: -45px;
  margin-right: -45px;
}

.dropdown-menu > li {
	border-bottom:1px #ccc solid;
}

.dropdown-menu > li:last-child {
	border-bottom:0;
}

.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 24px;
	color: #333333;
	text-decoration:none;
	/* border-bottom:1px #ccc solid; */
	white-space: nowrap;
}

.dropdown-menu > li > a .dropdownlast {
	border-bottom:0px #ccc solid;
}

/* text styles */

.headertext {
	font-size: .95em;
	padding: 8px;
	text-align: center;
}

.headertext2 {
	font-size: .95em;
	text-align: right;
}

.bodytext {
	font-size: 1em;
}

.title1 {
	font-size: 1.3em;
	color: #666666;
	font-style: italic;
	font-weight: bold;
	font-family: 'Leto', Verdana, Helvetica, Arial, sans-serif;
}


.title2 {
	font-size: 1.1em;
	color: #666666;
	font-weight: bold;
	font-style: italic;
}

.title3 {
	font-size: 1em;
	color: #666666;
	font-weight: bold;
}

.adatitle {
	font-size: 1.25em;
	color: #666666;
	font-style: italic;
	font-weight: bold;
	font-family: 'Leto', Verdana, Helvetica, Arial, sans-serif;
	text-align:center;
}

.footnote1 {
	font-size: .85em;
	text-align: center;
}

.footertext {
	font-size: .9em;
	line-height:1.5em;
	padding:8px 0 0 0;
}

.navtext {
	font-size: .95em;
	padding: 8px 0;
	margin:0;
	line-height:1.5em;
}

.navtext2 {
	font-size: .9em;
	padding: 8px 0 16px 0;
	margin:0;
	line-height:1.5em;
}

.featuretitle {
	font-size: 1.3em;
	font-family: 'Leto', Verdana, Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	padding:0;
}

#resources {
	/*clear: both;*/
	margin:0 auto 16px auto;
	max-width:800px;
	overflow: auto;
	border: 1px solid #9A9A9A;
	padding: 8px;
	font-size: .9em;
	background-color: #FAFAFA;
}

.resources {
	/*clear: both;*/
	margin:0 auto 16px auto;
	max-width:800px;
	overflow: auto;
	border: 1px solid #9A9A9A;
	padding: 8px;
	font-size: .9em;
	background-color: #FAFAFA;
}

.transcript {
	clear: both;
	margin:16px auto;
	max-width:740px;
	overflow: auto;
	border: 1px solid #9A9A9A;
	padding: 8px;
	font-size: .9em;
	background-color: #FAFAFA;
	height:200px;
}

.tabletext {
	font-size: 1em;
}

.cellborder {
	border:solid;
	border-color:#999;
	border-width:1px;
}

.hrule {
	height:1px;
	width:400px;
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	margin:12px auto;
}	

#tableborder {
	width:100%;
	border-collapse:collapse;
}

#tableborder td, #tableborder th {
	font-size:1em;
	border:1px solid #ccc;
	padding:6px;
}

#tableborder th {
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#666666;
	color:#ffffff;
}

#tableborder tr.alt td {
	color:#000000;
	background-color:#EAEAEA;
}

#tableborder img {
	border:solid 1px #000;
}

.tableborder {
	width:100%;
	border-collapse:collapse;
	margin:0 0 15px 0;
}

.tableborder td, #tableborder th {
	font-size:1em;
	border:1px solid #ccc;
	padding:6px;
}

.tableborder th {
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#666666;
	color:#ffffff;
}

.tableborder tr.alt td {
	color:#000000;
	background-color:#EAEAEA;
}

.tableborder img {
	border:solid 1px #000;
}

.rednote {
	color:#F00;
	font-style:italic;
}

.rednote {
	color:#F00;
	font-style:italic;
}

.roundborder {
  background-color:#fff;
  border: solid #666666 1px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding:16px;
  -moz-box-shadow: 3px 3px 4px #aaaaaa;
  -webkit-box-shadow: 3px 3px 4px #aaaaaa;
  box-shadow: 3px 3px 4px #aaaaaa;
}

.itemblock {
	display:block;
	margin:1.5% 0 2% 0;
	padding:2%;
	border:solid 2px #ddd;
    -moz-border-radius: 12px;
    border-radius: 8px;
	-moz-box-shadow: 3px 3px 4px #eaeaea;
	-webkit-box-shadow: 3px 3px 4px #eaeaea;
	box-shadow: 3px 3px 4px #eaeaea;
}

.itemblock2 {
	display:block;
	margin:1.5% 0 2% 0;
	padding:16px 12px;
	background-color: #F5F5F5;
	border:1px solid #dadada;
	-moz-border-radius: 12px;
    border-radius: 8px;
	-moz-box-shadow: 3px 3px 4px #eaeaea;
	-webkit-box-shadow: 3px 3px 4px #eaeaea;
	box-shadow: 3px 3px 4px #eaeaea;
}

textarea {
  font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;
}

.navbar-search .search-query {;
  font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;
}

#govdelivery:empty {
	display:none;
	
}

.linkpad {
	padding:0 24px;
}

/* image and slides */

.carousel-control {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 25px;
	height: 25px;
	margin-top: -20px;
	font-size: 30px;
	font-weight: 100;
	text-decoration:none;
	line-height: 15px;
	color: #ffffff;
	text-align: center;
	background: none;
	border: 0px solid #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.carousel .item {
	-webkit-transition: opacity 3s; 
	-moz-transition: opacity 3s; 
	-ms-transition: opacity 3s; 
	-o-transition: opacity 1s; 
	transition: opacity 1s;
}

.carousel .active.left {
	left:0;
	opacity:0;
	z-index:2;
}
.carousel .next {
	left:0;
	opacity:1;
	z-index:1;
}

.captionphoto1 {
	padding:8px; 
	text-align:center;
	line-height:15px;
	font-size:12px;;
}

.captionphoto1 em {
	font-size: 11px;
}

.captionphoto1 img {
	margin-bottom:6px
}

.captionphoto2 {
	padding:8px; 
	text-align:left;
	line-height:15px;
	font-size:12px;
}

.captionphoto2 em {
	font-size: 11px;
}

.captionphoto2 img {
	margin-bottom:6px
}

.photoborder {
	border: solid 2px #cccccc;
}

.membergrid {
	display: block;
	padding: 0 4%;
}

.memberbox {
	display: block;
	float: left;
	height:166px;
	padding:8px; 
	margin:6px;
	width:160px; 
	text-align:center; 
	border:1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
	line-height:1.25em;
	font-weight:bold;
}

.memberphoto100 {
	width:100px;
	height:100px;
	border:1px solid #333;
	margin:4px auto;
}

.nomemberphoto100 {
	width:100px;
	height:100px;
	border:none;
	margin:4px auto;
}

@media (max-width: 767px) {
	.membergrid {
		padding: 0 3%;
	}	
	
	.memberbox {
		width:120px;
	}
}

.nowrap {
	white-space:nowrap;
}

.forcewrap {
	word-wrap:break-word;
}

.break-long {
   -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;
}

.indent1 {
	padding-left:30px;
}

.indent2 {
	padding-left:60px;
}

.skiptocontent {
	display:none;
}

@media (max-width: 979px) {
/* Enable use of floated navbar text */
	.navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
     }
	 
	 .respvisible {
		display: block;
	}
  	.fullvisible {
		display: none;
	}

}

@media (max-width: 767px) {
	.skiptocontent {
		display:block;
		padding:8px;
		font-size:.9em;
	}
	
	.contentspan {
		margin-right:0;
	}
}

@media (max-width: 767px) {
	.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
	color: #d6dfe4;
	text-decoration:none;
	}
	
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
		margin: 0;
		padding: 5px 25px;
	}
	
	.navbar-fixed-top {
		margin-bottom: 16px;
	}
	
	.container-fluid {
		margin: 0 -15px;
	}
	
	
	.itemblock {
		display:block;
		margin:4px -12px;
		padding:8px;
		border:0;
		-moz-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow:  0px 0px 0px #ffffff;
		-webkit-box-shadow:  0px 0px 0px #ffffff;
		border-bottom:2px solid #999999;
		box-shadow: 0px 0px 0px #ffffff;
	}
	
	.itemblock2 {
		display:block;
		margin:1.5% 0 2% 0;
		padding:6px;
		background-color: #F5F5F5;
		border:1px solid #dadada;
	}
	
	article a {
		word-wrap: break-word;
	}
	
	.contentarea {
		margin:6px -6px 0 -6px;
	}
	
	.skiptocontent {
		display:block;
		padding:8px;
		font-size:.9em;
	}
	
	
}

@media print {
    .navbar {
        display:none;
    }
	.sidebar-nav {
		display:none;
	}
	object {
		display:none;
		height:0;
	}
	footer {
		display:none;
		height:0;
	}
	.itemblock {
		display:block;
		margin:1.5% 0% 2% 0px;
		padding:2%;
		border:0;
		-moz-border-radius: 0;
		border-radius: 0;
		-moz-box-shadow: 0;
		-webkit-box-shadow: 0;
		box-shadow: 0;
		border-bottom:2px solid #999999;
	}

	.itemblock2 {
		display:block;
		margin:1.5% 0 2% 0;
		padding:12px;
		background-color: #F5F5F5;
		border:0;
		border-bottom:2px solid #999999;
	}
	.imgnav {
		width:0;
		overflow:hidden;
	}
	#resources {
		/*clear: both;*/
		margin:0 auto 16px auto;
		max-width:800px;
		overflow: visible;
		height:100% !important;
		border: 0;
		background-color: #FFFFFF;
	}
	
	.resources {
		/*clear: both;*/
		margin:0 auto 16px auto;
		max-width:800px;
		overflow: visible;
		height:100% !important;
		border: 0;
		background-color: #FFFFFF;
	}

	#flashContent {
		height:0;
	}
	
	a:link:after, a:visited:after {  
        content: normal;  
    }
}

/* fixes menu dropdown links on mobile */
.dropdown-backdrop {
    position: static;
}

/* table style css */

.styledtable {
	margin:0 0 20px 0;
	padding:0px;
	width:100%;
	box-shadow: 6px 6px 6px #dfdfdf;
	border:1px solid #cccccc;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}

.styledtable table {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	padding:0px;
}

.styledtable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}

.styledtable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}

.styledtable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}

.styledtable tr:last-child td:first-child {
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}

.styledtable tr:hover td {
	/*    */
}

.styledtable tr:nth-child(odd) { 
	background-color:#eeeeee; 
}

.styledtable tr:nth-child(even) { 
	background-color:#ffffff; 
}

.styledtable td {
	vertical-align:top;
	border:1px solid #cccccc;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:8px;
	color:#000000;
} 

.styledtable tr:last-child td {
	border-width:0px 1px 0px 0px;
}

.styledtable tr td:last-child {
	border-width:0px 0px 1px 0px;
}

.styledtable tr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
}

.styledtable tr:first-child td {	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #dddddd 5%, #dddddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddddd", endColorstr="#dddddd");	background: -o-linear-gradient(top,#cccc99,cccc99);
	background:-o-linear-gradient(bottom, #dddddd 5%, #ddddddd 100%);
	background-color:#cccccc;
	border:0px solid #cccccc;
	text-align:center;
	vertical-align:middle;
	border-width:0px 0px 1px 1px;
	font-weight:bold;
	color:#000000;
}

.styledtable tr:first-child:hover td {
	background:-o-linear-gradient(bottom, #ddddddd 5%, #dddddd 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #dddddd 5%, #dddddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddddd", endColorstr="#dddddd");
	background: -o-linear-gradient(top,#dddddd,dddddd);
	background-color:#dddddd;
}

.styledtable tr:first-child td:first-child {
	border-width:0px 0px 1px 0px;
}

.styledtable tr:first-child td:last-child {
	border-width:0px 0px 1px 1px;
}

/* videojs customize skin */

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 10em;
}

.video-js .vjs-controls-disabled .vjs-big-play-button {
    display: none!important;
}

.video-js .vjs-control {
    width: 3em;
}

.video-js .vjs-menu-button-inline:before {
    width: 1.5em;
}

.vjs-menu-button-inline .vjs-menu {
    left: 3em;
}

.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,.video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button {
    display: block;
}

.video-js .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {
    display: none!important;
}

.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after {
    padding: 0 .4em .3em;
}

.video-js.vjs-ended .vjs-loading-spinner {
    display: none;
}

.video-js.vjs-ended .vjs-big-play-button {
    display: block !important;
}

video-js.vjs-ended .vjs-big-play-button,.video-js.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started.video-js .vjs-big-play-button {
    display: block;
}

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -1em;
}

.video-js .vjs-big-play-button {
    background-color: rgba(0,0,0,0.5);
    font-size: 4em !important;
    border-radius: 50% !important;
    height: 2em !important;
    line-height: 2em !important;
    margin-top: -1em !important;
}

.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus,.video-js .vjs-big-play-button:active {
    background-color: rgba(0,0,0,0.35);
}

.video-js .vjs-loading-spinner {
    border-color: rgba(255,255,255,0.7);
}

.video-js .vjs-control-bar2 {
    background-color: transparent;
}

.video-js .vjs-control-bar {
    background-color: rgba(0,0,0,0.5) !important;
    color: #ffffff;
    font-size: 14px;
}

.video-js .vjs-play-progress,.video-js  .vjs-volume-level {
    background-color: #2483d5
}

.video-js .vjs-big-play-button {
    height: 2em !important;
    width: 2em !important;
    line-height: 1.9em !important;
    margin-top: -1em !important;
    margin-left: -1em;
    border-width: 3px;
}

.video-js .vjs-icon-play:before, .video-js .vjs-big-play-button:before {
    font-size: 50px;
}

.video-js  .vjs-progress-holder {
    font-size: 1.7em;
    border-radius: 10px;
}

.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-slider,.vjs-volume-level {
    border-radius: 10px;
}

.video-js .vjs-load-progress {
    background: rgba(255,255,255,0.5);
}

.youtube560 {
	width: 100%;
	max-width: 560px;
	margin:15px auto 30px auto;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
