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

body{
	font-family: Roboto, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #666;
	margin-bottom: 40px;
}

.navbar{
	background: #333333;
	background-color: #333333;
	min-height: 70px;
	border-bottom: 2px solid #98cd48;
	margin-bottom: 0px;
}

.logo{
	margin-top:10px;
}

.headerText{
    font-size: 20px;
    color: #98cd48;
    position: relative;
    top: 10px;
    left: 20px;
}

h1{
	font-size: 24px;
	color: #333333;
	font-weight: lighter;
}

h2{
	font-size: 18px;
	color: #666666;
	font-weight: lighter;
}

h3{
	font-size: 18px;
	color: #ffffff;
	font-weight: lighter;
}

h4{
	font-size: 20px;
	color: #333333;
	font-weight: lighter;
	text-align: center;
}

.helpCategory{
	padding: 10px;
    filter: contrast(0%);
}

.helpCategory:hover{
	filter: inherit;
	transition: 200ms ease-in-out;
}

.contactCategory{
	padding: 10px;
}

.contactCategory:hover{
	filter: invert(60%);
	transition: 100ms ease-in-out;
}

.contactUsContainer{
	background-color: #98cd48;
	width: 100%;
	min-height: 191px;
	margin-top: 20px;
}

a{
	color: #2895F1;
	text-decoration: none;
	line-height: 24px;
}

a:hover{
	text-decoration: none;
}

.spacer10{
	margin-top: 10px;
}

.spacer20{
	margin-top: 20px;
}

.spacer40{
	clear: both;
	padding-top: 40px;
}

.breadcrumbsContainer{
	width: 100%;
	height: 37px;
	border-bottom: 1px solid #ccc;
}

.breadcrumbsText{
	margin-top: 6px;
}

.breadcrumbsText a{
	text-decoration: none;
	color: #666;
}

.smallNav{
	float: right;
}

.smallNavIcon{
	padding: 0px;
	filter: invert(100%);
}

.smallNavIcon:hover{
	filter: inherit;
	transition: 200ms ease-in-out;
}

.smallNavIcon-contact{
	background-color: #98cd48;
	padding: 0px;
}

.back{
	font-size: 18px;
}

.back a{
	text-decoration: none;
	color: #666;
}

.glyphicon-menu-right{
	padding:0px 5px;
	font-size: 12px;
}

.glyphicon-arrow-left{
	padding: 0px 5px;
}

#map_image{
	margin:0 auto;
  width:75px;
  height:98px;
  transition: background-image 1s ease-in-out;
  background-image:url("../images/map@2x.png");
}

#map_image:hover{
  background-image:url("../images/reports@2x.png");
}