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

body
	{font-family: 'Raleway', sans-serif;}
	
li
	{font-size:16px;
	line-height:1.8em;}

.top	
	{background-color:#1381c3;
	}
	
.fullwidth img
	{border-top:solid 2px #c2151c;}
	
.logo
	{padding-top:20px;
	padding-bottom:20px;
	margin-bottom:10px;}

.navbar-header
	{padding:0px;
	margin:0px;} 
	
.navbar-brand
	{margin:0px;
	padding:0px;}
	
.navbar
	{border:none;
	padding:0px;
	margin:0px;
	background-color:none;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	}	

.navbar-collapse
	{background-color:none;
	padding-right:0px;
	}
	
	
.nav .navbar-na li a
	{display: inline-block;
    vertical-align: middle;
    height: 100%;}


.nav > li > a
	{font-weight:300;
	     
}
	
.nav > li > a.current
	{color:#ffe036;}
	
.navbar-nav > li > a
	{color:#ffffff;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	border-right:solid 1px #ffe036;
	line-height:1.4em;
	padding-top:0px;
	padding-bottom:0px;
	}
	
.navbar-nav > li > ul > li > a
	{color:#ffffff;
	background-color:#ffe036;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
	
	} 
.nav > li > a:hover, .nav > li > a:focus
{
color:#ffe036;
}	


.nav > li > a.current:hover, .nav > li > a.current:focus
{
  
}	

	
.sub-arrow
	{color:#000000;}
	
	
.btn-success
	{background-color:#ffe036;
	margin-left:10px;}

/* ----body---------------------- */

.hero
	{
	padding:0px;
	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:10px;
	border-top:solid 2px #c2151c;
	border-bottom:solid 2px #ffe036;
	height:100%;}
	
.carousel-inner > .item > img { width:100%; }
	
.herotext
	{position:relative;
	bottom:-160px;}
	
.herotext h1
	{color:#ffe036;
	font-size:60px;
	text-align:center;
	text-shadow: 3px 3px #000000;}
	
.lead 
	{color:#ffffff;
	font-family:Raleway;
	font-weight:900;
	text-shadow: -1px 0px 0px #000000, 0px -1px 0px #000000, 3px 3px #000000;
	font-size:60px;}
	
	
.carousel-caption
{ position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:60%;
}
	
.carousel-caption h1
	{margin-top:0px;
	}

	
.btn-default
	{background-color:#c2151c;
	color:#ffffff;}
	
ul
{margin-bottom:25px;}
	
.main
	{padding-top:40px;
	padding-bottom:40px;}
	
.main p
	{font-size:16px;
	line-height:1.5em;
	margin-bottom:20px;}
	
h1
	{color:#0f3983;
	font-size:48px;
	font-weight:100;
	font-family:Raleway;
	font-weight:300; }
	
#pullquote
	{background-color:#ffe036;
	padding:20px;
	margin-top:20px;
	margin-bottom:20px;}
	
#pullquote p
	{margin:0px;
	font-size:28px;
	line-height:1.4em;
	font-style:italic;
	color:#0f3983;
	font-weight:400;
	}
	
.sidebar
	{margin-top:40px;}
	
.sidebar p
	{font-size:14px;
	line-height:1.4em;}	

#yellow
	{background-color:#ffe036;
	color:#000000;
	padding:20px;
	margin-bottom:3px;}
	
#red
	{background-color:#c2151c;
	color:#ffffff;
	padding:20px;
	margin-bottom:3px;}
	
#blue
	{background-color:#0f3983;
	color:#ffffff;
	padding:20px;
	margin-bottom:3px;}
	
#blue a
	{color:#ffe036;
	}
	
#blue a.btn-default
	{color:#000000;
	background-color:#ffe036;}
	
#blue a.btn-default:hover
	{color:#000000;}
	
#lightblue
	{background-color:#1381c3;
	color:#ffffff;
	padding:20px;
	margin-bottom:3px;}
	
#lightblue h2
	{margin:0px;}
	
.fullwidth
	{padding:0px;
	margin:0px;}
	
.small
	{font-size:20px;}
	
.backtotop
	{float:right;
	}	
	
.backtotop p
	{font-size:14px;}
	
	
#carousel-infographic .carousel-indicators 
{position: absolute;
  bottom: -40px;}
	
/* ----Footer---------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 120px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 120px;
 
  color:#ffffff;
  background-color:#0f3983;
		padding-top:30px;
	padding-bottom:10px;
}


.footer p
	{font-size:11px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#ffffff;}
	
p.footerlinks
	{color:#c2151c;}
	
p.footerlinks a
	{padding-left:10px;
	color:#ffffff;
	padding-right:10px;}
	
.footer a
	{color:#ffffff;}
	
.navbar-toggle
	{background-color:#0f3983;}
.icon-bar
	{background-color:#ffffff;}
	
.navbar-toggle:hover
{background-color:#c2151c;}


/* responsive text queries */

@media screen and (max-width: 992px) {
  p,.btn,input,div,span,h4 {
    font-size: 95%;
  }
  h1 {
    font-size: 24px;  
  }
  h2 {
    font-size: 22px;  
  }
  h3 {
    font-size: 18px;  
  }
  .carousel-caption h1
  	{font-size:18px !important;}
	
 .herotext h1
 {font-size:30px !important;
 text-shadow: 1px 1px #000000 !important;}
 .lead 
 {font-size:30px !important;
 }
 
 .carousel-caption
{ display:none;}
.carousel-indicators
{ display:none;}

body {
  /* Margin bottom by footer height */
  margin-bottom: 150px;
}
.footer {
  height: 150px;}
  
}