/* DEFINING THE BODY */

* {
	box-sizing: border-box;
	}
	
html {
	scroll-behavior: smooth;
	}

body {
	background-color: #5f5953;
	margin: 0 auto;
  	}
	
@font-face {
	font-family: siteFont;
	src: url("d:/cc/kiosk/fonts/KozGoPro-Regular_0.otf");
	}

/* width */
::-webkit-scrollbar {
  width: 1px;
}
::-webkit-scrollbar:horizontal {
  height: 1px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #5f5953; 
  border-radius: 1px;
}
::-webkit-scrollbar-track:horizontal {
  background: #5f5953; 
  border-radius: 1px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #cc9933; 
  border-radius: 1px;
}
::-webkit-scrollbar-thumb:horizontal {
  background: #cc9933; 
  border-radius: 1px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #452f02;
}

.navbar { 
	z-index: 11;
  	width: 100px;
	position: fixed;
  	float: left;
  	padding-top: 15px;
  	padding-left: 5px;
  	overflow: auto;
	}

.navbar a {
	}

.navbar a:hover {
	}

.active {
  	background-color: #04AA6D;
	}

.container1 {
	z-index: 10;
	max-width: 90%;
	position: relative;
	margin: auto;
	}

.container2 {
	z-index: 3;
	max-width: 80%;
	position: relative;
	top: 50px;
	margin: auto;
	padding-bottom: 10px;
	}

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

.center {
  	margin: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
	}

.content {
  margin-left: 5px;
}

.logo {
	display: block;
	margin-top: 30px;
	width: 180px; 
	height: auto;
	text-align: left;
	}

.logo a{
	display: block;
	background-color: #5e9ac0;
	}

.logo a:hover{
	display: block;
	background-color: #5e9ac0;
	}

.menu {
	display: block;
	width: 70px; 
	height: auto;
	}

.home {
	display: block;
	width: 70px; 
	height: auto;
	}

.back {
	display: block;
	width: 70px; 
	height: auto;
	}

.next {
	display: block;
	width: 70px; 
	height: auto;
	}

.vertical-center {
  	margin: 0;
  	position: absolute;
  	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	}
		
.vision {
	display: block;
	margin-top: 50px;
	letter-spacing: 3px;
	color: #FFFFFF;
	text-align: center;
	font-family:  siteFont, Tahoma;
	font-size: 14px;		
	}
		
.copy {
	display: block;
	margin-top: 10px;
	letter-spacing: 2px;
	color: #FFFFFF;
	text-align: center;
	font-family:  siteFont, Tahoma;
	font-size: 12px;		
	}
		
.text {
	letter-spacing: 1px;
	line-height: 1.5vw;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: justify;
	font-family:  siteFont, Tahoma;
	font-size: 1vw;		
	}

.text a {
	color: #DE9F5F;
	text-decoration: none;
	}
	
.text a:hover {
	background-color: #9a5cb4;
	color: #ffffff;
	text-decoration: none;
	}

.title {
	display: block;
	letter-spacing: 3px;
	line-height: 32px;
	color: #FFFFFF;
	text-align: center;
	font-family: "Century Gothic", Tahoma;
	font-size: 28px;
	font-weight: bold;		
	}
		
.titleBody {
	text-align: justify; 
	letter-spacing: 1px;
	line-height: 22px;
	color: #FFFFFF;
	margin-top: 0px;
	padding-bottom: 8px;
	font-family: siteFont, Tahoma;
	font-size: 16px;		
	}

.titleBody a {
	color: #DE9F5F;
	text-decoration:none
	}
	
.titleBody a:hover {
	background-color: #9a5cb4;
	color:#ffffff;
	text-decoration:none;
	}

.columnHeader {
	height: 50px;
	background-color: #DE9F5F;  
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align: center;
	font-family:  "Century Gothic", Tahoma;
	font-size: 18px;	
	color: #ffffff;
	font-weight: bold; 
	text-align: center;
	}
		
.tableBody {
	z-index: 9;
	height: 60px;
	text-align: justify; 
	letter-spacing: 1px;
	line-height: 22px;
	color: #FFFFFF;
	margin-top: 0px;
	font-family: siteFont, Tahoma;
	font-size: 16px;
	}

.tableBody a {
	color:#fcdc9d;
	text-decoration:none
	}
	
.tableBody a:hover {
	background-color: #9a5cb4;
	color:#ffffff;
	text-decoration:none;
	}

/**************************************/	
/* Start defining the Accordion       */ 	
/**************************************/	

.accordion {
	font-family: "Century Gothic", Tahoma;
	letter-spacing: 2px;
	display: block;
	background-color: #B5A99E;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 15px 10px 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 24px;
	font-weight: bold;
	transition: 0.4s;
	border-bottom: 3px solid #5f5953;
	}

.active, .accordion:hover {
	background-color: #393B41;
	}

.accordion:after {
	content: '\002B';
	color: #ffffff;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	}

.active:after {
	content: '\2212';
	}

.panel {
	width: 100%;
	height: 100%;
	border-bottom: 10px dotted #ffffff;
	padding: 15px 5px 15px 15px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
	}

.pageMenuColumn {
	margin-top: -16px;
	margin-bottom: -16px;
	width: 80%;
	float: left;
	}

.navigation	{
	z-index: 5;
	list-style-type: none;
	text-align: left;
	}
	
.navigation li	{
	text-align: left;
	margin-left: -40px;
	background-color: #6F6861;
	}
	
.navigation li:hover	{
	cursor: pointer;
	background-color: #8C837A;
	color: #666666;
	}

.menuSub {
	height: 45px;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #B5A99E;
	text-align: left;
	font-family:  siteFont, Tahoma;
	font-size: 18px;
	border-bottom: 3px solid #5f5953;
	}
	
.menuSub a {
	color:#000;
	text-decoration:none
	}
	
.menuSub a:hover {
	color: #000;
	text-decoration:none;
	}

.back-to-top {
	position: fixed;
	width: 45%;
	bottom: 10px;
	right: 95%;
	text-decoration: none;
	display: none;
	}

/**************************************/	
/* Start defining the Accordion1       */ 	
/**************************************/	

.accordion1 {
	font-family: "Century Gothic", Tahoma;
	letter-spacing: 2px;
	display: block;
	background-color: #8C837A;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 15px 10px 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 20px;
	font-weight: bold;
	transition: 0.4s;
	border-bottom: 3px solid #5f5953;
	}

.active, .accordion1:hover {
	background-color: #393B41;
	}

.accordion1:after {
	content: '\002B';
	color: #ffffff;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	}

.active:after {
	content: "\2212";
	}

.panel {
	width: 100%;
	height: 100%;
	margin-top: 0px;
	border-bottom: 1px dotted #333333;
	padding: 0px 0px 0px 0px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out;
	}

.pageMenuColumn {
	width: 100%;
	background-color: #999933;
	float: left;
	}

.pageMenuColumn1 {
	width: 100%;
	background-color: #462255;
	float: left;
	}

.menuSub {
	height: 45px;
	display: block;
	margin-top: 0px;
	margin-left: -20px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-color: #737317;
	text-align: left;
	font-family:  siteFont, Tahoma;
	font-size: 18px;
	border-bottom: 3px solid #5f5953;
	}
	
.menuSub a {
	color:#ffffff;
	text-decoration:none
	}
	
.menuSub a:hover {
	color: #ffffff;
	text-decoration:none;
	}

/**************************************/	
/* Start defining the Modal           */ 	
/**************************************/

.modal {
	z-index: 25;
  	display: none; /* Hidden by default */
  	position: fixed; /* Stay in place */
  	z-index: 1; /* Sit on top */
  	padding-top: 100px; /* Location of the box */
  	left: 0;
  	top: 0;
  	width: 100%; /* Full width */
  	height: 100%; /* Full height */
  	overflow: auto; /* Enable scroll if needed */
  	background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0,1); /* Black w/ opacity */
	}

.modalCSU {
  	display: none; /* Hidden by default */
  	position: fixed; /* Stay in place */
  	z-index: 1; /* Sit on top */
  	padding-top: 100px; /* Location of the box */
  	left: 0;
  	top: 0;
  	width: 100%; /* Full width */
  	height: 100%; /* Full height */
  	overflow: auto; /* Enable scroll if needed */
  	background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0,0.90); /* Black w/ opacity */
	}

.modalFBF {
  	display: none; /* Hidden by default */
  	position: fixed; /* Stay in place */
  	z-index: 1; /* Sit on top */
  	padding-top: 100px; /* Location of the box */
  	left: 0;
  	top: 0;
  	width: 100%; /* Full width */
  	height: 100%; /* Full height */
  	overflow: auto; /* Enable scroll if needed */
  	background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0,0.90); /* Black w/ opacity */
	}

.modalCD {
  	display: none; /* Hidden by default */
  	position: fixed; /* Stay in place */
  	z-index: 1; /* Sit on top */
  	padding-top: 100px; /* Location of the box */
  	left: 0;
  	top: 0;
  	width: 100%; /* Full width */
  	height: 100%; /* Full height */
  	overflow: auto; /* Enable scroll if needed */
  	background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0,0.90); /* Black w/ opacity */
	}

.modalPT {
  	display: none; /* Hidden by default */
  	position: fixed; /* Stay in place */
  	z-index: 1; /* Sit on top */
  	padding-top: 100px; /* Location of the box */
  	left: 0;
  	top: 0;
  	width: 100%; /* Full width */
  	height: 100%; /* Full height */
  	overflow: auto; /* Enable scroll if needed */
  	background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0,0.90); /* Black w/ opacity */
	}

/* Modal Content *************************************************/

.modal-content {
	z-index: 25;
  	position: absolute;
  	background-color: #5f5953;
  	top: 50%;
  	left: 50%;
  	margin: auto;
  	padding: 20px;
  	border-style: none;
  	transform: translate(-50%, -50%);
  	width: 77%;
	height: 80%;
	overflow: auto;
  	opacity: 1.0;
  	filter: alpha(opacity=100); /*For IE8 and earlier */
}

.modal-contentCSU {
  	position: absolute;
  	background-color: #5f5953;
  	top: 50%;
  	left: 50%;
  	margin: auto;
  	padding: 20px;
  	border-style: none;
  	transform: translate(-50%, -50%);
  	width: 77%;
	height: 80%;
	overflow: auto;
  	opacity: 1.0;
  	filter: alpha(opacity=100); /*For IE8 and earlier */
}

.modal-contentFBF {
  	position: absolute;
  	background-color: #5f5953;
  	top: 50%;
  	left: 50%;
  	margin: auto;
  	padding: 20px;
  	border-style: none;
  	transform: translate(-50%, -50%);
  	width: 77%;
	height: 80%;
	overflow: auto;
  	opacity: 1.0;
  	filter: alpha(opacity=100); /*For IE8 and earlier */
}

.modal-contentCD {
  	position: absolute;
  	background-color: #5f5953;
  	top: 50%;
  	left: 50%;
  	margin: auto;
  	padding: 20px;
  	border-style: none;
  	transform: translate(-50%, -50%);
  	width: 77%;
	height: 80%;
	overflow: auto;
  	opacity: 1.0;
  	filter: alpha(opacity=100); /*For IE8 and earlier */
}

.modal-contentPT {
  	position: absolute;
  	background-color: #cc9933;
  	top: 50%;
  	left: 50%;
  	margin: auto;
  	padding: 20px;
  	border: 5px solid #333333;
  	transform: translate(-50%, -50%);
  	width: 77%;
	height: 80%;
	overflow: auto;
}
		
.textModal {
	letter-spacing: 1px;
	line-height: 20px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	font-family:  siteFont, Tahoma;
	font-size: 16px;		
	color: #000000;
	}

/* The Modal Buttons ************************************************************/

#myBtn {
	z-index: 9;
	cursor: pointer;
    display: block;
	height: 4vw;
    width: 100%;
    border: none;
	text-align: center;
    background-color: #6BA2B3;
	font-family:  siteFont, Tahoma;
	font-size: 1vw;	
	color: #FFFFFF;
	line-height: 1.5vw;
    }
	
#myBtnOOS {
	cursor: pointer;
    display: block;
	height: 4vw;
    width: 100%;
    border: none;
	text-align: center;
    background-color: #2788e8;
	font-family:  siteFont, Tahoma;
	font-size: 1vw;	
	color: #FFFFFF;
	line-height: 1.5vw;
    }

#myBtnCSU {
	height: 52px;
	width: 110%;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	background-color: #6F6861;
	text-align: left;
	font-family:  siteFont, Tahoma;
	font-size: 18px;
	color: #ffffff;
	border-style: none;
	border-bottom: 13px solid #5f5953;
    }

#myBtnCSU:hover {
	background-color: #8C837A;
	}

#myBtnFBF {
	height: 52px;
	width: 110%;
	display: block;
	margin-top: -10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	background-color: #6F6861;
	text-align: left;
	font-family:  siteFont, Tahoma;
	font-size: 18px;
	color: #ffffff;
	border-style: none;
	border-bottom: 13px solid #5f5953;
    }

#myBtnFBF:hover {
	background-color: #8C837A;
	}

#myBtnCD {
	height: 52px;
	width: 110%;
	display: block;
	margin-top: -10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	background-color: #6F6861;
	text-align: left;
	font-family:  siteFont, Tahoma;
	font-size: 18px;
	color: #ffffff;
	border-style: none;
	border-bottom: 13px solid #5f5953;
    }

#myBtnCD:hover {
	background-color: #8C837A;
	}

#myBtnFBF1 {
	height: 55px;
	width: 110%;
	display: block;
	margin-top: -10px;
	margin-left: -40px;
	padding-top: -40px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-color: #56525E;
	text-align: left;
	font-family:  siteFont, Tahoma;
	font-size: 18px;
	color: #ffffff;
	border-style: none;
	border-bottom: 13px solid #5f5953;
	cursor: pointer;
    }

#myBtnFBF1:hover {
	background-color: #999933;
	}

#myBtnCD1 {
	height: 55px;
	width: 110%;
	display: block;
	margin-top: -10px;
	margin-left: -40px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-color: #737317;
	text-align: left;
	font-family:  siteFont, Tahoma;
	font-size: 18px;
	color: #ffffff;
	border-style: none;
	border-bottom: 13px solid #5f5953;
	cursor: pointer;
    }

#myBtnCD1:hover {
	background-color: #999933;
	}

#myBtnPT {
	cursor: pointer;
    display: block;
	height: 4vw;
    width: 100%;
    border: none;
	text-align: center;
    background-color: #2788e8;
	font-family:  siteFont, Tahoma;
	font-size: 1vw;	
	color: #FFFFFF;
	line-height: 1.5vw;
    }

#myBtnPT a:hover {
	cursor: pointer;
    border: none;
    }

.close {
  	color: #ffffff;
  	float: right;
  	font-size: 36px;
  	font-weight: bold;
}

.closeCSU {
  	color: #ffffff;
  	float: right;
  	font-size: 36px;
  	font-weight: bold;
}

.closeFBF {
  	color: #ffffff;
  	float: right;
  	font-size: 36px;
  	font-weight: bold;
}

.closeCD {
  	color: #ffffff;
  	float: right;
  	font-size: 36px;
  	font-weight: bold;
}

.closePT {
  	color: #ffffff;
  	float: right;
  	font-size: 36px;
  	font-weight: bold;
}

.close:hover,
.close:focus {
  color: #af832b;
  text-decoration: none;
  cursor: pointer;
}

.closeCSU:hover,
.closeCSU:focus {
  color: #af832b;
  text-decoration: none;
  cursor: pointer;
}

.closeFBF:hover,
.closeFBF:focus {
  color: #af832b;
  text-decoration: none;
  cursor: pointer;
}

.closeCD:hover,
.closeCD:focus {
  color: #af832b;
  text-decoration: none;
  cursor: pointer;
}

.closePT:hover,
.closePT:focus {
  color: #af832b;
  text-decoration: none;
  cursor: pointer;
}

/* END OF MODAL */
	
@media screen and (min-width: 901px) {

.titleImage {
	width: 80%; 
	padding-left: 30px;
	text-align: right;
	}

	}	

@media screen and (max-width: 900px) {

.navbar {
  	padding-top: 45px;
  	padding-left: 5px;
	}

.titleImage {
	width: 70%; 
	padding-left: 30px;
	text-align: right;
  	padding-top: 450px;
	}

.logo {
	display: block;
	margin-top: -150px;
	width: 100px; 
	height: auto;
	}

.menu {
	display: block;
	margin-top: -20px;
	width: 40px; 
	height: auto;
	}

.home {
	display: block;
	width: 40px; 
	height: auto;
	}

.back {
	display: block;
	width: 40px; 
	height: auto;
	}

.next {
	display: block;
	width: 40px; 
	height: auto;
	}	

.container2 {
	max-width: 90%;
	position: relative;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 10px;
	}

.accordion {
	letter-spacing: 2px;
	padding: 10px 15px 10px 15px;
	width: 100%;
	border: none;
	outline: none;
	font-size: 18px;
	border-bottom: 3px solid #5f5953;
	}

.accordion1 {
	letter-spacing: 2px;
	padding: 10px 15px 10px 15px;
	width: 100%;
	border: none;
	outline: none;
	font-size: 18px;
	border-bottom: 3px solid #5f5953;
	}

.menuSub {
	height: 40px;
	margin-top: 0px;
	margin-left: -20px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 15px;
	border-bottom: 3px solid #5f5953;
	}

.menuSub:after {
	visibility: hidden;
	}

#myBtn {
	height: 100%;
    width: 100%;
	font-size: 12px;	
    }

#myBtnCSU {
	height: 40px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

#myBtnFBF {
	height: 40px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

#myBtnCD {
	height: 40px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

.text {
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	letter-spacing: 1px;
	}
		
.vision {
	margin-top: 50px;
	letter-spacing: 1px;
	font-size: 12px;		
	}
		
.copy {
	margin-top: 10px;
	letter-spacing: 1px;
	font-size: 9px;		
	}

.title {
	letter-spacing: 1px;
	line-height: 22px;
	font-size: 16px;
	}
		
.titleBody {
	letter-spacing: 1px;
	line-height: 22px;
	margin-top: 0px;
	padding-bottom: 8px;
	font-size: 12px;		
	}

.columnHeader {
	height: 30px; 
	letter-spacing: 1px;
	font-size: 12px; 	
	}
		
.tableBody { 
	height: 45px;
	letter-spacing: .25px;
	line-height: 14px;
	margin-top: 0px;
	font-size: 11px;	
	}
		
.textModal {
	letter-spacing: 1px;
	line-height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	}

.back-to-top {
	position: fixed;
	width: 40%;
	bottom: 10px;
	right: 95%;
	text-decoration: none;
	display: none;
	}
	
}

@media screen and (max-width: 850px) {	

.navbar {
  	padding-top: 45px;
  	padding-left: 5px;
	}

.titleImage {
	width: 90%; 
	padding-left: 30px;
	text-align: right;
	}

.logo {
	display: block;
	margin-top: -150px;
	width: 100px; 
	height: auto;
	}

.menu {
	display: block;
	margin-top: -20px;
	width: 40px; 
	height: auto;
	}

.home {
	display: block;
	width: 40px; 
	height: auto;
	}

.back {
	display: block;
	width: 40px; 
	height: auto;
	}

.next {
	display: block;
	width: 40px; 
	height: auto;
	}	

.container2 {
	max-width: 90%;
	position: relative;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 10px;
	}

.accordion {
	letter-spacing: 2px;
	padding: 10px 15px 10px 15px;
	width: 100%;
	border: none;
	outline: none;
	font-size: 18px;
	border-bottom: 3px solid #5f5953;
	}

.accordion1 {
	letter-spacing: 2px;
	padding: 10px 15px 10px 15px;
	width: 100%;
	border: none;
	outline: none;
	font-size: 18px;
	border-bottom: 3px solid #5f5953;
	}

.menuSub {
	height: 40px;
	margin-top: 0px;
	margin-left: -20px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 15px;
	border-bottom: 3px solid #5f5953;
	}

.menuSub:after {
	visibility: hidden;
	}

#myBtn {
	height: 100%;
    width: 100%;
	font-size: 12px;	
    }

#myBtnCSU {
	height: 40px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

#myBtnFBF {
	height: 40px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

#myBtnCD {
	height: 40px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

.text {
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	letter-spacing: 1px;
	}
		
.vision {
	margin-top: 50px;
	letter-spacing: 1px;
	font-size: 12px;		
	}
		
.copy {
	margin-top: 10px;
	letter-spacing: 1px;
	font-size: 9px;		
	}

.title {
	letter-spacing: 1px;
	line-height: 22px;
	font-size: 16px;		
	}
		
.titleBody {
	letter-spacing: 1px;
	line-height: 22px;
	margin-top: 0px;
	padding-bottom: 8px;
	font-size: 12px;		
	}

.columnHeader {
	height: 30px; 
	letter-spacing: 1px;
	font-size: 12px; 
	}
		
.tableBody { 
	height: 45px;
	letter-spacing: .25px;
	line-height: 14px;
	margin-top: 0px;
	font-size: 11px;	
	}
		
.textModal {
	letter-spacing: 1px;
	line-height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	}

.back-to-top {
	position: fixed;
	width: 53%;
	bottom: 10px;
	right: 94%;
	text-decoration: none;
	display: none;
	}
	
}
	
@media screen and (max-width: 800px) {
	
}

@media screen and (max-width: 500px) {	

.navbar {
  	padding-top: 45px;
  	padding-left: 5px;
	}

.titleImage {
	width: 90%; 
	padding-left: 30px;
	text-align: right;
	}

.logo {
	display: block;
	margin-top: -150px;
	width: 100px; 
	height: auto;
	}

.menu {
	display: block;
	margin-top: -20px;
	width: 40px; 
	height: auto;
	}

.home {
	display: block;
	width: 40px; 
	height: auto;
	}

.back {
	display: block;
	width: 40px; 
	height: auto;
	}

.next {
	display: block;
	width: 40px; 
	height: auto;
	}

.container2 {
	max-width: 100%;
	position: relative;
	padding-left: 30px;
	margin-top: -50px;
	padding-bottom: 10px;
	}	

.accordion {
	letter-spacing: 2px;
	padding: 10px 15px 10px 15px;
	width: 100%;
	border: none;
	outline: none;
	font-size: 14px;
	border-bottom: 3px solid #5f5953;
	}

.accordion1 {
	letter-spacing: 2px;
	padding: 10px 15px 10px 15px;
	width: 100%;
	border: none;
	outline: none;
	font-size: 12px;
	border-bottom: 3px solid #5f5953;
	}

.menuSub {
	height: 30px;
	margin-top: 0px;
	margin-left: -20px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 12px;
	border-bottom: 3px solid #5f5953;
	}

.menuSub:after {
	visibility: hidden;
	}

#myBtnCSU {
	height: 30px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

#myBtnFBF {
	height: 30px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

#myBtnCD {
	height: 30px;
	margin-left: -30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	border-style: none;
	border-bottom: 3px solid #5f5953;
    }

.text {
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
	letter-spacing: 1px;
	}
		
.vision {
	margin-top: 50px;
	letter-spacing: 1px;
	font-size: 12px;		
	}
		
.copy {
	margin-top: 3px;
	letter-spacing: 1px;
	font-size: 9px;		
	}

.title {
	letter-spacing: 1px;
	line-height: 22px;
	font-size: 16px;		
	}
		
.titleBody {
	letter-spacing: 1px;
	line-height: 22px;
	margin-top: 0px;
	padding-bottom: 8px;
	font-size: 12px;		
	}

.columnHeader {
	height: 30px; 
	letter-spacing: 1px;
	font-size: 13px; 
	}
		
.tableBody { 
	letter-spacing: .25px;
	line-height: 14px;
	margin-top: 0px;
	font-size: 11.5px;	
	height: 40px;
	}

#myBtn {
	height: 100%;
    width: 100%;
    border: none;
	text-align: center;
    background-color: #2788e8;
	font-family:  siteFont, Tahoma;
	font-size: 11px;	
	color: #FFFFFF;
	line-height: 14px;
    }
		
.textModal {
	letter-spacing: 1px;
	line-height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	}

.back-to-top {
	position: fixed;
	width: 85%;
	bottom: 10px;
	right: 91%;
	text-decoration: none;
	display: none;
	}
	
}

@media screen and (max-width: 450px) {
		
	}
	
@media screen and (max-width: 300px) {
	
	}
	
/************************************************************************/	
/* Ended defining the top bar navigation with dropdowns and search bar. */
/************************************************************************/

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
	}

[class*="col-"] {
	float: left;
	padding: 15px;
	}

html {
	font-family: siteFont, "Century Gothic", Tahoma;
	}

/* For mobile phones: */

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
	width: 100%;
	}

@media only screen and (min-width: 768px) {
  /* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	}

@media only screen and (min-width: 600px) {
  /* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
}
	
/* Responsive layout - makes the four columns stack on 
top of each other instead of next to each other */

@media screen and (max-width: 600px) {
	
	.column {
		width: 100%;
		}
	
	}
/*********************************/	
/* Ended defining the ICON menus */ 	
/*********************************/

	

	
.downloads {
	display: block;
	font-family: siteFont, Tahoma;
	background-color: #efefef;
	padding: 5px;
	margin-top: 5px;
	}
	
.downloadsDate {
	font-family: siteFont;
	font-size: 10px;
	color: #666666;
	letter-spacing: 1px;
	padding-bottom: 0px;
	}
	
.downloadsTitle {
	font-family: siteFont;
	font-size: 14px;
	color: #666666;
	letter-spacing: 1px;
	line-height: 18px;
	padding-top: 0px;
	}
	
.downloadsTitle a {
	color:#0099ff;
	text-decoration:none
	}
	
.downloadsTitle a:hover {
	background-color: #666666;
	color:#fed80c;
	text-decoration:none;
	}
/* END: ACCORDION */