/* styles.css */


html, body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    height: 100%;  /* To ensure the body and html fill the viewport */
	overflow-x: auto; /* Enables horizontal scrolling */
	background-repeat:repeat;
	background-attachment: scroll;
	background-position:center top;
	background-color:#EEEEEE; 
}

#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}

#content {position:relative; left:35px; z-index:50; padding:10px;}

.centered-div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.centered-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	overflow-x: auto; /* Ensures scrolling is possible */
    max-width: 100vw; /* Ensures container does not exceed screen width */
}

iframe {
	width: 100%;
    min-width: 1000px;  /* Ensures content isn't too squished */
    max-width: 1900px;  /* Prevents it from being too large */
}

.iframe-container {
	overflow-x: auto;
 	width: 100%;
}

.centered-container2 {
    position: relative;
    width: 980px; /* Adjust based on your layout needs */
    margin: 0 auto;
}
.centered-container3 {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    width: 100%; /* Full width */
}

.center-image { text-align: center; }

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:10;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:10;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:100;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:10;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}
.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none;}
.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/

	/* QuickMenu 0 */
	/*"""""""" (MAIN) Container""""""""*/	
	
	#titlediv1 {
      	position:relative;
      	width:auto;
}

#qm0 {
	width:790px;								/*Adjust this width for the menu*/
	background-color:#D3D3D3;
		/*border-width:0px 1px 0px 0px;
		border-style:solid;
		border-color:transparent;*/
}

	/*"""""""" (MAIN) Items""""""""*/	
#qm0 a {	
	padding:3px 17px 2px 17px;
	background-color:transparent;
	color:#15317E;
	font-family:'Montserrat', sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
		/*border-width:0px 1px 0px 0px;
		border-style:solid;
		border-color:transparent;*/
}

	/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover {	
	background-color:#A4A4A4;
	color:#15317E;
	text-decoration:none;
}

	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 li:hover>a	{	
	background-color:transparent;
	color:#15317E;
	text-decoration:none;
}

	/*"""""""" (MAIN) Active State""""""""*/	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	background-color:#A4A4A4;
	color:#15317E;
	text-decoration:none;
}

	/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul {	
	padding:5px;
	margin:0px;
	background-color:#4C4646;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
}

	/*"""""""" (SUB) Items""""""""*/	
#qm0 div a, #qm0 ul a {	
	padding:2px 40px 2px 5px;
	color:#ffffff;
	font-size:11px;
	border-width:0px 1px;
	border-style:none;
	border-color:#1589FF;
}

	/*"""""""" (SUB) Hover State""""""""*/	
#qm0 div a:hover {	
	background-color:#A4A4A4;
	color:#15317E;
	text-decoration:none;
	border-color:transparent;
}

	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 ul li:hover>a {	
	background-color:#A4A4A4;
	color:#15317E;
	text-decoration:none;
	border-color:transparent;
}

	/*"""""""" (SUB) Active State""""""""*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background-color:#A4A4A4;
	color:#fbfbfb;
	text-decoration:underline;
	border-color:transparent;
}

	/*"""""""" Individual Titles""""""""*/	
#qm0 .qmtitle {	
	margin:2px 5px 5px;
	color:#222222;
	font-family:'Montserrat', sans-serif;
	font-size:10px;
	font-weight:bold;
}

	/*"""""""" Individual Horizontal Dividers""""""""*/	
#qm0 .qmdividerx {	
	border-top-width:2px;
	margin:4px 5px;
	border-color:#1589FF;
}

	/*"""""""" Individual Vertical Dividers""""""""*/	
#qm0 .qmdividery {	
		border-left-width:1px;
		height:25px;
}

	/*"""""""" Content Box""""""""*/	
#qm0 .qmcbox {	
	font-family:'Montserrat', sans-serif;
}

	/*"""""""" Custom Rule""""""""*/	
ul#qm0 li .qmparent	{	
	background-image:url(qmimages/arrow_3.gif);
	background-repeat:no-repeat;
	background-position:92% 50%;
}

	/*"""""""" Custom Rule""""""""*/	
ul#qm0 ul li .qmparent {	
	background-image:url(qmimages/arrow_0.gif);
	background-repeat:no-repeat;
	background-position:92% 50%;
}

.style1 {
	font-family:'Montserrat', sans-serif;
	font-size: x-small;
	color: #000000;
}
.style3 {
	color: #006699;
	font-size: x-small;
	font-family:'Montserrat', sans-serif;
}
.style4 {
	color: #000000;
	font-size: 40px;
	font-family:'Montserrat', sans-serif;
}
.style5 {
	color: #000000;
	font-size: 20px;
	font-family:'Montserrat', sans-serif;
}
a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #F9DF81;
}
a:active {
	text-decoration: none;
}
.style6 {color: #999999}

.cell_1 {padding-left:5px;border:none;width:225px;font-weight:bold;font-size:18px;}
.cell_2 {border:none;width:75px;font-weight:bold;font-size:18px;}
.cell_3 {border:none;width:50px;font-size:14px;}
.cell_4 {border:none;width:200px;font-size:14px;}
.cell_5 {border: none;width:50px;font-size:14px;}
.cell_6 {border:none;width:50px;font-size:14px;}
.cell_7 {border:none;width:200px;font-size:14px;}
.cell_8 {border:none;width:50px;font-size:14px;}
.cell_9 {border:none;width:50px;font-size:14px;}
.cell_10 {padding-right:5px;border:none;width:55px;font-size:14px;}