/****************Basic Styles***************************/
a{
	color:#2951a9;
}
a:visited{
	color:#2951a9;
}
a:hover{
	color:#2951a9;
	text-decoration: underline;
}

body{
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ccc;
}

h1{ 
	text-transform: uppercase;
	background-color:#ddf7c2;
	font-size: 1.6em;
	margin:10px 0px 20px -15px;
	padding-left: 25px;
	max-width:420px;
}
h2, .h2{
	font-weight: bold; 
	font-size: 1.8em;
	font-family: Georgia, serif;	
	margin:20px 10px 0px 10px;
}
.h2, .h3{
	text-transform:capitalize;
	background-color: white;
	width:auto;
	padding-left: 0px;
}

h3, .h3{
	font-weight: bold;
	font-size: 1.55em;
	font-family: Georgia, serif;
	margin:20px 10px 5px 10px;	
}
h4, .h4{
	font-weight: bold;
	font-size: 1.45em;
	font-family: Georgia, serif;
	margin:20px 10px 5px 10px;
}
h5, .h5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	font-family: Georgia, serif;
	margin:20px 10px 5px 10px;
}
p{
	margin:7px 10px 7px 10px;
}

ul{
	margin-left: 25px;
}

/*****************Misc Global styles****************************/
.container{
	background-color:white;
}
.banner{
	background-image: url("../images/banner.png");
	width:960px;
	height:81px;
}

.float-right{
	float:right;
}

.pullquote{
	font-size: 1em;
	font-family: Georgia, serif;
	margin:0px 0px 0px 65px;
	display:block;
}

p.pullquote:before { content: open-quote; margin-left: -5px;}
p.pullquote:after { content: close-quote; }

ul.no-style{
	list-style: none outside none;
	margin-left: 0px;
}

p.sub-head{
	margin-top:-15px; 
}

a.superscript{
	vertical-align: super;
	font-size: .9em;
}

p.footnotes{
	font-size: .9em;
	color:#595959;
}

/**********************Skip Content*/
#skiptocontent a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #FFFFFF;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    color: #000000;
    left: 150px;
    padding: 6px;
    position: absolute;
    top: -40px;
    transition: top 1s ease-out 0s, background 1s linear 0s;
    z-index: 100;
}

#skiptocontent a:focus {
    background: none repeat scroll 0 0 #ddf7c2;
    left: 150px;
    outline: 0 none;
    position: absolute;
    top: 0;
    transition: top 0.1s ease-in 0s, background 0.5s linear 0s;
    border:1px dashed #ccc;
}
#skiptonav a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #FFFFFF;
    border-bottom-right-radius: 8px;
    border-right: 1px solid #FFFFFF;
    color: #000000;
    left: 0px;
    padding: 6px;
    position: absolute;
    top: -40px;
    transition: top 1s ease-out 0s, background 1s linear 0s;
    z-index: 100;
}

#skiptonav a:focus {
    background: none repeat scroll 0 0 #ddf7c2;
    left: 0px;
    outline: 0 none;
    position: absolute;
    top: 0;
    transition: top 0.1s ease-in 0s, background 0.5s linear 0s;
    border:1px dashed #ccc;
}

/**************************Navigation*/
.navbar-default{
	background-color: white;
	border:0px;
	margin-bottom:0px; 
}
.nav{
	background-color: white;
}
.navbar-nav{
	background-color: white;
	margin-bottom:0px; 	
}
.navbar-default .navbar-nav > li > a{
	font-weight: bold;
	font-size: .95em;
	color:#4f7912;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color:#f0f8ef;
}

.sub-nav li{
	padding-top:5px;
	padding-bottom: 5px;
}

/*.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }*/
/**************************Footer*/
.footer {
	margin-top:0px;
	padding-bottom:20px;
}

.footer hr{
	margin-top:0px;
	border-bottom:1px solid #1b3b32;
}

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




/*****************Home Page****************************/

.home-callout{
	background-color:#f0f8ef;
	min-height: 500px;
	margin-left:-15px;
}

.home-callout p{
	padding-top: 50px;
	padding-right:38px;
	font-size:1.3em;
	font-family: Georgia, serif;
}

.home-featured{
	margin-top: 120px;
	width:90%;
}

.home-featured ul{
	vertical-align: middle;
	list-style: none outside none;
	margin:0px;
	padding:0px 0px 0px 10px;
}

.home-featured ul li{
	padding:8px 0px;
}


/* Medium devices (desktops, 992px and up) */
@media (max-width:991px) {
	.home-callout{
		min-height:200px;
	}

	.home-callout p{
	padding: 20px;
	}

	.home-featured{
	margin: 30px 0px;
	width:90%;
	}
}
/*****************Home Page****************************/
a.contact-email{
	font-weight:bold;
}

/*****************Information Sharing***************************/
h2.toc{
	font-size: 1.55em;
}
h3.toc{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#535353;
}

ul.toc-list-one, ul.toc-list-two, ul.toc-list-three, ul.toc-list-four{
	list-style: none outside none;
	margin-left: 10px;
	padding-left: 0px;
}

ul.toc-list-one li, ul.toc-list-two li, ul.toc-list-three li, ul.toc-list-four li{
	font-family: Georgia, serif;
	line-height: 1.1em;
	padding-top: 5px;
	padding-bottom:9px;
}

ul.toc-list-one li a:visited, 
ul.toc-list-two li a:visited, 
ul.toc-list-three li a:visited, 
ul.toc-list-four li a:visited, 
.topics-inner ul li a:visited{
	color:#6714a2;
}

a.topic-title{
	display:block;
}

a.topic-title,a.topic-title:visited a.topic-title:hover, a.topic-title:active {
	text-decoration: none;
}
a.topic-title h2{
	font-size: 1.55em;
	color:#545454;
	display:inline;
}
a.topic-title.title-open h2{
	color:black;
	display:inline;
}
.topic-title-icon{
	display:inline;
	float:right;
	padding:8px 0px 0px 0px;
}
.topic-title-icon .glyphicon{
	color:#545454;
}
.topic-title.title-open .topic-title-icon .glyphicon{
	color:black;
}
hr.topic-title-divider{
	margin:3px 0px 0px 10px;
	border-bottom: 1px solid #1b3b32;
}
.topic-title.title-open hr.topic-title-divider{
	border-bottom: 1px solid black;
}
.topics-inner{
	background-color: #f5f7f2;
	margin-bottom:15px;
}

.topics-inner ul{
	list-style: none outside none;
	margin:10px 0px 10px 0px;
}

.topics-inner ul li{
	padding:5px 0px;
}

.back-to-top-button{
	width:60px;
	bottom:100px;
    display: none;
    position: fixed;
    color:#696969;
}

.back-to-top-button span.glyphicon{
	font-size: 1.3em;
	padding:0px 0px 0px 20px;
}

.back-to-top-button p{
	margin:0px;
	padding:0px;
	text-align: center;
	font-weight: bold
}


/*****************Archive- Information Sharing ***************************/
ul.archive.toc-list-one:first-child, 
ul.archive.toc-list-two:first-child, 
ul.archive.toc-list-three:first-child, 
ul.archive.toc-list-four:first-child{
margin-top: 10px;
}


/*****************Emergency Resources ***************************/
ul.emergency-resources{
	margin-top:10px;
}



/*****************Responsive Banner ***************************/
.banner2{
	background-image: url("../images/fallback.png");
	background-image: linear-gradient(transparent, transparent),
	url("../images/banner-bg.png");
	/*background-image: url("../images/banner-bg.png");*/
	max-width:960px;
	height:81px;
	width:100%;
}

.banner-stripe{
	height:52px;
	width:750px;
	background-color: rgba(14, 52, 24, .75);
	margin-top:20px;
	float:right;
}

.fbiic-logo{
	background-image: url("../images/fbiic-logo.svg");
	background-repeat: no-repeat;
	float:left;
	height:41px;
	width:530px;
	margin-top:5px;
	margin-left:30px;	
}

.print-banner{
  	display:none;
  }

@media (max-width: 767px){
	.banner-stripe{
	float:left;
	max-width:767px;
	width:100%;
	}
}

@media (max-width: 589px){
	.fbiic-logo{
		margin-left:10px;
	}	
}

@media (max-width: 549px){
	.banner2{
		height:130px;
		overflow-y: visible;
		background-repeat: repeat-y;
	}

	.banner-stripe{
		height:100px;
		width:100%;
	}

	.fbiic-logo{
		margin-left:8px;
		background-image: url("../images/fbiic-logo-mobile.svg");
		background-repeat: no-repeat;
		float:left;
		height:93px;
		width:380px;
		margin-top:3px;
	}	
}

@media (max-width: 399px){

	.banner-stripe{
		max-height:100px;
		height:100%;
		width:100%;
	}

	.fbiic-logo{
		margin-left:1%;
		margin-left:1%;
		background-image: url("../images/fbiic-logo-mobile.svg");
		background-repeat: no-repeat;
		float:left;
		max-height:93px;
		max-width:380px;
		height:98%;
		width:98%;
		margin-top:3px;
	}
}

@media print {
  .banner2{
  	display:none;
  }

  .print-banner{
  	display:block;
  }
}