@charset "utf-8";
/* CSS Document */

html { overflow-x: hidden; }

body {
	padding-top: 51px;
	overflow-x: hidden;
	min-width: 240px;
}

.navbar {
	margin-bottom:0px;
	background-color: #17468f;
	min-width: 300px;
}

.navbar-nav { float: right; }
.navbar-brand { padding: 1px; }
.navbar-inverse .navbar-nav li a { color: #A2B2BC; }

.modbar {
	background-color: #d1dae9;
	height: 30px;
	margin: -30px 0px 20px 0px;
	right: 0px;
	left: 0px;
}

.modbar p {
    color:#525252;
	/*color: #7E7E7E;*/
	padding-top: 5px;
}
 #mod-name p {
  overflow: hidden;
  white-space: nowrap;
  /*text-overflow: ellipsis;
  display:block;
  width:100%;*/
}

#modbarText { display:none; }

#affix1.affix { top:81px; }

.jumbotron {
	background-image: url(../img/jumbotron_BG_145px.jpg);
	background-color: #17468f;
	background-position: left top;
	background-repeat: no-repeat;
	padding-top:24px;
	/*height:183px;*/
	height:145px;
}

.jumbotron h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.bs-sidenav {
	background-color: #d1dae9;
	border-radius:10px;    
}

.bs-sidenav a { color:#525252; }

.bs-sidenav .active {
    font-weight: bold;
    text-decoration:underline;
}

.bs-sidenav a:hover { 
	font-weight: bold;
	/*border-radius: 10px;*/
}
#affix2.affix {
	top:100px;
	/*width: 263px;*/
	/*position: static;*/
}
.glossNav {
	padding: 5px;
	text-align:center;
	margin: auto;
	width: 64%;
}

.glossNav li { display: inline-block; }

.glossNav li a { padding: 7px; }

h1 {  margin-top: 10px; }

h2 {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #d1dae9;
    padding-top: 70px;
    padding-bottom:10px;
}

.firstH2 { padding-top:0px; }

h3 {
    color:#17468f; 
    margin-top: 10px;
    font-weight:bold;
}


.panel-default {
	border-color: #d1dae9;
}
.panel-default >.panel-heading {
	background-color: #d1dae9;
	color:#17468f;
	font-size: 1.3em;
	font-weight: bold;
}
.panel-body { background-color: #EEEEEE; }

.sectionHeader { padding-top: 10px; }

footer {
	color: #999;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d1dae9;
	background-color: #d1dae9;
	margin-top: 3em;
	padding: 2em;
}

.graphic .img-responsive {
	margin: 0 auto;
	padding-top:15px;
	/*padding-bottom:25px;*/
}

.btn-default {
	color: #FFFFFF;
	background-color: #1F2E37;
	border-color: #D3DBDE;
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
	color: #1F2E37;
	background-color: #7593ab;
	border-color:#D3DBDE;
}

#BigBtn {
	text-align:center;
	/*padding-top:15px;*/
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.figure {
	text-align: center;
	font-style:italic;
	font-size:12px;
	padding-top:5px;
	padding-bottom:25px;
}

.well, well-lg {
    background-color:#d1dae9;
}

.kc { margin-bottom: 10px; }

/* Craig's CSStylish answer to Isotope Notation */
.isotope-notation-container {
	display: inline-block;
	/*line-height: 0.5em;*/
	line-height: 10px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	/*top: 0.15em;*/
	top: 5px;
}

.isotope-notation-container-inner { display: table-row; }
.isotope-notation-upper,
.isotope-notation-lower {
	display: table-cell;
	/*font-size: 0.5em;*/
	font-size:10px;
	text-align: right;
}

.table-nonfluid {
	width: auto;
	table-layout: fixed;
}

/* Back to Top Plugin */

#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    right:10px;
    overflow:hidden;
    width:40px;
    height:40px;
    border:none;
    text-indent:100%;
    background:url(../img/totop.png) no-repeat left top;
}
 
#toTopHover {
    background: url(../img/totop.png) no-repeat left -40px;
    width:40px;
    height:40px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;    
    filter:alpha(opacity=0);
}
 
#toTop:active, #toTop:focus { outline:none; }


/* =============================================================================================== */
/* Large */
/* =============================================================================================== */
@media screen and (min-width: 1200px) {

	#affix2.affix { width: 263px; }
	.jumbotron h1 { 
		font-size:32px;
		color:#fff;
		/*padding:8px;*/
		padding-top: 30px;
		text-shadow: black 0.1em 0.1em 0.2em;	
	}
	
}

/* =============================================================================================== */
/* Medium */
/* =============================================================================================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {

	#affix2.affix { width: 213px; }
	.jumbotron h1 { 
		font-size:30px;
		color:#fff;
		padding-left:20px;
		padding-top: 25px;
	}
}

/* =============================================================================================== */
/* Small */
/* =============================================================================================== */
@media screen and (min-width: 768px) and (max-width: 991px) {
		
	.bs-sidenav.affix {
		position: static;
		width: auto;
		top: 0;
	}
	.glossNav { width: auto; }
    .jumbotron { margin-bottom: 30px; }
	.jumbotron h1 { 
		font-size:28px;
		color:#fff;
		padding-left: 20px;
		padding-top: 20px;
	}
}

/* =============================================================================================== */
/* Extra Small */
/* =============================================================================================== */
@media screen and (max-width: 767px) {
	
	.navbar-nav {
		float: left;
		width:100%;
		margin-bottom: 0px;
	}
	.navbar-nav li{ border-bottom: 1px solid #293C44; }
	.navbar-collapse{
		padding-right: 0px;
		margin-right: -15px;
	}
	.jumbotron h1 { 
		font-size:24px;
		color:#fff;
		/*padding:8px;*/
		padding-top: 20px;
	}
    
    .jumbotron { margin-bottom: 30px; }
	
	.bs-sidenav.affix {
		position: static;
		width: auto;
		top: 0;
	}
	.glossNav { width: auto; }
	
}