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


@font-face {
    font-family: 'GillSansLight';
    src: url('fonts/GillSansLight.eot');
    src: url('fonts/GillSansLight.eot') format('embedded-opentype'),
         url('fonts/GillSansLight.woff2') format('woff2'),
         url('fonts/GillSansLight.woff') format('woff'),
         url('fonts/GillSansLight.ttf') format('truetype'),
         url('fonts/GillSansLight.svg#GillSansLight') format('svg');
}


body {
margin:0px;
font-family: GillSansLight, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:17px;
font-weight:400;
color:#666666;
	line-height:22px;
	text-align:justify;
	

	

}

img {vertical-align: bottom;}

h1{
padding:0px 0 0px 0;
margin:0px 0 21px 0;
font-weight:400;
font-size:30px;
color:#979797;
line-height:38px;
}


h2{
padding:0px 0 12px 0;
margin:0px 0 30px 0;
font-weight:700;
font-size:28px;
color:#434343;
line-height:35px;
border-bottom:solid 1px #dddddd;
}


h3{
padding:0px 0 0px 0;
margin:0px 0 25px 0;
font-weight:400;
font-size:30px;
color:#737373;
line-height:50px;
}

A:link {color:#666666; font-size: 17px; text-decoration: none; font-weight: 700;} 
A:visited {color: #666666; font-size: 17px; text-decoration: none; font-weight: 700;} 
A:hover {color:#000000; font-size: 17px; text-decoration: underline; font-weight: 700;} 
A:active {color:#666666; font-size: 17px; text-decoration: none; font-weight: 700;}


DIV#outer{
width:100%;
position:absolute;
margin:0 auto;
padding:0px;
z-index:1;

}

DIV#header{
margin:0 auto;
width:100%;
text-align:left;
padding:0px 0px 0px 0px;
background-color:#a1a1a1;
}

DIV#headContainer{
margin:0 auto;	
font-size:50px;
color:#FFFFFF;
	max-width:400px;
	padding:40px 0 40px 0;
}


DIV#frontBannerArea{
width:100%;

  margin: 0px 0px 0 0px;
  padding:0px;
  border-top:solid 2px #cccccc;
    

  } 
  
  
DIV#logoArea{
	position:relative;
	display:inline;
	float:left;
		margin: 12px 0 10px 0; 
		width:375px;
		height:165px;
		
	background-repeat:no-repeat;
	background-position:left top;
		padding:0px 0 0 0%;
z-index:10;
	
}

.logoImage{
max-width:100%;	
}


.logoListItem li{
padding:15px 0 12px 100px;
margin:0px;

background-position:left top;
background-repeat:no-repeat;	
	list-style:none;
}

DIV#pageArea{
 	 margin:0 auto;
padding:20px 1% 20px 1%;
width:98%; 
max-width:820px;

  }
  
  .bannerImage{
	width:100%;
	padding:0;
	margin:0;
	height:auto;  
	border-bottom:solid 2px #cccccc;  
  }
  
  DIV#footer{
margin:0px 0 0px 0;
padding: 10px 0px 30px 0px;
width:100%;
font-size:14px;
background-color:#ffffff;
border-top:solid 2px #cccccc;
color:#555555;

}

DIV#footInner{
margin:0 auto;
padding:12px 0 0 0;
max-width:1100px;
height:36px;
text-align:center;

}
 
 DIV#footLeft{
width:46%;
float:left;
display:inline;
padding:20px 0 0 2%;
text-align:left;
}

DIV#footLeftInner{
padding:10px 0 0px 20px;	
}

DIV#footMid{
	display:inline;
padding:0px 0 0px 0%;
width:20%;
height:85px;
text-align:center;
float:left;

}

.footButts{
margin: auto;

}

 .footerButt{
display:inline;
float:left;
padding:0px;
	margin:0px 12px 0 0;

}

.footerButt:hover{
display:inline;
float:left;
padding:0px 0px 0px 0px;
	margin:3px 12px 0 0;

}

DIV#footRight{
width:20%;
display:inline;
float:right;
text-align:right;
padding:22px 2% 0px 0%;
line-height:17px;

}

#footRight a{
color:#777777;
font-size:14px;
font-weight:400;
}

@media only screen and (max-width: 600px) {

DIV#footMid{
	display:none;
visibility:hidden;

}

DIV#footRight{
width:45%;
display:inline;


}

	
}