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

/*box-sizing instructions*/
html, body {
margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {-webkit-font-smoothing: antialiased;} 

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/*general fluid grid elements*/

img, video, object {
	max-width: 100%;
	height:auto;
	box-sizing: border-box;
}
object, embed {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}

p, h1, h2, h3 {padding-top:0; margin-top:0}

h1  {
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:24px;
	line-height:28px;
	margin-bottom:15px;
	color:#85a3aa;
}

h2  {
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:18px;
	line-height:22px;
	margin-bottom:15px;
}

h3  {
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:16px;
	line-height:20px;
	margin-bottom:3px;
}

p, li  {
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:14px;
	line-height:17px;
	margin-bottom:15px;
}

strong  {
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 700;
}

em  {
	font-family: "aller",sans-serif;
font-style: italic;
font-weight: 400;

}

fa fa-caret-right  {
	vertical-align: 1px;
}

#wrapperTextarea .textarea a:link {
	color:#c5504c;
	text-decoration:underline;
}

#wrapperTextarea .textarea a:visited {
	color:#c5504c;
	text-decoration:underline;
}


#wrapperTextarea .textarea ul  {
	padding: 0 10px 0 20px;
	overflow:hidden;
	margin-left: -5px;

	
}




/*positioning elements*/

#wrapperTopbanner  {
	width: 100%;
	height: 116px;
	background-image: url(../images/background-top-banner.gif);
	background-repeat: repeat-x;
	background-position:bottom;
}

#topbanner {
	max-width:960px;
	height: 116px;
	margin:0 auto;
	padding:0 1%;
	
}

#topbanner .logo {
	width: 180px;
	float: left;
}



#topbanner .navigation  {
	height:116px;
	float:right;
	width:75%;
	/*padding-top:72px;*/
}

#wrapperHGM  {
	width: 100%;
	min-height: 350px;
	max-height: auto;
	background-color: #e5e5d7;
	background-image: url(../images/background-top-banner-picture.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 3px;
	
}

#wrapperHGM .secondPages {
	max-width:960px;
	margin:0 auto;
	padding:0px;
}
#wrapperHGM .secondPages h1 {
	float:left;
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:36px;
	color:#92a5aa;
	line-height:28px;
	margin:30px 10px 10px 0px;
	width:100%;
	display:inline-block;
}

#wrapperHGM .secondPages h2  {
	
	color:#c5504c;
}

#wrapperHGM .secondPages h3  {
	
	color:#4c4c4c;
}


#wrapperHGM .secondPages p {
	color:#4c4c4c;
	font-size:15px;
	line-height:21px;
	padding-top:0px;
	
}

#wrapperHGM .secondPages .columnLeft38 {
	float:left;
	width:38%;
	max-height:350px;
	overflow:hidden;
}

#wrapperHGM .secondPages .columnRight56 {
	float:right;
	width:56%;
	padding:20px 0px 10px 0px;
}




/*Other HGM tags are in the p7hgm04.css file*/

#wrapperTextarea  {
	width: 100%;
	background-color: #fff;
	background-image: url(../images/background-textarea.png);
	background-repeat: repeat-x;
	padding-top:10px;
}

#wrapperTextarea.white  {
	width: 100%;
	background-color: #fff;
	background-image: url(../images/background-textarea.png);
	background-repeat: repeat-x;
	padding-top:10px;
}

#wrapperTextarea.beige  {
	width: 100%;
	background-color: #e5e5d7;
	background-image: url(../images/background-textarea.png);
	background-repeat: repeat-x;
}





#wrapperTextarea .textarea  {
	max-width: 960px;
	padding: 25px 0px;
	margin: 0 auto;
	
}



#wrapperTextarea .textarea .columnLeft30 {
float:left;
width:30%;	
}

#wrapperTextarea .textarea .columnRight65 {
float:right;
width:65%;	
}

#wrapperTextarea .textarea .columnLeft38 {
float:left;
width:38%;	
}

#wrapperTextarea .textarea .columnRight56 {
float:right;
width:56%;	
}

#wrapperTextarea .textarea .columnRight56.paddedtop {
padding-top:40px;	
}

#wrapperTextarea .textarea h1  {
	color:#85a3aa;
	
}

#wrapperTextarea .textarea h2  {
	color:#c5504c;
	
}

#wrapperTextarea .textarea p, li  {
	color:#4c4c4c;
	
}

#wrapperTextarea .textarea p.message  {
	color:#4c4c4c;
	font-size:18px;
	line-height:24px;
	padding:0px 0px 20px 0px;
	margin:0px;
	
}

#wrapperTextarea .textarea p.byline  {
	color:#4c4c4c;
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	line-height:23px;
	margin-bottom:15px;
}

#wrapperTextarea .textarea ul  {
	margin-top:0px;
	margin-bottom:0px;
}

#wrapperTextarea .textarea ul li {
	margin-bottom:10px;
}

#wrapperBottominfo  {
	width:100%;
	background-color:#606060;
	background-image:url(../images/background-bottominfo.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#wrapperBottominfo .bottominfo {
	max-width:960px;
	padding:30px 0px;
	margin:0 auto;
}

#wrapperBottominfo .bottominfo p,h1,h2 {
	color:#fff;
}

#wrapperBottominfo .bottominfo h2 {
	margin-bottom:5px;
}

#wrapperBottominfo .bottominfo a:link, a:visited {
	color:#fff;
	text-decoration:none;
}

#wrapperBottominfo .bottominfo a:hover {
	text-decoratioon:underline;
}


#wrapperBottominfo .bottominfo .topsection  {
	width:100%;
}

#wrapperBottominfo .bottominfo .topsection .columnLeft {
float:left;
width:30%;	
}

#wrapperBottominfo .bottominfo .topsection .columnRight {
float:right;
width:65%;
padding-top:30px;	
}

.quoteBox  {
	width:8%;
	float:left;
}

.quoteText  {
	float:right;
	width:90%;
}

.quoteattribute  {
	text-align:right;
	margin-top:3px;
}

#wrapperBottominfo .bottominfo .links {
	margin: 30px 0px;
	border-top: 2px solid #BCB8A3;
	border-bottom: 2px solid #BCB8A3;
	padding:30px 0px;
}

#wrapperBottominfo .bottominfo .links .columnLeft {
	float:left;
	width:70%;	
}

#wrapperBottominfo .bottominfo .links .columnRight {
	float:right;
	width:25%;
	text-align:right;
	padding-top: 150px;
	padding-right:10px;	
}

#wrapperBottominfo .bottominfo .links .columnLeft .col1{
	float:left;
	width:35%;	
}

#wrapperBottominfo .bottominfo .links .columnLeft .col1 p {
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:14px;
	line-height:17px;
	margin-bottom:10px;

}

#wrapperBottominfo .bottominfo .links .columnLeft .col2{
	float:right;
	width:60%;	
}

#wrapperBottominfo .bottominfo .links .columnLeft .col2 p {
	line-height:18px;
}



 @media only screen and (min-width: 0px) and (max-width: 800px) {
	 
	 #wrapperHGM  {
	width: 100%;
	min-height: auto;
	padding-bottom:15px;
 }
 
 #wrapperTextarea .textarea  {
	max-width:960px;
	padding:30px 2%;
	margin:0 auto;
}

#wrapperHGM .secondPages {
	max-width:960px;
	padding:0 2%;
	margin:0 auto;
}

#wrapperBottominfo .bottominfo {
	padding:30px 2%;
	
}

 
 }

 @media only screen and (min-width: 0px) and (max-width: 700px) {
	
	
#topbanner .navigation  {
	height:116px;
	float:right;
	width:45%;
}

#wrapperHGM .secondPages .columnLeft38 {
	float:none;
	width:100%;
	margin-bottom:15px;
	
}

#wrapperHGM .secondPages .columnRight56 {
	float:none;
	width:100%;
	padding:10px 0px 10px 0px;
}

#wrapperHGM .secondPages h1 {
	float:left;
	font-family: "aller",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:24px;
	color:#92a5aa;
	line-height:28px;
	margin:0px 10px 10px 0px;
}

#wrapperTextarea .textarea .columnLeft30 {
float:none;
width:100%;	
}

#wrapperTextarea .textarea .columnRight65 {
float:none;
width:100%;	
}

#wrapperTextarea .textarea .columnLeft38 {
float:none;
width:100%;	
}

#wrapperTextarea .textarea .columnRight56 {
float:none;
width:100%;	
}

#wrapperTextarea .textarea .columnRight56.paddedtop {
padding-top:0px;	
}

#wrapperBottominfo .bottominfo .topsection .columnLeft {
float:none;
width:100%;	
}

#wrapperBottominfo .bottominfo .topsection .columnRight {
float:none;
width:100%;
padding-top:30px;	
}

#wrapperBottominfo .bottominfo .links .columnLeft {
	float:none;
	width:100%;	
}

#wrapperBottominfo .bottominfo .links .columnRight {
	float:none;
	width:100%;
	text-align:left;
	padding-top: 15px;
	padding-right:10px;	
}

#wrapperBottominfo .bottominfo .links .columnLeft .col1{
	float:none;
	width:100%;	
}

#wrapperBottominfo .bottominfo .links .columnLeft .col2{
	float:none;
	width:100%;	
}
 
 }
 
  @media only screen and (min-width: 0px) and (max-width: 500px) {

#topbanner .logo {
	width: 150px;
	float: left;
}	


	  
  }