*{margin:0;padding:0;box-sizing: border-box;}
*:after, *:before {content: "";}

/**********************************************************************/

@font-face {
    font-family: 'open_sansregular';
    src: url('/webfonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow_condensedregular';
    src: url('/webfonts/BarlowCondensed-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/**********************************************************************/

html, body{height: 100%;}
body {font-family: 'open_sansregular', Arial, Helvetica, sans-serif;font-size: 100%;background:white; color: #333333;}

/**********************************************************************/

h1,h2,h3,h4,h5,h6{margin-bottom: 0.6em;}
h1,h2,h3,h4{font-weight: normal;font-family: 'barlow_condensedregular', 'open_sansregular', Arial, Helvetica, sans-serif;}
h1,h2{font-size: 2.2em;}
h1 a, h2 a{text-decoration: none;}
h2{margin-top:2em;}
h3{font-size: 1.7em;}
h4{font-size: 1.3em;}
h5{font-size: 1em;}
h6{font-size: 0.9em;}

/**********************************************************************/

p, ul, ol{margin-bottom: 1.6em;line-height: 1.5;}
ul, ol{margin-left: 2.7em;}
hr {clear: both;margin: 2em 0; border: 0; height: 1px; border-top: 1px solid silver;} 

/**********************************************************************/

img {display:block;border: 0; max-width: 100%; height: auto !important;}
img.floatleft {float: left; margin: 0 1em 0 0;}
img.floatright {float: right; margin: 0 0 0 1em;}

/**********************************************************************/

a{outline: none;}
a:link {color: #3151a2;}
a:visited {color: #5c7996;}
a:hover,a:active {color: #ca0002; text-decoration: none;}
a img {border: none;}

a.button{display: inline-block; margin-bottom:0.3em;padding:0.4em 1.2em; text-decoration: none; border: 1px solid #dcdcdc; border-radius:0.3em; color: #666666; background:linear-gradient(#f9f9f9, #e9e9e9);}
a.button:hover, a.button:active{background: linear-gradient(#e9e9e9, #f9f9f9); }

a.button i{margin-right:0.4em;}

a.button.disabled, a.button:hover.disabled, a.button:active.disabled{cursor: not-allowed; color: #8f8f8f; background: #dcdcdc; border-color: #dcdcdc; text-shadow: 0 1px rgba(255, 255, 255, .75);}

/**********************************************************************/

.clear:after{display: table;clear: both;}
.textcenter{text-align: center;}
.textright{text-align: right;}
.highlight, a.highlight{color: #b22222;}
.hlite { background: #fff9bd; padding:0.6em;}

/*********************************** end ***********************************/

#topbar{background: white url(/images/header.jpg) no-repeat center;  background-size: cover; }
#topbarInner{display: table;width:1020px;border-collapse: collapse; margin:0 auto; }
#topbarCol1{display: table-cell; padding:1.2em; vertical-align: top; white-space: nowrap;}
#topbarCol1 img {max-width: none; vertical-align: top; }
#topbarCol2{display: table-cell; width:100%; padding:1.2em; vertical-align: top;  text-align: right;  }
#topbarCol2 ul{list-style: none;margin:0;padding: 0; line-height:normal; font-size: 0.9em; text-transform: uppercase; }
#topbarCol2 li {display: inline-block; margin-right:1em;}
#topbarCol2 li:last-child {margin-right:0;}
#topbarCol2 li a {display: inline-block; color: black; text-decoration: none; transition: all .2s ease-in; }
#topbarCol2 li a:hover, #topbarCol2 li a.active { color: #ca0002;  text-decoration: underline;  }

/**********************************************************************/

#nav{ background: #daeaea;margin-bottom:1.6em;}
#nav ul{list-style: none;max-width: 980px;margin:0 auto;padding: 0.6em 1.2em; line-height:normal; text-transform: uppercase; }
#nav li {display: inline-block; margin-right:2em;}
#nav li:last-child {margin-right:0;}
#nav li a {display: inline-block; color: black; text-decoration: none; transition: all .2s ease-in; }
#nav li a:hover, #nav li a.active { text-decoration: underline;  }

/************************************************************************/

#notice{ max-width: 980px;margin:0 auto; padding:0 1.2em;}
#notice a { color: #ca0002;}

/************************************************************************/

#content{max-width: 980px;margin:0 auto; padding:3.7em 1.2em;}
#contentFull{padding:3.7em 2.5em;}

#content2{max-width: 980px;margin:0 auto; padding:3.7em 1.2em 1.2em 1.2em;}
#content2Full{padding:2.5em 2.5em 3.7em 2.5em;}

#pclinks{padding:0;list-style: none; }
#pclinks li a{display:inline-block;text-decoration: none;}

/************************************************************************/

#footer{background: white url(/images/footer.jpg) repeat-x bottom;  color:black; }
#footerInner{max-width: 980px;margin:0 auto;padding:2.5em 1.2em 8.7em 1.2em; font-size: 0.9em;}
#footer a{color:black;}
#footer p {line-height:2;}
#footer ul{list-style: none;margin:0 0 1.5em 0;padding:0;line-height: normal;}
#footer li {display:inline;margin:0 1em 0 0;padding:0;}
#footer li:last-child {margin:0;}

/************************************************************************/

ul.tick{list-style-type: none;}
ul.tick li{text-indent: -1.4em;margin-bottom: 0;}
ul.tick li:before{font-family: 'Font Awesome 5 Free';content: "\f00c";font-weight: 900;margin:0 0.4em 0 -0.9em;  font-size: 1.3em; color: #3cb371;}

/********************************** media **********************************/

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

	#topbarInner{width:100%;}

}

@media only screen and (max-width : 769px) { 
	
	h1,h2{font-size: 1.8em;}
	h3,h4{font-size: 1.5em;}

	img {max-width: 100% !important; height: auto !important;}
	
	#topbarInner{display: block;width:auto;}
	#topbarCol1{display: block; padding:1.2em;} 
	#topbarCol2{display: block; width:auto; padding:0; text-align: left;  }	
	#topbarCol2 ul{background: rgba(255, 255, 255, 0.7);padding:0.6em;}

}

@media only screen and (max-width : 575px) {
 
	body {font-size: 93.8%;}

	img.floatleft, img.floatright{float: none; margin: 0 0 0.9em 0;}

}