@import url(http://fonts.googleapis.com/css?family=Lato);
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

html {
	box-sizing: border-box;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font: .81em/150% 'Lato', sans-serif; font-family:
	color: #132b39;
}

p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
	
}
h3 {
	font-size: 1.6em;
	color:#187ead;
	text-align: center;
}
h4 {
	font-size: 1em;
	
	text-align: right;
}
h5 {
	font-size: 1.6em;
	color:#187ead;
}
h6 {
	font-size: 1em;
}






/************************************************************************************
header top bar
*************************************************************************************/

#topbar {
	width: 100%;
	background-color:#187ead;
	height: 50px;
}

#topbar p {
	width: 1400px;
	color: #FFF;
	text-align:right;
margin: 0 auto;
padding-top: 15px;


}

#topbar a {
	text-decoration: none;
	color:#FFF;
}

#topbar a:hover {
	text-decoration: underline;
	
}

/************************************************************************************
header logo
*************************************************************************************/

#headerwrap {
	position: relative;
	height: 120px;
	width: 100%;
	background-color:#EFF2F9;

}
#header {
	position: relative;
	height: 120px;
	width: 1400px;
	margin: 0 auto;
	background-color: #EFF2F9;
	
}

/* site logo */

#logo {
	
	float: left;
	padding-top: 25px;
}



/************************************************************************************
Navigation
*************************************************************************************/
#navwrap {
	
float: right;
padding-top: 20px;

}
/************************************************************************************
Content
*************************************************************************************/

.h1 {
	font-size: 2em;
	font-weight: bold;
}

#pagewrap {
	width: 1400px;
	margin: 0 auto;
	
	
}

.col-1-3 {
	text-align:justify;
}

.newslinks {
	text-align:left;
}

.col-1-3 a {
	text-decoration: none;
	color: #132b39;
	
}

.col-1-3 p a {

color:#187ead;
	text-decoration: none;
	font-weight: bold;
	
}

.texthighlight {

color:#187ead;
	font-weight: bold;
	
}

.emailcontact  {
	text-decoration:none;
color:#187ead;
	font-weight: bold;
	
}

.col-2-3 ul li a {
	text-decoration:none;
color:#187ead;
	
	
}

.col-2-3 ul li {
	list-style: none;

	
	
}

.left {
	float: left;
	width: 45%;
	
}

.left p {
	padding-top: 50px;
	
}

.right {
	float: right;
	width: 55%;
	
}

#second {
	clear:both;
}

@media all and ( max-width: 800px ) {
	
	 .right {
    float: none;
  
   width: 100%
  
	
	
	
  }
  
   .left {
    float: none;
 
  width: 100%;
 
 
  
 
	
	
	
  
  
 
}
}

/************************************************************************************
RESPOSIVE COLUMNS
*************************************************************************************/

/* resets */
*,
*:before,
*:after {
  box-sizing: inherit;
  
}
.clearfix:after {
    content: "";
  display: table;
  clear: both;
}

/* grid */
.row {
  margin: 0 -10px;
  margin-bottom: 20px;
}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 10px;
}

  .col-2-3 {
    float: left;
    width: 70%;
	
	
	
  }
  
   .col-1-3 {
    float: left;
    width: 30%;
	padding-left: 50px;
	
	
	
  }
  
   .col-1-6 {
    float: left;
    width: 33.33%;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	
  }

@media all and ( max-width: 800px ) {
	
	 .col-2-3 {
    float: none;
  
   width: 100%
	
	
	
  }
  
   .col-1-3 {
    float: none;
 
  width: 100%;
  padding-left: 7px;
  
 
	
	
	
  }
  
   .col-1-6 {
    float: none;
  
  width: 100%
	
  }
  
 
}






/************************************************************************************
HOME PAGE CONTENT
*************************************************************************************/

#hpcontainer {
	text-align: center;
	
	width: 70%;
	margin: 0 auto;
}

#hpcontainer a {
	text-decoration: none;
	color: #187ead;
	font-weight: bold;
}

#hpcontainer a:hover {
	text-decoration: underline;
	
}


	
#hpcontainer {
	
	font-size: 1.6em;
	font-style: italic;
	color: #187ead;
}

#aboutcontainer {
	
	
	width: 70%;
	margin: 0 auto;
	color:#575658;
	
	
	
}

#aboutcontainer a {
	text-decoration: none;
	color:#575658;
	font-weight: bold;
}

#aboutcontainer a:hover {
	text-decoration: underline;
	
}


#hpcontent h2 a {
	text-decoration: none;
	color: #187ead;
}
	
	
	

.homepage {
	
	color: #187ead;
	text-align: center;
	font-size: 3em;
}
/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap {
 
  max-width: 100%;
  background-color: #EEF2F9;
  height: 150px;
  clear: both;
}

#footer {
	width: 1400px;
	 margin: 0 auto;
	 padding-top: 40px;
	 color:#575658;
	
}


a.footerlink {
	color:#575658;
	text-decoration: none;
	
}

a.footerlink:hover {
	text-decoration: underline;
}

/************************************************************************************
Forms
*************************************************************************************/

div.row {
clear: both;
padding-top: 5px;
}
div.row span.label {
float: left;
text-align: right;
width: 25%;
}
div.row span.form {
float: right;
text-align: left;
width: 70%;
}


form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
  
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}