body{
	margin:0;
	color:#000;
	font:11px/15px;
	font-family: 'Roboto', sans-serif;
	/*background:#e6e6e2;*/
    	background-color: #fff;
	min-width:960px;
}
img{border-style:none;}
a{text-decoration:underline; color:#000;}
a:hover{text-decoration:none;}
a:active{background-color: transparent;}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{width:100%;}
.banner{
	background:#d1d1ca;
}
.banner .holder{
	width:960px;
	text-align:center;
	margin:0 auto;
	padding:10px 0 12px;
}
.banner img{vertical-align:top;}
#header{width:100%;}
.panel {
	background: #C41335;
	border-bottom: 1px solid #696965;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
}
.panel-holder{
	width:909px;
	margin:0 auto;
	padding:10px 28px 9px 23px;
	overflow:hidden;
}
.panel .holder{float:right;}
.panel .share{
	float:left;
	margin:0 0 0 44px;
}
.add-nav{
	padding:0;
	margin:0;
	list-style:none;
	text-transform:uppercase;
	display:inline;
}
.add-nav li{
	padding:0 1px 0 6px;
	background:url(../images/journal/separator.png) no-repeat 0 2px;
	display:inline;
}
.add-nav li:first-child{
	background:none;
	padding-left:0;
}
.add-nav a{
	color:#fff;
	text-decoration:none;
}
.add-nav a:hover{text-decoration:underline;}
.panel .holder .add-nav{float:left;}
.nav-bar{
	background:#000;
}
.nav-bar .holder{
	overflow:hidden;
	padding:11px 34px 10px 23px;
	width:903px;
	margin:0 auto;
}
.logo{
	background:url(../images/journal/logo.png) no-repeat;
	width:218px;
	height:91px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:5px 12px 0 0;
}
.logo a{
	display:block;
	height:100%;
}
.logo-text{
	float:left;
	color:#fff;
	padding:45px 0 0;
	font-size:11px;
}
.logo-nfpa{
	background:url(../images/journal/logo-nfpa.png) no-repeat top right;
	width:66px;
	height:67px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:27px 0 0 24px;
}
.logo-nfpa a{
	display:block;
	height:100%;
	color:transparent;
}
#nav{
	float:right;
	padding:48px 0 0;
	margin:0;
	list-style:none;
	font-size:13px;
	line-height:17px;
	font-style:italic;
	font-weight:bold;
}
#nav li{
	float:left;
	background:url(../images/journal/separator2.png) no-repeat 0 2px;
	padding:0 9px 0 13px;
}
#nav li:first-child{
	background:none;
	padding-left:0;
}
#nav a{
	color:#ccc;
	text-decoration:none;
}
#nav a:hover{text-decoration:underline;}
#main{
	width:960px;
	margin:0 auto;
}
.visual img{vertical-align:top;}
.main-holder{
	overflow:hidden;
	padding:0 32px 5px 0;
    	background-color: #fff;
	/*background:url(../images/journal/bg-main.png) repeat-y;*/
}
#content{
	float:right;
	width:727px;
	padding:10px 0 0;
}
.info{
	overflow:hidden;
	padding:46px 15px 10px 9px;
	font-size:13px;
	line-height:17px;
	font-weight:bold;
	color:#696969;
}
.banner2{
	float:right;
	margin:-46px 0 0 35px;
}
.banner2 img{vertical-align:top;}
.info .holder{overflow:hidden;}
.info .holder img{
	border:6px solid #fff;
	float:left;
	margin:0 8px 0 0;
}
.info .holder .description{
	overflow:hidden;
}
.info .holder .description .date{
	text-transform:uppercase;
	color:#000;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	display:block;
	margin:0 0 7px;
}
.info .title{
	font-size:15px;
	line-height:18px;
	margin:0 0 9px;
	display:block;
}
.info .holder .description p{margin:0;}
h2{
	font-size:13px;
	line-height:16px;
	text-transform:uppercase;
	color:#cb171f;
	margin:0 0 4px;
}
.columns{
	border-top:2px solid #f2f2f0;
	padding:10px 0 0 6px;
}
.columns .item{
	width:345px;
	display:inline-block;
	vertical-align:top;
	padding:0 8px 14px 0;
	overflow:hidden;
}
*+html .columns .item{
	display:inline;
	padding-right:11px;
}
.columns .item .alignleft{
	float:left;
	margin:0 17px 5px 0;
}
/*.columns .item .description{overflow:hidden;}*/
.columns .item h3{
	font-size:12px;
	line-height:15px;
	margin:0;
    text-transform:uppercase;
}
.columns .item h3 a{text-decoration:none; }
.columns .item h3 a:hover{text-decoration:underline;}
.columns .item p {
    font-size: 18px;
    font-family: helvetica; 
    margin:0;
    color: #696969;
    line-height: 20px;
}
.features img {
    width: 156px;
    height: 134px;
}

/* section */
.section2,
.section{
	border-top:1px solid #ccc;
	padding:17px 0 17px 5px;
	overflow:hidden;
}
.section h2{margin:0 0 2px;}
.section .col{
	float:left;
	width:224px;
}
.item-list{width:100%;}
.section .item-list{
	margin:0 0 0 -19px;
}
.section .item-list .item{
	overflow:hidden;
	width:340px;
	display:inline-block;
	vertical-align:top;
	padding:0 0 7px 19px;
}
.section2 .item .alignleft,
.section .item .alignleft{
	float:left;
	margin:0px 17px 0 0;
}
.section2 .item .alignright{
	float:right;
	margin:3px 0 0 17px;
}
.section2 .image img,
.section .image img{vertical-align:top;}
.section2 .image a,
.section .image a{
	margin:10px 0 0;
	display:block;
}
.section2 .image a:first-child,
.section .image a:first-child{margin:0;}
.section2 h3,
.section h3{
	font-size:12px;
	line-height:15px;
	text-transform:uppercase;
	margin:0;
}
.section .item .description{overflow:hidden;}
.section2 h3 a,
.section h3 a{text-decoration:none;}
.section2 h3 a:hover,
.section h3 a:hover{text-decoration:underline;}
.section2 p,
.section p {
    margin:0;
    font-family: helvetica;
    font-size: 18px;
    color: #696969;
    line-height: 20px;
}
.section .two-cols{
	float:left;
	padding:0 0 0 130px;
	width:348px;
}
.banner3{
	border-top:1px solid #fff;
	padding:7px 0 12px;
}
.banner3 img{vertical-align:top;}
/* section2 */
.section2{
	padding:11px 21px 4px 0;
}
.section2 h2{margin:0 0 3px;}
.section2 .col{
	float:right;
	width:204px;
}
.section2 .item-list .item{
	margin:0 0 9px;
}
.section2 .item-list .alignright{
	float:right;
	margin:3px 0 0 25px;
}
.section2 .item .description{
	overflow:hidden;
	padding:0;
}
.section2 .item-list .description{
	text-align:justify;
	padding:0;
}
.section2 .two-cols{
	float:left;
	border-right:1px solid #fff;
	padding:0 16px 0 0;
	width:457px;
}
.section2 .item-list2{
	margin:0 0 0 -19px;
}
*+html .section2 .item-list2{
	margin:0 0 0 -22px;
}
.section2 .item-list2 .item{
	/*width:215px;
	display:inline-block;
	vertical-align:top;
	padding:0 0 7px 20px;*/

    width: 345px;
    display: inline-block;
    vertical-align: top;
    padding: 0px 8px 14px 0px;
    overflow: hidden;

}
*+html .section2 .item-list2 .item{
	display:inline;
	padding-left:23px;
}
/* sidebar */
#sidebar{
	float:left;
	width:153px;
	/*padding:15px 19px 0 20px;*/
    padding:15px 19px 0 0px;
    background-color: #ccc;
}
.sidenav{
	padding:0 0 5px;
	margin:0 0 5px;
	list-style:none;
	text-transform:uppercase;
	font-size:14px;
	line-height:17px;
	border-bottom:2px solid #e8e8e4;
    
}
.sidenav li{margin:0 0 4px;}
.sidenav a{
	text-decoration:none;
	color:#000;
}
.sidenav a:hover{text-decoration:underline;}
.sidenav2 a{color:#4d4d4d;}
#sidebar .link{
	text-transform:uppercase;
	font-size:14px;
	line-height:17px;
	text-decoration:none;
	color:#4d4d4d;
}
#sidebar .link:hover{text-decoration:underline;}
#footer{background: #000010;}
.footer-holder{
	width:921px;
	margin:0 auto;
	color:#fff;
	padding:11px 15px 9px 24px;
	vertical-align:bottom;
	font-size:11px;
	line-height:14px;
	font-style:italic;
	font-weight:bold;
	overflow:hidden;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
#footer .logo{
	margin:0 44px 0 0;
}
.nav {
	padding: 15px 0 0;
	width: 100px;
	margin: 0 12px 0 0;
	list-style: none;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	font-style: normal;
	float: left;
	flex: 1 1 auto;
}
.nav li{
	margin:0 0 2px;
}
.nav a{
	color:#fff;
	text-decoration:none;
}
.nav a:hover{text-decoration:underline;}
.copy {
	float: left;
	margin: 68px 15px 0 0;
	flex: 1 1 auto;
	text-align: right;
}
#footer .logo-nfpa {
	float: left;
	margin: 26px 0 3px;
}

img.img-responsive {
	width: 100%;
	height: auto;
}