/*body {
	background:      	url(/.control/images/bg.jpg);
 	background-repeat:  repeat;
}
*/

#bodyTable {
	background:      	url(/.control/images/bg.jpg);
 	background-repeat:  repeat;	
}

body, td {
	font-family: 		'merriweather_sansregular', sans-serif;
	font-size:			14px;
	color:		     	#181818;
	line-height:   		24px;
	margin:				0 auto;
}

@font-face {
    font-family: 'merriweather_sansregular';
    src: url('/.control/fonts/merriweathersans-regular-webfont.eot');
    src: url('/.control/fonts/merriweathersans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/.control/fonts/merriweathersans-regular-webfont.woff') format('woff'),
         url('/.control/fonts/merriweathersans-regular-webfont.ttf') format('truetype'),
         url('/.control/fonts/merriweathersans-regular-webfont.svg#merriweather_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'merriweather_sansbold';
    src: url('/.control/fonts/merriweathersans-bold-webfont.eot');
    src: url('/.control/fonts/merriweathersans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/.control/fonts/merriweathersans-bold-webfont.woff') format('woff'),
         url('/.control/fonts/merriweathersans-bold-webfont.ttf') format('truetype'),
         url('/.control/fonts/merriweathersans-bold-webfont.svg#merriweather_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'sweetly_brokenregular';
    src: url('/.control/fonts/sweetly_broken-webfont.eot');
    src: url('/.control/fonts/sweetly_broken-webfont.eot?#iefix') format('embedded-opentype'),
         url('/.control/fonts/sweetly_broken-webfont.woff') format('woff'),
         url('/.control/fonts/sweetly_broken-webfont.ttf') format('truetype'),
         url('/.control/fonts/sweetly_broken-webfont.svg#sweetly_brokenregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 			'Tangerine';
    src: 					url(https://fonts.googleapis.com/css?family=Tangerine&display=swap);
    font-weight: 			200;
    font-style: 			normal;
}

@font-face {
    font-family: 			'Material Symbols Outlined';
    src: 					url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,200,0,0);
    font-weight: 			200;
    font-style: 			normal;
}

a {
  color:				#ff890d;
  text-decoration:		none;
}

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

a:visited {
  color:				#40582c;
}

a.MENU-1-OFF {
  font-size:			14px;
  color:				#ffffff;
  font-weight:      	normal;
  line-height: 			22px;
  text-decoration:		none;
  padding-left:         12px;
}

a.MENU-1-ON, a.MENU-1-OFF:hover, a.MENU-1-ON:hover {
  font-size:			14px;
  color:				#ffffff;
  font-weight:      	normal;
  line-height: 			22px;
  text-decoration:		underline;
  padding-left:         12px;
}

h1 {
	color:				#6f9b4e; 
	font-size:			28px;
	font-weight:		normal;
	line-height:      	34px;
	margin-top:			2px;
	margin-bottom:		15px;
}

h2 {
	color:				#e17831; 
	font-size:			22px;
	font-weight:		normal;
	line-height:      	25px;
	margin-top:			5px;
	margin-bottom:		10px;
}

h3 {
	color:				#6f9b4e; 
	font-size:			22px;
	font-weight:		normal;
	line-height:      	25px;
	margin-bottom:		8px;
}

h4 {
	font-size:			18px;
	font-weight:		normal;
	line-height:      	22px;
	margin-top:			7px;
	margin-bottom:		5px;
}

/* LAYOUT */
#bodyTable {
	width:					100%;
	margin:					0 auto;
	height:					100%;
	text-align:				left;
}

#middleTable {
	max-width:				1400px;
	height:					100%;
	margin:					0 auto 0 auto;
	background-color:		#ffffff;
	border-radius: 			0 0 10px 10px;
}

#header-inner-container,
#footer-inner-container {
	max-width:				1400px;
}

#contentBodytable {
	width:					100%;
	height:					100%;
}

.container {
	padding-top:			15px;
	padding-bottom:			30px;
}

td#menuBodyTD {
	width:					24%;
	padding-top:            2px;
	padding-right:          20px;
}

#menuBodytable {
	width:					100%;
	height:					100%;
}

#menuBodytable table {
	width:					100%;
	margin:					15px 0 2px 8px;
}

#rightMarginTD {
	display:				none;
}
/* ###### */

.account {
	float:					left;
	border:   				1px solid #cccccc;
	padding:        	    10px 12px 20px 12px;
	margin-top:				10px;
	margin-bottom:			25px;
	border-radius:			8px;
}

img, .img_responsive {
	max-width: 			100%;
	height: 			auto; 
}

a img {
	border:				none;
}

strong {
	font-weight:		bold;
	color:				#6f9b4e;
}

ul, ol {
	margin-top:			2px;
	margin-bottom:		8px;
	padding-left:       30px;
}

li {
	margin-bottom:		6px;
	padding-left:       5px;
}

hr {
  	color:			#d6e6f5; 
}

/* BACK TO TOP / SCROLL TO TOP */
a#back-to-top {
    position: 				fixed;
    bottom: 				35px;
    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:					#a3a3a3;
	vertical-align:			middle;
}

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


div.FOOTER {
	background:				#ffffff;
	color:					#747474;
	font-size:	    		11px;  
	line-height:      		12px;  
}

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