/* Website template by GISjoy */



body {
	box-sizing: border-box;
 	/* background: #254117;   #254117 dark forest green   #347C17  shamrock green  #347235  Medium Forest Green #7F462C */
	background: #c0c0c0;     /* #c0c0c0  silver  */  /*  #dcdcdc gainsboro (lt grey)  */
/*   	color: #FFE5B4;            --------- = peach,  moved to #header .text  p  h    remove to display map text  ---------  */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;  /*  = 100%  16px = 12pt  */
	/*  margin: 20px;  */
	margin: 3%;
	padding: 0px, 5px, 0px, 5px;
	text-align: left;
	color:#000000;  /* black */
	background-color: #FAFAFA;  /* pale grey */
}

@font-face {
	Arial, Verdana, Helvetica, Trebuchet MS, sans-serif;
	font-weight: normal;
	font-style: normal;
}



/*   Image Gallery   */

* {
  box-sizing: border-box;
}


/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}

.row {
  margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
}

/* Clear floats after rows */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: #dcdcdc;  /* Gainsboro pale-med grey */
  padding: 10px;
}



img.headerr {
    display: block;
		float: right;
		margin: auto;        /*  needed for responsive web page   */
    max-width: 70%;
    height: auto;
    padding-top: 1px;
    padding-bottom: 5px;
}



img.fl{
	  float: left;
	  margin-top: 5px;
	  margin-right: 20px;
		margin-bottom: 5px;
}




h1,h2, h3, h4, h5, h6 {
	font-family:'Open Sans', Helvetica, Verdana, Trebuchet MS, Arial, sans-serif;
	color: #000000;  /* black */
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

h1 {
    font-size: 220%;
}

h1.b {
    font-size: 220%;
}

h2 {
    font-size: 175%;
}

h3 {
    font-size: 155%;
}

h4 {
    font-size: 140%;
}

h5 {
    font-size: 125%;
}

h6 {
    font-size: 110%;
}

p {
    font-size: 100%;
	  color: #000000;  /* black */
    padding: 0px 0px 5px 0px;
    text-align: top;
}

p.b {
    font-size: 100%;
    font-weight: bold;
    padding: 0px 0px 5px 0px;
    text-align: top;
}

p.paraft {
    font-size: 100%;
    padding: 0px 0px 5px 0px;
    text-align: top;
}

p.para60 {
    font-size: 100%;
    padding: 60px 0px 5px 0px;
    text-align: top;
}



a:link {
   color: #0000cd;  /* medium blue */
   text-decoration: none;
}

a:visited {
	color: #0A0A8A;  /*  #0A0A8A  lighter than navy.  color: #000080;  navy  */
	text-decoration: none;
  }

a:hover {
	color: #FF6700;  /* #FF6700; neon orange */  /*  #E16C00; = 1 shade darker than: #EB7600  darkish golden brown = menu  */
	text-decoration: underline;   /* text-decoration: none; */
}


/* --- end body fonts -- */




/* --- header div --- */


#header {
}

#header div {
	margin: 0 auto;
	width: 100%;
}

#header div.logo {
	margin: 0;
	padding: 0 0 20px 0;
}

#header img.logo {
	float: left;
	height: 100px;
	margin-right: 5%;
	/* padding-right: 5%; */
	/* text-indent: -99999px; */
}


#header .text {
	/* max-width: 40%; */
	margin: 0;
	float: left;
	color: #dadada;  /* pale grey */  /*	color: #FFE5B4; */
}


.text-shadow {
  /*    font-size: 270%;  */
  letter-spacing: 1pt;
  text-shadow:
  /* 0 1px 0 #F7E7CE, */
               0 1px 0 #FFE5B4,
               0 2px 0 #FFCBA4,
               0 3px 0 #F2BB66,
               0 4px 0 #E2A76F,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}


/* --- nav - header menu bar -- */



/* --- header -- */





/* --- body div --- */



#body {
	}

#body div {
   clear: both;
/*	overflow: hidden;       ----- remove to display maps or don't have maps in div id body  --------    */
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

div.fl{
	float: left;
}

div.fr{
	float: right;
	/*  float: right;  after 600px  */
}

div.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


a {
	outline: none;
	font-weight: bold;
}



img.left {
	display:block;
	max-width:100%;
    float: left;
    margin: auto;        /*  needed for responsive web page   */
    height: auto;
    padding: 0px 15px 10px 0px;
    vertical-align: text-top;
}

img.leftr {
	display:block;
	max-width:100%;
    float: left;
    margin: auto;        /*  needed for responsive web page   */
    height: auto;
    padding: 0px 15px 10px 0px;
    vertical-align: text-top;
	border-radius: 10px;
}

img.leftrsm {
	display:block;
	max-width:100%;
    float: left;
    margin: auto;        /*  needed for responsive web page   */
    height: auto;
    padding: 0px 15px 10px 0px;
    vertical-align: text-top;
	border-radius: 15px;
}

img.center {
    display: block;
    margin: auto;        /*  needed for responsive web page   */
    max-width: 100%;
    height: auto;
    padding-top: 1px;
    padding-bottom: 5px;
}

img.centerban{
    display: block;
    margin: auto;        /*  needed for responsive web page   */
    max-width: 100%;
    height: auto;
/*    padding-top: 1px;
    padding-bottom: 5px;   */
  	border-radius: 15px;
	/*	border-radius: 40px;	*/
    border: 1px solid #FFE5B4;
  	padding: 4px;
}

div.center {
    margin: auto;     /*  needed for responsive web page   */
    width: 100%;
    padding-top: 1px;
    padding-bottom: 5px;
}



ul.s {
    list-style-type: square;
	color: #000000;  /* black */
}

ul.s li{
     padding-bottom:5px;  /* Introducing a padding between the li and the a give the illusion spaced items */
    font-size: 100%;
}

ul.sfl {
    list-style-type: square;
	color: #000000;   /* black */   /* list-style-position: inside; margin-left: 10px; */
	float: left;
}

ul.sfl li{
     padding-bottom:5px;  /* Introducing a padding between the li and the a give the illusion spaced items */
	 font-size: 100%;
/*    float:none;      gives uniform background box size to menu nav   */
}





/* --- map wrapper images -- */


#map_col1{
     float:left;
	  width: 426px;
     padding: 0px 14px 10px 0px;
}

#map {
     position: relative;
     border: 1px solid #FFE5B4;
     padding: 2px;
}

#over_map1 {
     position: absolute; top: 10px; left: 230px; z-index: 99;
}





#text{
    text-align: left;
  /*  font-weight: bold;  */
    margin: 10px 5px 5px 0px;
	padding: 0;
}

.text{
    text-align: left;
  /*  font-weight: bold;  */
    margin: 10px 5px 5px 0px;
  	padding: 0;
}



/* --- footer -- */

#footer {
	}

#footer div {
    clear: both;
	margin: 0 auto;
	min-height: 110px;
	overflow: hidden;
	width: 100%;
   font-size: 100%;
}

/* --- end footer -- */