@font-face {
    font-family: 			'Cinzel', serif;
    src: 					url(https://fonts.googleapis.com/css2?family=Cinzel:wght@500&display=swap);
    font-weight: 			400;
    font-style: 			normal;
}

@font-face {
    font-family: 			'Font Awesome 5 Brands';
    src: 					url(https://use.fontawesome.com/releases/v5.2.0/css/all.css);
    font-weight: 			900;
    font-style: 			normal;
}

@font-face {
    font-family: 			'Font Awesome 5 Free';
    src: 					url(https://use.fontawesome.com/releases/v5.12.1/css/all.css);
    font-weight: 			900;
    font-style: 			normal;
}

body {
	background-color:		#151c36;
  	background-image:		url(/.control/images/bg.jpg);
	background-repeat:		repeat-x;
}

/* LAYOUT */
#bodyTable {
    max-width:				1170px;
	margin:					0 auto;
	font-family:			Verdana, Geneva, 'DejaVu Sans', sans-serif;
	font-size:				14px;
	line-height:   			20px;
	color:					#ffffff;
}

#bodyTable .container {
	padding-top:			15px;
	padding-bottom:			22px;
}

td#contentBodyTD {
  	background:				url(/.control/images/middle-bg.jpg);
	background-repeat:		repeat-y;
	background-position:	50% 50%;
}

.col-right {
	padding-top:			8px;
}
/* ###### */

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

a:visited {
  	color:		     		#ffffff; 
}

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

#menu_footer ul li a, .menu_header, #news-and-events .header, .year {
	font-family: 			'Cinzel', serif;
}

a.MENU-1-ON, a.MENU-1-OFF:hover, a.MENU-1-ON:hover {
	font-family: 			'Cinzel', serif;
	display: 				block;
	font-size:				17px;
	color:					#ffffff;
	font-weight:			normal;
	text-decoration:		none;
	padding:                11px 0 8px 20px;
}

a.MENU-1-OFF {
	font-family: 			'Cinzel', serif;
	display: 				block;
	font-size:				17px;
	color:					#2AB4BE;
	font-weight:			normal;
	text-decoration:		none;
	padding:                11px 0 8px 20px;
}

a.MENU-2-ON, a.MENU-2-OFF:hover, a.MENU-2-ON:hover {
  	background-image:		url(/.control/images/white-bullet.png);
	background-repeat:		no-repeat;
	background-position:	0% 50%;
	text-decoration:		none;
	color:					#ffffff; 
	font-size:				12px;
	padding:                0 0 8px 12px;
	margin:					0 0 5px 28px;
}

a.MENU-2-OFF {
  	background-image:		url(/.control/images/white-bullet.png);
	background-repeat:		no-repeat;
	background-position:	0% 50%;
	text-decoration:		none;
	color:					#2AB4BE;
	font-size:				12px;
	padding:                0 0 8px 12px;
	margin:					0 0 5px 28px;
}

h1 {
    font-family: 		'Cinzel', serif;
	font-size:			30px;
	color:				#f3f3f3;
	font-weight:		normal;
	line-height:		28px;
	margin:				0 0 22px 0;
}

h2 {
	font-family: 		'Cinzel', serif;
	font-size:			25px;
	font-weight:		normal;
	color:				#ffffff; 
	margin:				2px 0 12px 0;
}

h3 {
	font-family:		'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
	font-size:			20px;
	font-weight: 		normal;
	color:				#ffbe36;
	margin:				15px 0 5px 0;
}

h4 {
	font-family:		'Century Gothic',futura,'URW Gothic L',Verdana,sans-serif;
	font-size:			17px;
	font-weight: 		bold;
	color:				#ffffff;
	margin:				2px 0 8px 0;
}

.v-align {
    display: 			flex;
    align-items: 		center;
}

.row-eq-height {
	display:         	flex;
	flex-wrap: 			wrap;
}

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

a.pageno {
	border:				1px solid #cccccc;
	text-decoration:	none;
}

a.pageno_selected {
	border:				1px solid #cccccc;
	text-decoration:	none;
	background-color:	#d282bf;
	color:				#ffffff;
}

ul.pre_item_menu {
	padding-left:       	35px;
}

ul.pre_item_menu li {
  	background-image:		url(/.control/images/white-bullet.png);
	background-repeat:		no-repeat;
	background-position:	0% 50%;
	margin-bottom:			5px;
	list-style-type:		none;
}

ul.pre_item_menu li a {
	text-decoration:	none;
	color:				#2AB4BE;
	font-size:			12px;
	padding-left:       12px;
}

ul.pre_item_menu li a:hover {
	text-decoration:	none;
	color:				#ffffff; 
	font-size:			12px;
	padding-left:       12px;
}

.go_back {
  padding-top:		20px;
  padding-left:   	5px;
}

.go_back a {
	display:		none;
}

.go_back a:hover {
  color:			#802575;
  text-decoration:	underline;
}
/* ###### */


/* FORMS DEFAULT SETTINGS */
input.app\.frm\.input, textarea, select {
	padding:				7px 8px 7px 8px;
	margin-bottom:			8px;
	border-radius:			4px;
}

label.app\.frm\.input {
	margin-left: 			0;
}

input, textarea, select {
    box-shadow: 			inset 0px 8px 8px -9px #ccc, inset 0px -9px 8px -10px #ccc;
    outline: 				none;
    border: 				1px solid #cccccc;
}

div.app\.frm\.captcha {
	margin:					5px 0 5px 0;
	line-height: 			15px;
	font-size: 				13px;
}

div.app\.frm\.captcha label {
	font-size: 				15px;
	font-weight:			bold;
}

div.app\.frm\.captcha input.app\.frm\.input {
    margin-bottom: 			0;
}

div.app\.frm\.captcha label.app\.frm\.input {
    padding-top: 			5px;
}

input[type="image"]{
    box-shadow: 			inset 0px 0px 0px 0px #fff, inset 0px 0px 0px 0px #fff;
    outline: 				none;
    border: 				0px solid #ffffff;
}

form.app\.frm\.receipt div.app\.frm\.step_text, .app\.frm\.step_text {
	font-size:				14px;
	font-weight:			bold;
	margin:					15px 0 5px 0;
}

form.app\.frm\.receipt div.app\.frm\.step_text {
	color:					#2ab4be;
	text-align:				center;
	text-transform:			uppercase;
	padding:				8px 0 10px 4px;
	border-top: 			1px solid #cccccc;
	border-bottom: 			1px solid #cccccc;
}

form.app\.frm\.receipt .app\.frm\.step_text {
	text-transform:			none;
}

form.app\.frm\.warning div.app\.frm\.step_text, div.app\.frm\.warning label.app\.frm\.input {
	color:					#ff0000;
}

.app\.frm\.step_text p {
	margin:					10px 0 5px 0;
    line-height: 			15px;
}

.app\.frm\.step_text p:before {
	font-size:				20px;
    /* content:				"\26A0  "; */
	white-space: 			pre;
	color:					#333333;
}

/* SITE BUTTON */
#bodyTable input[type="submit"], #bodyTable .button, input#app\.crt\.continue {
	display:				inline-block;
	font-size: 				1.1em;
	font-weight:    		normal;
	background-color:		#2ab4be;
	color:					#ffffff;
	line-height:     		1.2em;
	padding: 		        11px 17px 9px 17px;
	margin:					15px 0 15px 0;
	text-transform:			uppercase;
	text-shadow:			none;
	border:					none;
	box-shadow:				none;
}

#bodyTable input.app\.tbl\.app_tbl_delete {
	background-color:		#ff0000;
}

#bodyTable span.app\.tbl\.app_tbl_delete.app\.frm\.submit {
	display:				block;
}

#bodyTable input[type="submit"]:hover, #bodyTable .button:hover, input#app\.crt\.continue:hover {
	background:				#17919a;
	color:					#ffffff;
}

#bodyTable input[name="app\.frm\.reset"] {
	font-size: 				0.9em;
	background:				#cc0000;
	color:					#ffffff;
	padding: 		        8px 12px 8px 12px;
	margin-bottom:			2px;
}

#bodyTable a.button, #bodyTable a.button:visited {
	text-decoration:		none;
	color:					#ffffff;
}
/* ******* */


hr {
	border:					1px solid #ffffff;
	margin-top:				0.2em;
	margin-bottom:			0.5em;
}

ul {
	margin-top:				2px;
}

li {
    line-height:   			18px;
}

.grey-gradient {
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f6f6 0%, #e6e6e6 0%, #f7f7f7 53%, #f7f7f7 53%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f5f6f6 0%, #e6e6e6 0%, #f7f7f7 53%, #f7f7f7 53%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f6f6 0%, #e6e6e6 0%, #f7f7f7 53%, #f7f7f7 53%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#e6e6e6', GradientType=0 ); /* IE6-9 */
}

div.FOOTER {
	color: 				#ffffff;
	font-size:			9px;  
	line-height:      	15px; 
	padding-bottom:     12px; 
}

div.FOOTER a {
	color: 				#ffffff;
	font-size:			9px;  
}


/* MOBILE VIEW */
/* Extra large devices (large laptops and desktops, for browsers 1200px and UP) */
@media only screen and (min-width: 1200px) {
  /*#bodyTable { border:2px dotted #000000; }  BLACK */

}

/* Extra large devices (large laptops and desktops, for browsers 1200px and LESS) */
@media only screen and (max-width: 1200px) {
  /*#bodyTable { border:2px solid #f4df2f; }  YELLOW */

}

/* Large devices (laptops/desktops, for browsers 992px and LESS) */
@media only screen and (max-width: 992px) {
  /*#bodyTable { border:2px solid #f42fe8; }  PINK */

}

/* Medium devices (landscape tablets, for browsers 768px and LESS) */
@media only screen and (max-width: 768px) {
  /*#bodyTable { border:2px solid #2ff479; }  GREEN */
   h1 { font-size: 30px; line-height: 28px; margin: 0 0 4px 0; }
   h2 { font-size: 25px; line-height: 28px; margin: 0 0 4px 0; }
   /*
   #bodyTable span.app\.frm\.input, #bodyTable span.app\.frm\.dropdown { margin: 0 0 2px 0; display: block; }
   #bodyTable label.app\.frm\.input { float: none; }
   */
}

/* Extra small devices (phones, for browsers 480px and LESS) */
@media only screen and (max-width: 480px) {
 /*#bodyTable { border:2px solid #ff0000; }  RED */
	.nobr { white-space: normal; }
	.container { padding-bottom: 10px; }
} 

/* MENU ONLY - For browsers 768px and UP) */
@media only screen and (min-width: 768px) {

}