/* link styles */

a:active { color: #BA1D24; text-decoration: underline; }
a:link    { color: #BA1D24; text-decoration: underline; }
a:visited { color: #BA1D24; text-decoration: underline; }
a:hover     { color: #BA1D24; text-decoration: underline; }

a.menu:active { color: #ffffff; text-decoration: none;  font-weight: bold;}
a.menu:link    { color: #ffffff; text-decoration: none;  font-weight: bold;}
a.menu:visited { color: #ffffff; text-decoration: none;  font-weight: bold;}
a.menu:hover     { color: #ffffff; text-decoration: none;  font-weight: bold;}

a.submenu { color: #BA1D24; text-decoration: none;}
a.submenu:active { color: #BA1D24; text-decoration: none;}
a.submenu:link    { color: #BA1D24; text-decoration: none;}
a.submenu:visited { color: #BA1D24; text-decoration: none;}
a.submenu:hover     { color: #BA1D24; text-decoration: none;}

a.footer:active { color: #ffffff; text-decoration: none; }
a.footer:link { color: #ffffff; text-decoration: none; }
a.footer:visited { color: #ffffff; text-decoration: none; }
a.footer:hover { color: #ffffff; text-decoration: underline; }

/* HEADINGS, TEXT CONTROL AND MISCELLANEOUS STUFF */
.contact {display: none;}

h1, h2, h3, h4, h5, h6 {
display: inline; 
font-weight: bold; 
font-style: italic;
font-family: allan;
color: #BA1D24; 
}

h1  {font-size: 1.5em; }
h2  {font-size: 1.2em; }
h3  {font-size: 1.1em; }
h4  {font-size: .9em; }
h5  {font-size: .8em; }
h6  {font-size: .75em; }


/*this is flex-container for the heading with images on either side*/
.container-heading {
  display: flex;
  align-items: center;   /* vertical centering */
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

.container-heading > div:first-child,
.container-heading > div:last-child {
  flex: 0 0 auto;   /* hug content (images) */
}

.container-heading > div:nth-child(2) {
  flex: 1;          /* middle fills remaining space */
  text-align: center;
}

/* Remove page default margin so images hug edges */
body {
  margin: 0;
}

/* --- MOBILE VERSION --- */
@media (max-width: 600px) {
  .container-heading {
    flex-direction: column;   /* stack vertically */
    text-align: center;
  }

  .container-heading > div {
    margin: 0.5rem 0;        /* little breathing room */
  }

  .container-heading img {
    max-width: 80%;          /* prevent images from overflowing */
    height: auto;
  }
}

/*body elements*/
.aligned-img { float: right; }/*this is for wrapping an image and making text wrap around it right aligned*/
.aligned-img {filter: drop-shadow(2px 2px 6px rgba(0,0,0,.5));}
.personnel-img {box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);}
.personnel {font-size: .98em; padding: 0px 10px 0px 10px;}
.home-img {filter: drop-shadow(2px 2px 6px rgba(0,0,0,.5));}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}

hr.light{
border: 0;
height: 1px;
color: #BA1D24;
background-color: #BA1D24;
}

body{
margin: 0px; 
padding: 0px;
/*background:  url("images/bg.jpg");*/
/*background-color: #4187A8;*/
font-family: allan; font-style: italic; color: #002339;
}

.header img {
 width: 100%;
 height: auto;
 float:left;
 display: block;
}

#header img { display: block;}

.header, .container {
width: 100%; 
max-width: 960px;
}

.header{
margin: 0px auto;
padding: 0px;
}

.container {
margin: 0px auto;
padding: 0px;

}

.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.column {
	flex: 1;
	margin: 2px;
	padding: 5px;
	text-align: center;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
}

.content {
display:inline-block;
width: 92.1%;
max-width: 960px;
padding: .5% 4% 1% 4%; /* top right bottom left */
margin: 0 auto;
float: left;
background: #ffffff;
font-size: 1.1em;
}

.footer {
padding: 2px 0px 2px 0px;
margin: 0px auto;
width: 100%;
max-width: 960px;
clear: both;
text-align: center;
font-size: .95em;
color: #BA1D24;
font-weight: bold;
background: #ffffff;
border-bottom-left-radius: 50px 50px;
border-bottom-right-radius: 50px 50px;
}

ul.list li {
white-space:normal;
list-style-image: url(images/unchecked_checkbox_sm.png);
padding-bottom: 8px;
}


ul.list2 li {
white-space:normal;
list-style-image: url(images/open.png);
padding-bottom: 8px;
}
td.left {text-align: right; width: 60%;}
td.right {text-align: left;}

td.gallery {padding: 0px 3px 22px 3px;}
td.gallery img {max-width: 95%;} /*this keeps gallery images from floating off screen while still side by side */
.gallery img {max-width: 95%;} /*this keeps gallery images from floating off screen while still side by side within a div vs td */

/* media queries */

/*first we set things to change when secreen dis below 760px */
@media only screen and (max-width:760px) {
.contact {display: block; text-align: center; font-size: 1.2em;}
.center {text-align: center; margin-left: auto; margin-right: auto;}
.header, .footer  {display: none;}/*hide the header and footr for phones to save space*/
.container {max-width: 100%;}

.content {
max-width: 90%;
padding: 5%;
float: none;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}

.flex-container {
display: column;
}

.info-box { display: none;}/*hide the info box below the navigation menu for phones to save space*/
.aligned-img { text-align: center; float: none; margin-left:  auto; margin-right:  auto;} /*make the image float 
make side bar become vertically aligned under header*/
.aligned-img img {max-width: 90%;}
.home-img img {max-width: 90%;}
.home-img  {text-align: center; float: none; margin-left:  auto; margin-right:  auto; }
}

@media screen and (min-width:480px) and (max-width:760px) {
  .container, .header, .content, .footer {width: 95%;}

.info-box { display: none;}/*hide the info box below the navigation menu for phones to save space*/
}

/*finally we address just the smallest screen sizes*/


@media screen and (max-width:479px) {
.content, .sidebar {
float: none;
width: auto;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}
  
.info-box { display: none;}/*hide the info box below the navigation menu for phones to save space*/
li.testimonials, li.home, li.contact, {width: 100%;}
.header, .footer  {display: none;}/*hide the header and footr for phones to save space*/

.flex-container {
display: column;
}

.form table, td, tr {
display: block;
padding-bottom: 2%;
}

.contact {display: block; text-align: center; font-size: 1.2em;}
.home-img img {max-width: 90%;}
.home-img  {max-width: 90%;}

@media screen and (max-width: 980px) {
  .columns .column {
		margin-bottom: 5px;
    flex-basis: 40%;
		:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}