/*!
 * Custom styling overrides 
 * for CICS Intranet, for use OVER
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * (In other words, call this AFTER Bootstrap.)


	Table of Contents:

	[01] General/global
	[02] Header, nav
	[03] Plugging sub-submenu support
	[04] Header collapsed
	[05] Content
	[06] Home page only content
	[07] Footer
	[08] Misc.


	Default colour scheme:

		White: #fff;
		Black: #000;
		Red (crimson): #d13640;
		Red (e.g. h2): #b4252f;
		Blue (med): #1883cd;
		Blue (deeper, e.g. h1): #042b61;
		Light gray: #e8e8e8;
		Lighter gray: #efefef;
		Med gray: #ccccba;
		Med gray 2: #ddd;


	Media query for desktop overrides: 
	@media (min-width: 768px){}

*/



/*! 
*********************************
* 	[01] General/global 
*********************************
*/

body {
	font-family: 'Lato', sans-serif;
	font-size:15px;
}
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}
h1 {
	font-family: 'Francois One', sans-serif;
	color:#042b61;
}
h3, h4, h5, h6 {
	font-family: 'Francois One', sans-serif;
	color:#115a99;
}

h2 {
	font-family: 'Francois One', sans-serif;
	color:#d13640;
}
	h1{color:#042b61; font-size: 27px;}

	h2{font-size: 24px;}

	h3{font-size: 21px;}

	h4{font-size: 20px;}

	h5{font-size: 18px;}

	h6{font-size: 16px;}
	
	p, ul, ol, dl {font-size: 15px;}

h1.plain, h2.plain, h3.plain, h4.plain, h5.plain, h6.plain {
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin: 0 0 10px;
	text-align:left;
	font-family: 'Lato', sans-serif;
} 

#siteLogo{
	display:block;
	/*width:100%;
	*/
}

.searchBoxIconWrap {
	width:48%;
	margin-top:20px;
	margin-bottom:20px;
	float:right;
}
.searchBoxIconWrap .btn {
	background-color:#337ab7;
}
.whitesearchbtn {
	color:#FFF;
}
.form-control {
  height: 34px;
  border-radius: 0px;
}


.logoMargin {
	margin-bottom:10px;
	margin-top:10px;
}
.logoAlignCenter {
	margin-left:10px;
	text-align:center;

}
	@media (min-width: 768px){
		#siteLogo {
			margin-top:-10px;
		}
		.logoMargin {
			margin-bottom:40px;
			margin-top:60px;
		}
		.logoAlignCenter {
			margin-left:0px;
		}
	}

	#siteLogo img{
		width:100%;
	    margin-top: -10px;
	}*/

#banner, #banner img {
	width:100%;
	padding:0;
	margin:0;
}
.contentBannerImg {
	width:100%;
}
img {max-width:100%;}

/*.row img {width:100%;}*/

.topBottomMargins{
	margin-top:20px;
	margin-bottom:20px;
}

ul.bullet{
	list-style-type: disc;
}

table td, table th {
	padding: 5px 10px;
}

/*! 
*********************************
* 	[02] Header, nav
*********************************
*/
.headerMargin {
	margin-bottom:10px;
	margin-top:10px;
}
#topMostNav {

}

	#topMostNav li {
		display: inline-block;
		list-style-type: none;
	}

		#topMostNav li a:link, #topMostNav li a:visited, #topMostNav li a:hover, #topMostNav li a:active {
			color: #000;
			padding: 9px 10px;
			display: inline-block;
			text-decoration: none;
			font-size:13px;
		}

			#topMostNav li a:hover {
				background-color: #d13640;
				color:#fff;
			}

#socMedWrap {
	background-color: #d13640;
	border-radius: 4px;
	display:inline-block;
	margin-left:10px;
	padding:6px 6px 8px;
	color:#fff;
}

	#socMedWrap a:link, #socMedWrap a:visited, #socMedWrap a:hover, #socMedWrap a:active {
		color: #fff;
		text-decoration: none;
		margin-left:2px;
		margin-right:2px;
	}

#navbarPages {
	margin-bottom:20px;
	margin-right:-15px;
}
#navbarPages ul.nav li.topLevel{
	margin-left: -10px !important;
	margin-right: -10px !important;
}
	/*#navbarPages li {
		display: inline-block;
		max-width:50%;
	}

	#navbarPages li ul li {
		max-width:100%;
		width:100%;
	}*/
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #d23641;
  background-image: none;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  color:#fff;
}
	@media (min-width:768px){
		#navbarPages li {
			width:auto;
		}
	}
.mobileMenuPadding {
	margin-left:6px;
}
		#navbarPages li a {
			display: inline-block;
			font-size:16px;
		}

		#navbarPages li a:link, #navbarPages li a:visited, #navbarPages li a:hover, #navbarPages li a:active {
			color:#000;
			text-decoration:none;
			width:100%;
		}
		.nav>li>a {
		  position: relative;
		  display: block;
		  padding: 5px 5px;
		  margin-left:0px;
		  margin-right:0px;
		}

/*! 
*********************************
* 	[03] Plugging 
		 sub-submenu support
*********************************

	This styling extends Bootstrap 3
	dropdown menu on our site page navigation
	so that we can use submenus of submenus.

	Use caution if editing. 

*/



nav#navbarPages .dropdown-submenu {
    /*position:relative;*/
    position:static;
    width:100%;
}

nav#navbarPages .dropdown-submenu>.dropdown-menu {
    top:100%;
    left:0;
    margin-top:0px;
    margin-left:-1px;
}

@media (min-width: 768px) {
	nav#navbarPages .dropdown-submenu>.dropdown-menu {
	    top:0;
	    left:100%;
	    margin-top:-6px;
	    margin-left:-1px;
	}
}

	nav#navbarPages li.dropdown>a::after { 
	 	/*float: right;*/
		display: inline-block;
	    width:0;
	    height:0;
		content:"\25bc"; /* arrow pointing down */
		margin-left: 10px;
		margin-top: -20px;
		/*
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		*/
	}

	nav#navbarPages li.dropdown.open>a::after { 
		/* change arrow to show that you can click to collapse it */
		/*content:"\25b2"; */
	}

	

@media (min-width: 768px) {

	nav#navbarPages li.dropdown li.dropdown-submenu>a.dropdown-toggle::after { 
	 	content:"\25bc"; /* arrow pointing down */
	 	/*float: right;*/
		display: inline-block;
	    width:0;
	    height:0;
	    margin-left: 10px;
	    margin-top: -20px;
	    margin-top: 0px;
		/*  
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		*/
	}

	nav#navbarPages li.dropdown>a::after { 
	 	content:"\25bc"; /* arrow pointing down */
	 	/*float: right;*/
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 10px;
		vertical-align: middle;
		  margin-right: 10px;
		/*   
		border-top: 4px solid;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		*/
	}

	nav#navbarPages li.dropdown li.dropdown-submenu>a.dropdown-toggle::after { 
	 	content:"\25b6"; /* arrow pointing right */
	 	/*float: right;
		display: inline-block;
	    width:0;
	    height:0;*/
	    /*margin-top:-20px;
        margin-right: 10px;*/
        position:absolute;
        right:10px;



	    /* 
	    border-color:transparent;
	    border-style:solid;
	    border-width:5px 0 5px 5px;
	    border-left-color:#fff;
	    margin-top:5px;
	    margin-right:-10px;
	    */
	}



}

nav#navbarPages li.dropdown li.dropdown-submenu>a.dropdown-toggle:hover::after,
nav#navbarPages li.dropdown li.dropdown-submenu.open>a.dropdown-toggle::after,
nav#navbarPages li.dropdown li.dropdown-submenu.open>a.dropdown-toggle:hover::after  {
	/*border-left-color: #ad4900;*/
}


nav#navbarPages .dropdown-submenu.pull-left {
    float:none;
}
nav#navbarPages .dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    text-align:center;
    /*
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
    */
}
.menuFlaot {
	float:left;
}
@media (min-width: 768px) {
	nav#navbarPages .dropdown-submenu.pull-left>.dropdown-menu {
		text-align:left;
	}
	.alignRight {
		text-align:right;
	}
	.menuFlaot {
		float:right;
		margin-top:10px;
	}
}

/*! 
*********************************
* 	[04] Header collapsed
*********************************
*/


/*! 
*********************************
* 	[05] Content
*********************************
*/
.pageRightMargin {
	margin-top:30px;
}
.pageRightMargin .caption h4{
	font-size:18px;
	font-family: 'Lato', sans-serif;
}
.noWrap {
	white-space: nowrap;
}
.containerMarginBtm {
	margin-bottom:20px;
}
section {
	padding:20px 0;
}
.iconMargin {
	margin-left:30px;
}
.iconMargin hr {
	width:80%;
}

.guidelines .guidelineMarginLeft {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.guidelines .nav-tabs>li {
	border-color:#fff;
}

.guidelines h2 {
	font-family: 'Lato', sans-serif;
	font-size:25px;
	color:#333;
	font-weight:100;
}

.guidelines h3 {
	font-family: 'Lato', sans-serif;
	font-size:21px;
	color:#333;
	font-weight:100;
}
.guidelines .nav-tabs>li a {
	border-top-color:#fff;
	border-left-color:#fff;
	border-right-color:#fff;
}
.panel-heading h3 {
	color:#FFF;
}
.alert h3 {
	font-size:20px;
	margin-top:5px;
}
#contentFuturePanel .panel-heading {
  padding: 7px 9px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#contentFuturePanel .panel-heading h3 {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size:18px;
}
.floatLeft {
	float:left;
}
.imgMarginRight {
	margin-right:5px;
	
}
.floatRight {
	float: right;
}
.nav-tabs>li a {
	border-radius: 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: #e9e9e9;
	color:#000;
	margin-right:4px;
	line-height:25px;
	font-size:15px;
}

.nav-tabs>li a:hover{
	background: #d13640;
	color:#fff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background: #d13640;
	color:#fff;
}

.tab-content {
	border:1px solid #dbdada;
	border-top:0;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:20px;
	padding-right:20px;
}


.tab-content section {
	padding:20px 20px;
}

.list-striped {
	border-top:1px solid #dddddd;
}

.list-striped>li {
	padding:10px;
	border-bottom:1px solid #dddddd;
}

.list-striped>li:nth-of-type(odd) {
	background-color:#efefef;
}

.list-striped>li:nth-of-type(even) {
	background-color:#fff;
}

/*! 
*********************************
* 	[06] Home page only content
*********************************
*/


#homeBucketWrap {
	margin: 1px auto 30px;
}

.homeBucket {
	color: #fff;	
	position:relative;
	text-align:center;
	
}

.homeBucket .round {
	bottom:-30px;
	position:relative;
	margin:auto;
	border: 5px solid #ccccba;
	width: 70px;
	height: 70px;
	border-radius:50px;
	background-color:#1883cd;
	text-align:center;
}
	
	.homeBucket .round i {
		font-size:30px;
		line-height:30px;
		margin-top:15px;
		margin-left:auto;
		margin-right:auto;
	}

	.homeBucket .round i.fa-gear {
		font-size:36px;
		line-height:36px;
		margin-top:8px;
	}

.homeBucket .text {
	position:relative;
	border: 1px solid #e4e1e1;
	border-top:none;
	border-bottom: none;
	color:#000;
	text-align:center;
	padding:15px;
}

.homeBucket footer {
	margin:0;
	padding:5px 0;
	text-align:center;
	border: 1px solid #e8e8e8;
	border-top:none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.homeBucket .text h1 {
	text-align: center;
	font-size: 22px;
	line-height:22px;
	color: #000;
	margin: 0 auto 10px;
	width: 95%;
	font-family: 'Lato', sans-serif;
	font-weight: 100;
}

.homeBucketimg {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #e8e8e8;
	border-bottom:none;
	width:100%;
	max-width:100%;

}
.BucketLogo {
	margin-left:50px;
}
.faMarginTop {
	margin-top:11px;
}
/*.homeBucket img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #e8e8e8;
	border-bottom:none;
	width:100%;
	max-width:100%;

}*/
/*! 
*********************************
* 	[07] Footer 
*********************************
*/

section#externalBanner {
	background-color:#e8e8e8;
	padding:30px 0;
}

footer#siteFooter {
	padding:30px 0 60px;
	background:#424242;
	color:#fff;
}
footer#siteFooter p {
	font-size:14px;
}
.footerWhiteText {
	color:#FFF !important;
	font-size:13px !important;
}

footer#siteFooter img {width:100%; margin-bottom:10px;}

footer#siteFooter #siteFooterTwitterFeed {
	padding-left:20px;
	border-left:5px solid #fff;
}

@media only screen and (max-device-width: 480px) {
	#mvLeaderboard {
	  display: block;
  	  max-width: 100% !important;
      height: auto !important;
}
}
#mvLeaderboard {
	  display: block;
  	  max-width: 100%;
      height: auto;
}

/*! 
*********************************
* 	 slider 
*********************************
*/
/*@media (min-width: 768px) {
    .slider {
		width:1662px;
		height:467px;
	}
	#slides {
		width:1662px;
		height:467px;
	}
	}


#slides > div { 
    position: absolute; 
}

	#slides {
	max-width:100%;
    height:auto;
	}*/ 
	
	.slider {
	max-width:100%;
    height:auto;
	margin-bottom:-30px;
}

#slides .slidesjs-container a img {width:100%; max-width:100%;}


/*! 
*********************************
* 	print hide link url
*********************************
*/
@media print {
  a[href]:after {
    content: "";
  }
}
iframe {
	width:100%;
	height:auto;
}
.imgMarginTop {
	margin-top:30px;
}
.panel-collapse h3 {
	font-family: 'Lato', sans-serif;
}
.panel-title {
	font-family: 'Lato', sans-serif;
	font-weight:bold;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  color: inherit;
}

.contactUsBox .caption {
	height:100%;
}
@media (min-width: 768px) {
.contactUsBox .caption {
	height:150px;

}
}
.memberStyle h2 {
	margin-top:1px;
	margin-bottom:5px;
}
.eventBtnMargin {
	margin-left:15px;
}
.eventBtnMargin2 {
	margin-left:25px;
}
.onlineLearning h2{
	font-size:20px;
}
.onlineLearning .well{
	margin-bottom: 20px;
    background-color: #fefdfe;
    border: 1px solid #dde1e8;
    border-radius: 0px;
	box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
	height:100%;
	padding: 15px;
}
@media (min-width: 768px) {
.onlineLearning .well {
	height:350px;

}
}
.onlineLearning .well h2{
	margin-top:8px;
	
}
.alignCenter {
	text-align:center;
}
.onlineLearning .well .btn {
	border-radius: 0px;
	width:100%;
}
.onlineLearningFeature .well .btn-info {
	color: #fff;
    background-color: #d13640;
    border-color: #b82b34;
	
}

.onlineLearningFeature .well .btn {
	border-radius: 0px;
	width:100%;
	
}
.onlineLearningFeature .well h4 {
	font-size:18px;
	
}