:root {
  /* Define a baseline scaling factor */
  --font-scale: 100%;
}

html {
  /* Set the base font size dynamically */
  font-size: var(--font-scale);
}


body, td {
	font-family: 		Arial, sans-serif;
	font-size: 			0.95rem;
	color:  			#494949; 
	line-height:  		22px; 
}

a {
  color:  			#494949; 
  text-decoration:  underline;
}

a:visited {
  color:  			#494949;
  text-decoration:  none;
}

a:hover {
  color:  			#7c7c3c;
  text-decoration:  underline;
}

a.MENU-1-OFF {
  display:			block;
/*  width:			202px; */
  text-decoration:  none;
  color:  			#ffffff; 
  font-size:  		0.95rem;
  font-weight:		bold;
  text-transform:  	uppercase;
  margin:      		10px 0px 4px 12px;
}

a.MENU-1-ON, a.MENU-1-OFF:hover, a.MENU-1-ON:hover {
  display:			block;
/*  width:			202px; */
  text-decoration:  none;
  color:  			#3f2e1a; 
  font-size:  		0.95rem;
  font-weight:		bold;
  text-transform:  	uppercase;
  margin:      		10px 0px 4px 12px;
}

a.MENU-2-OFF {
  display:			inline-block;
  background:		url(/.control/images/bullet.png);
  background-repeat:no-repeat;
  text-decoration:  none;
  color:  			#ffffff; 
  font-size:  		0.95rem;
  font-weight:		bold;
  line-height:		18px;
  padding-left:     1rem;
  margin:      		0 0 8px 8px;
}

a.MENU-2-ON, a.MENU-2-OFF:hover, a.MENU-2-ON:hover {
  display:			inline-block;
  background:		url(/.control/images/bullet.png);
  background-repeat:no-repeat;
  text-decoration:  none;
  color:  			#3f2e1a;
  font-size:  		0.95rem;
  font-weight:		bold;
  line-height:		18px;
  padding-left:     1rem;
  margin:      		0 0 8px 8px;
}

a.MENU-3-OFF {
  display:			inline-block;
  background:		url(/.control/images/bullet-3.png);
  background-repeat:no-repeat;
  text-decoration:  none;
  color:  			#ffffff; 
  font-size:  		13px;
  line-height:		17px;
  padding-left:     12px;
  margin:      		0 0 8px 8px;
}

a.MENU-3-ON, a.MENU-3-OFF:hover, a.MENU-3-ON:hover {
  display:			inline-block;
  background:		url(/.control/images/bullet-3.png);
  background-repeat:no-repeat;
  text-decoration:  none;
  color:  			#3f2e1a;
  font-size:  		13px;
  line-height:		17px;
  padding-left:     12px;
  margin:      		0 0 8px 8px;
}

h1 {
  font-size:  		2rem;
  color:  			#7c7c3c;
  font-weight:  	normal;
  line-height:  	36px;
  margin:			0 0 10px 0;
}

h2 {
  font-size:  		1.5rem;
  color:  			#7c7c3c;
  font-weight:  	bold;
  line-height:  	30px;
  margin:			0 0 10px 0;
}

h3 {
  font-size:  		1.25rem;
  color:  			#3E2F19;
  font-weight:  	bold;
  line-height:  	26px;
  margin:			0 0 10px 0;
}

h4 {
  font-size:  		1rem;
  color:  			#3E2F19;
  font-weight:  	bold;
  line-height:  	23px;
  margin:			0 0 5px 0;
}

.fancy {
	font-family: 	Cambria,'Times New Roman','Nimbus Roman No9 L','Freeserif',Times,serif;
	font-style:  	italic;
	font-weight: 	400;
	margin:			0 0 15px 0;
}

.responsive {
	max-width: 		100%;
	height: 		auto;
}

#middleTable {
	background-image: 	url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2000' height='860' preserveAspectRatio='none' viewBox='0 0 2000 860'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='2000' height='860' x='0' y='0' fill='rgba(67%2c 170%2c 225%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c56 C 200%2c104.2 600%2c300.4 1000%2c297 C 1400%2c293.6 1800%2c90.6 2000%2c39L2000 860L0 860z' fill='rgba(85%2c 160%2c 227%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c732 C 133.4%2c701.8 400.2%2c583.6 667%2c581 C 933.8%2c578.4 1067.4%2c727.6 1334%2c719 C 1600.6%2c710.4 1866.8%2c574.2 2000%2c538L2000 860L0 860z' fill='rgba(93%2c 176%2c 238%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='2000' height='860' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"
);
}

/* LAYOUT */
#bodyTable {
  width:			1250px; /* Was 1200 */
  margin:			0 auto;
  height:			100%;
  position:			relative;
}

#contentBodytableHome { /* Home Page Only */
	width:			100%;
}

#contentBodytable {
	width:			100%;
	background:		#ffffff;
}

table#middleTable {
	table-layout: 		fixed;
	width: 				100%; /* Or whatever total width you want */
}

#menuBodyTD {
	height:				100%;
 	background:			rgba(75, 168, 235, .7);
	vertical-align:		top;
}

#menuBodyTD, #right_margin {
	width:				235px;	
	
}

.container {
	min-height:				510px;
    max-width: 				1500px;
	padding-top:			20px;
	padding-bottom:			25px;
	padding-left:			32px;
	padding-right:			32px;
	margin:					0 auto;
	overflow:				hidden;
}

.container p, .container-fluid p { 
	margin-top: 			17px;
    margin-bottom: 			17px;
}

div[class*="col-"] {
	margin-top: 			0;
	margin-bottom: 			15px;
}
/* ################## */

strong {
  font-weight:  	bold;
  color:  			#7c7c3c;
}

ul, ol {
    padding: 		0 0 0 32px;
	margin:			15px 0 20px 0;
}

ol ul {
	margin-top:		8px;
	margin-bottom:	8px;
    padding: 		0 0 0 22px;
}

ol ul li {
	margin:			5px 0 5px 0;
}

li {
	line-height:  	22px;
	padding:		1px 0 1px 5px;
	margin:			8px 0 5px 0;
}


/* PDFs */
ul.pdf-forms {
    margin-top: 			15px;
    margin-bottom: 			32px;
    padding-left: 			0;
}

ul.pdf-forms li {
	list-style-type:		none;
    line-height: 			24px;
    padding-left: 			8px;
	margin: 				2px 0 2px 0;
}

ul.pdf-forms li:before {
	font-family: 			'Material Symbols Outlined';
    content: 				"\e415";
	font-size:				42px;
	line-height:			42px;
	vertical-align:			middle;
}


/* BACK TO TOP / SCROLL TO TOP */
a#back-to-top {
    position: 				fixed;
    bottom: 				25px;
    right: 					10px;
    z-index: 				9999;
    cursor: 				pointer;
    text-decoration: 		none;
    transition: 			opacity 0.2s ease-out;
}

a#back-to-top:before {
	font-family: 			'Material Symbols Outlined';
	content:				"\f5d2";
	font-size:				45px;
	color:					#d4d4d4;
	vertical-align:			middle;
}

a#back-to-top:hover {
    opacity: 				0.7;
	text-decoration:		none;
}


/* RESPONSIVE MAP */
.google-maps {
	position: 				relative;
	overflow: 				hidden;
}

.google-maps iframe {
	width: 					100%;
	height: 				100%;
	min-height: 			450px;
	overflow-y: 			hidden;
	overflow-x: 			visible;
}


div.FOOTER {
  color:  			#747474;
  font-size:  		9px;  
  line-height:  	9px;
/*
  margin-top:		10px;
  border-top:		1px solid #cccccc;
*/
}

div.FOOTER a {
  color:  			#747474;
  font-size:  		9px;  
  line-height:  	9px;
}