/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 - modified */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, q:before {content: ""; content:no-open-quote;}
blockquote:after, q:after {content: ""; content:no-close-quote;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
/*Universal Box Sizing with Inheritance - see https://css-tricks.com/box-sizing/ 
This means I can apply 100% width and then add a padding to that element because the padding will be INSIDE the 100%!!*/
html {box-sizing: border-box}
*, *:before, *:after {box-sizing: inherit}
/*end reset
**************************************************/
body {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background-color:#fff;
	text-align:center;
	}
		
/*typography
**************************************************/
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	margin: 0 0 14px;
  color: #666;
	}
h1 {
	font-size:2.0em;
	color:#036;/*dark blue*/
	}
h2 {
	font-size: 1.7em;
	}
h3 {
	font-size: 1.4em;
	}
h4 {
	font-size: 1.2em;
	}
p {
	font-size: 1.0em;
	line-height: 21px;
	margin: 0 0 14px;
	}
ol, ul, li {
	font-size: 1.0em;
	line-height: 21px;
	margin-left:0;
	padding-left:0; 
	}
ol, ul {
	margin-bottom: 14px;
	margin-left:21px; 
	}
strong, b {
	font-weight: bold;
	}
a {
	text-decoration: underline;
	font-weight: normal;
	color: #009;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	color:#900;
	}
/*tables
**************************************************/
table {
  margin: 1.5em 0;
	width: 100%; /* optional */
  border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-collapse: collapse;
	}
caption {
    font-weight: bold;
	font-size: 1.1em;
    text-align: center;
	}
th {
  text-align: center;
	padding: 0.3em 0.4em;
	font-size: 1.0em;
	}
th.th-left {
    text-align: left;
	}
td {
    padding: 0.3em 0.4em;
	font-size: 1.0em;
	}
th, td {
  border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
/*misc
**************************************************/
.center {text-align:center}
.txtleft {text-align: left}
iframe {margin:0 12px}
.break-large {display: none}/*a <br> with this class will only be displated on wide screens*/
@media screen and (min-width: 1000px) {
  .break-large {display: block}
}

/*images
**************************************************/
img {max-width: 100%; height: auto;}
@media \0screen {
  img {width: auto; /* for ie 8 */}
}
.imgright {
	float:right;
	margin:0 0 1.2em 1.2em;
	}
.imgleft {
	float:left;
	margin:0 1.2em 1.2em 0;
	}
/*clear for floats
**************************************************/
.clr {clear:both;}
/* clearfix for modern browsers -- the class is applied to the parent element containing the floated items */
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}/* For IE 6/7 (trigger hasLayout) */

/*containers
**************************************************/
.wrap {
	max-width:660px;
	margin:0 auto;
	padding:0 16px;
	}
.logo {
  max-width: 660px;
	margin:0 auto;
  padding-bottom: 28px;
}

/*navigation
**************************************************/

/*footer
**************************************************/
#footer {
  clear:both;
	margin:0 0 2em;
	padding-top:40px;
	}
#footer p {
  clear:both;
	font-size: 92%;
	color:#999;
	}
#footer a {
	color:#999;
	}
#footer a:hover {
	color:#900;
	}
/*RWD css
**************************************************/
@media only screen and (min-width: 0px) and (max-width: 700px) {
}
/*print css
**************************************************/
@media print {
   a:after{content:" (" attr(href) ") ";font-size:0.8em;font-weight:normal;}
   body {
	   margin:0;
	   padding:0;
	   font-family:"Times New Roman", Times, serif;
	   font-size:11pt;
	   color:#000;
	   background-color:#fff;
	   text-align:center;
   }
}