body{
	width:100%;
	height:100%;
	margin:0%;
	padding:0px;
	background-color: #f7f7f5;
}

#wrapper{
	height:1175px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	background-position: center;
}

#topline{
	width:100%;
	height: 5px;
	position: relative;
	background-color: #df612f;
}

a{
	text-decoration:none;
}

#nav{
	width: 960px;
	margin-top: 148px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2%;
	float: right;
	list-style-type: none;
	text-align:right;
	position: relative;
	z-index: 3;

}

ul {
	display:inline;
}

li{
	width: 33%;
	margin-left: 20px;
	display: inline;
}

#nav a{
	font-family: sans-serif;
	font-size: .9em;
	color: #c2c2c2;
}


#nav li a:hover{
	color: #df612f;
	border-bottom: 3px solid #df612f;
	padding-bottom: 8px;
}

#navline{
	width:100%;
	height: 1px;
	margin-top: 176px;
	position: static;
	background-color: #c2c2c2;
}

#logo{
	height: 180px;
	width:150px;
	background: url(images/fslogo.png) center no-repeat;
	position: absolute;
	z-index: 5;
}

#firefighter{
	width:800px;
	height:400px;
	background: url(images/firefighter.png) no-repeat;
	margin-top: 20px;
	margin-left: 165px;
	position:relative;
}

.infobox{
	width: 960px;
	height: 210px;
	margin-top: -58px;
	background-color: #df612f;
	text-align: center;
}

ul #midnav{
	display: inline;
	width: 960px;
	text-align: center;
	position: absolute;
}

#midnav li{
	width: 300px;
	height: 210px;
	padding: 0px;
	margin-left: 0px;
	display: inline-block;
	position: relative;
}

.cert{
	display: block;
	width: 320px;
	height: 210px;
	margin-left:-47px;
	background: url(images/certicon.png) center no-repeat;
}

.cert:hover{
	display: block;
	width: 320px;
	height: 210px;
	background: url(images/certicon.png) center no-repeat;
	background-color: #464646;
}


.handson{
	display: block;
	width: 320px;
	height: 210px;
	margin-left:-30px;
	background: url(images/handson.png) center no-repeat;
	border-left: 1px solid #f7f7f2;
	border-right: 1px solid #f7f7f2;
}

.handson:hover{
	display: block;
	width: 320px;
	height: 210px;
	background: url(images/handson.png) center no-repeat;
	background-color: #464646;
	border-left: 1px solid #f7f7f2;
	border-right: 1px solid #f7f7f2;
}

.consult{
	display: block;
	width: 319px;
	height: 210px;
	margin-left: -12px;
	background: url(images/consult.png) center no-repeat;
}

.consult:hover{
	display: block;
	width: 319px;
	height: 210px;
	background: url(images/consult.png) center no-repeat;
	background-color: #464646;
}

#midtext{
	width: 960px;
	height: 80px;
	display: inline;
}

#mid{
	display: inline-block;
	height: 100px;
	width: 280px;
	text-align: left;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	font-family:'Source Sans Pro', sans-serif;
	color: #464646;
}

#newshead{
	height: 10px;
	font-family: sans-serif;
	color: #464646;
	font-size: 20px;
	position:relative;
	margin-top: 180px;
	margin-left: 20px;
}

#navline2{
	width:100%;
	height: 1px;
	margin-top: 5px;
	position: static;
	background-color: #c2c2c2;
}

#newssec{
	width: 960px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
}

#news{
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	font-family:'Source Sans Pro', sans-serif;;
	color: #464646;

}

#newsdownload{
	text-decoration: none;
	color: #464646;
	font-size: 1.5em;

}

#newsdownload:hover{
	text-decoration: none;
	color: #df612f;

}

#email{
	text-decoration: none;
	color: #c2c2c2;

}

#email:hover{
	text-decoration: none;
	color: #df612f;

}

#maghead{
	height: 10px;
	font-family: sans-serif;
	color: #464646;
	font-size: 20px;
	position:relative;
	margin-top: 180px;
	margin-left: 20px;
}

#navline3{
	width:100%;
	height: 1px;
	margin-top: 20px;
	position: static;
	background-color: #c2c2c2;
}

.Maglinks{
	width: 1500px;
	height: 70px;
	margin-top: 5px;
	margin-left: -60px;
	text-align: left;
}

ul #magads{
	display: inline;
	width: 960px;
	text-align: left;
	position: relative;
}

#magads li{
	width: 230px;
	height: 70px;
	margin-left: 0px;
	display: inline-block;
	position: relative;
}

.article1{
	display: block;
	width: 220px;
	height:63px;
 	margin-left: 8px;
	background: url('images/firerescue.png') no-repeat;
}

.article1:hover{
	margin: 1px 0px 0px 6px;
	background: url('images/firerescue.png') bottom no-repeat;
}

.article2{
	display: block;
	width: 350px;
	height:63px;
 	margin-left: 8px;
	background: url('images/firecan.png') no-repeat;
}

.article2:hover{
	margin: 1px 0px 0px -5px;
	background: url('images/firecan.png') bottom no-repeat;
}

.article3{
	display: block;
	width: 230px;
	height:63px;
 	margin-left: 110px;
 	margin-top: -3px;
	background: url('images/fire-engineering.png') no-repeat;
}

.article3:hover{
	margin: 2px 0px 0px 104px;
	background: url('images/fire-engineering.png') bottom no-repeat;
}

.article4{
	display: block;
	width: 280px;
	height:63px;
 	margin-left: 85px;
 	margin-top: -7px;
	background: url('images/facebook.png') no-repeat;
}

.article4:hover{
	margin: -7px 0px 0px 54px;
	background: url('images/facebook.png') bottom no-repeat;
}



#navline4{
	width:100%;
	height: 1px;
	margin-top: -35px;
	position: static;
	background-color: #c2c2c2;
}

#endinfo{
	padding-bottom: 0.02px;
	margin-top: -12px;
	padding-left: 20px;
	font-family: sans-serif;
	font-size: 12px;
	color: #c2c2c2;

}