html, body, div{
  margin: 0;
  padding: 0;
  border: 0;
  }
  
/* CSS Grid */

body { font-size: .9em; font-family: Calibri, sans-serif; line-height: 140%;  color: #656565;}  

#pagehead { margin:.2em auto 0 auto; width: 80%;  background-color: #c2e0eb;  padding-bottom: 0px; background-image: url(images/header-cropped.jpg); background-repeat: no-repeat;  }

#pagenav { margin:0 auto 0 auto; width:80%; padding-top: 0px; background-color: #c2e0eb; height: 30px;}

#pagenav ul { list-style: none; width: 100%; margin-left: 0; padding-left: 0; margin-top: 0; padding-top: 0; }

#pagenav  li {  margin-top: 0; padding-top: 0;    float:left; width: 20%; font-size: 1em; display: inline;}

#pagenav  a:link {  color: #ffffff; font-weight: bold; background-color: #00b3dc; text-align: center;  display: block; text-decoration: none; min-width: 20%; padding: .3em 1em .3em 1em;  }
#pagenav a:visited { color: #ffffff; text-decoration: none;  background-color: #00b3dc; text-align: center;  display: block; }
#pagenav a:hover { background-color: #0a6c93; }

a:link { color :  #4278a0}

.main {  margin:0 auto; width:80%;}

ul { list-style: square; }

.textcolumn { padding: 1em; }

.divwidth20,
.divwidth25,
.divwidth33,
.divwidth50,
.divwidth75,
.divwidth100{float:left; display: inline; *margin-left:-0.04em; } 
/* IE margin hack */

/* divwidth = div percent */

.divwidth20{width:20%;}
.divwidth25{width:25%;}
.divwidth33{width:33.33%;}
.divwidth50{width:50%;}
.divwidth75{width:75%;}
.divwidth100{width:100%;}
.clear{ clear:both;}

h1 { color: #4278a0; }
h3 { color: #00b3dc; }
h4 { font-size: 1em; }

.backtotop { text-align: right; font-size: .8em; }

.nospaceafter { padding-bottom: 0px; margin-bottom: 0px; }
.nospacebefore { padding-top: 0px; margin-top: 0px; }

#footer {	color: #ffffff;
	background-color: #60743c; padding: 1em; margin: 1em;}


#footer a:link { color: #ffffff; }
#footer a:visited { color: #ffffff; }
#footer a:hover { color: #c2e0eb;  }

/* drop down styles */
ul.drop                   { list-style: square;}
ul.drop li                { display: none; list-style: square; }
ul.articlelist li       { display: block; padding-bottom: 1em; }
ul.articleliststyles li  { display: none; }

/* current articles */

.artlist { width: 85%; margin: 1em; }
.artlist p { border: 2px solid #c2e0eb;  margin: 1em; padding: .5em;  }


#sidebar { width: 20%; float: right; padding: 1em; margin: 1em; border: 1px solid #cacaca; }
#sidebar p { padding: 0 0 3px 0; margin: 0 0 3px 0; line-height: 110%; }

/* contact us styles */
.fr { float : right; padding : .5em 1em .5em 1em; }
.inputarea { float : left; padding : .5em 1em .5em 1em; }



/*use this for any real tabular material*/ 
table.border {
	border-width: 1px;
	border-color: #d1d7da;
	border-collapse: collapse;
}
table.border th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #d1d7da;
}
table.border td {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: #d1d7da;
	line-height: 140%;
}

table.border li {padding-left: -2px;   }


/* new styles July 2016 */

.category {cursor: hand; cursor: pointer; margin: 10px 0;   font-weight: bold;  border-top: 1px dotted #3f7786;  padding-top: 14px; }