/*----standard css document----*/

body {
	background : #ffffff;
	font-family: Verdana;
}

h3 {
	text-align : center;
	text-decoration : none;
}

p {
	padding : 0;
}

img {
	text-align : center;
	max-width : 100%;
	height : auto;
	width : auto;
}


/* overall container - NOT ACTUALLY USED */
#wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	background : #ffffff;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}


/* clear fix command for main site */
.clearfix {
	clear : both;
}




/* header logo, numbers and menu section */
#header-wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	height: 120px; /* height of header wrapper */
	background : #ffffff;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}

.header-two-column-left {
	width : 40%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	background : #ffffff;
	float : left;
	text-align: center;
	color: #000000; 
	font-weight: normal; 
	font-size: 16pt; 
	font-family: Calibri;
}

.header-two-column-right {
	width : 60%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 16px; /* spacing between menu and logo */
	padding-bottom: 16px; /* spacing between menu and bottom bar */
	background : #ffffff;
	float : left;
	text-align: right;
	color: #172849; 
	font-weight: bold; 
	font-size: 13.5pt; 
	font-family: Calibri;
}

.call-today {

	text-align: right;
	color: #172849; 
	font-weight: bold; 
	font-size: 20pt; 
	font-family: Calibri;
}

#menu-space {
margin-top: 36px;
}




/* top image section */
#top-image-wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	/* height: 350px; */ /* height of top header wrapper -  not required any more so that we do not have to modify height for each device */
	background : #172849;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}

.top-image-one-column {
	width : 100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0px;  /* changed originally - 4px */
	background : #172849;
	float : left;
	text-align: center;
	color: #ffffff; 
	font-weight: normal; 
	font-size: 13pt; 
	font-family: Calibri;
}




/* DONE TO HERE */



/* first-section - encompass site in a 100% wrapper then 1000px wrapper */
#first-section-bar-wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	background : #ffffff;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}


.first-section-column-left {
	background : #ffffff;
	width : 30%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #ffffff;
	font-weight: normal; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: left;
	line-height: 16pt;
}

.first-section-column-center {
	background : #ffffff;
	width : 40%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #ffffff;
	font-weight: normal; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: left;
	line-height: 16pt;
}

.first-section-column-right {
	background : #ffffff;
	width : 30%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #000000;
	font-weight: normal; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: left;
	line-height: 16pt;
}

.first-section-header {
	text-align: justify;
	color: #172849; 
	font-weight: bold; 
	font-size: 28pt; 
	font-family: Calibri;
	padding: 20px 0 0 20px;
}

.first-section-text {
	text-align: justify;
	color: #172849; 
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 20px 20px 0 20px;
}

.first-section-sub-header {
	text-align: justify;
	color: #172849; 
	font-weight: bold; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 40px 20px 0 20px;
}

.first-section-sub-text {
	text-align: justify;
	color: #172849; 
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 4px 20px 0 20px;
}

.first-section-ul {
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
}













/* second-section - encompass site in a 100% wrapper then 1000px wrapper */
#second-section-bar-wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	background : #172849;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}


.second-section-column-left {
	background : #172849;
	width : 50%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #ffffff;
	font-weight: normal; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: left;
	line-height: 16pt;
}

.second-section-column-right {
	background : #172849;
	width : 50%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #ffffff;
	font-weight: normal; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: left;
	line-height: 16pt;
}

.second-section-header {
	text-align: justify;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 28pt; 
	font-family: Calibri;
	padding: 20px 0 0 20px;
}

.second-section-text {
	text-align: justify;
	color: #ffffff; 
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 20px 20px 0 20px;
}

.second-section-sub-header {
	text-align: justify;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 40px 20px 0 20px;
}

.second-section-sub-text {
	text-align: justify;
	color: #ffffff; 
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 4px 20px 0 20px;
}

.second-section-ul {
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	line-height: 200%;
}













/* third-section - encompass site in a 100% wrapper then 1000px wrapper */
#third-section-bar-wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	background : #ffffff;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}


.third-section-column-left {
	background : #ffffff;
	width : 50%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #000000;
	font-weight: normal; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: left;
	line-height: 16pt;
}

.third-section-column-right {
	background : #ffffff;
	width : 50%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #000000;
	font-weight: normal; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: left;
	line-height: 16pt;
}

.third-section-header {
	text-align: justify;
	color: #172849; 
	font-weight: bold; 
	font-size: 28pt; 
	font-family: Calibri;
	padding: 20px 0 0 20px;
}

.third-section-text {
	text-align: justify;
	color: #172849; 
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 20px 20px 0 20px;
}

.third-section-sub-header {
	text-align: justify;
	color: #172849; 
	font-weight: bold; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 40px 20px 0 20px;
}

.third-section-sub-text {
	text-align: justify;
	color: #172849; 
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 24px 20px 0 20px;
}

.third-section-ul {
	font-weight: normal; 
	font-size: 12pt; 
	font-family: Calibri;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	line-height: 200%;
}













/* slider */
.flex-caption {
  width: 96%;
  padding: 2%;
  left: 0;
  bottom: 0;
  background: rgba(23,40,73,.9);
}

.flex-caption-header {
font-size: 23pt;
font-weight: bold;
color: #ffffff;
line-height: 130%;
font-family: Calibri;
}

.flex-caption-text {
font-size: 16pt;
font-weight: normal;
color: #ffffff;
line-height: 260%;
font-family: Calibri;
}

.flex-caption-more {
font-size: 19pt;
font-weight: bold;
color: #CEDA06;
line-height: 130%;
font-family: Calibri;
}

.flex-caption-more  a{
font-size: 19pt;
font-weight: bold;
color: #CEDA06;
line-height: 130%;
font-family: Calibri;
}




/* galley section */
#gallery-wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	/* height: 350px; */ /* height of top header wrapper -  not required any more so that we do not have to modify height for each device */
	background : #ffffff;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}

.gallery-one-column {
	width : 100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 8px;
	padding-bottom: 8px;  /* changed originally - 4px */
	background : #ffffff;
	float : left;
	text-align: left;
	color: #000000; 
	font-weight: normal; 
	font-size: 14px; 
	font-family: Calibri;
}

.caption__overlay__title {
font-size: 24px; 
line-height: 240%;
}

.caption__overlay__content {
font-size: 20px; 
line-height: 280%;
}




#green-bottom-wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	height: 24px;  /* height of header wrapper */
	background : #CEDA06;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}

.green-bottom-column{
	background : #CEDA06;
	width : 100%;
	padding-left: 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	float : left;
	text-align: center;
	color: #ffffff;
	font-weight: bold; 
	font-size: 11pt;
	font-family: Calibri;
}




/* footer bar - encompass site in a 100% wrapper then 1000px wrapper */
#footer-bar-wrapper {
	margin : 0 auto; /* centers on page */
	max-width : 1000px;
	background : #222B35;
	width : 100%; /* lets page go across entire screen on mobile */
	padding-top : 0%;	/* set to 0 to have page start at top of window with no gap */
}


.footer-bar-three-column-left {
	background : #222B35;
	width : 25%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #ffffff;
	font-weight: bold; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: left;
	line-height: 16pt;
}

.footer-bar-three-column-middle-left {
	background : #222B35;
	width : 25%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #ffffff;
	font-weight: bold; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: center;
	line-height: 16pt;
}

.footer-bar-three-column-middle-right {
	background : #222B35;
	width : 25%;  
	padding-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #ffffff;
	font-weight: bold; 
	font-size: 10pt;
	font-family: Calibri;
	text-align: center;
	line-height: 9pt;
}


.footer-bar-three-column-right {
	background : #222B35;
	width : 25%;  
	padding-left: 0;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 24px;
	float : left;
	color: #ffffff;
	font-weight: bold; 
	font-size: 13pt;
	font-family: Calibri;
	text-align: right;
	line-height: 16pt;
}