/* This page was created on May 10, 2024 as a basis for the splash pages for different languages */

/* Properties of all the things are are general for the page */

body{
	background-color: #FFFFFF;
	margin:0px 0px; padding:0px;
	text-align:center;
}

/* Properties of the FullPage Div that holds everything in your webpage */

/* Formatting for the entire page layout */
#FullPage{
	display: flex;
	flex-direction: column;
	max-width: 1000px;
	margin: auto;
}

/* Properties of the MainBody Div that holds everything in your webpage */

#MainBody{
	position: relative;
	top: 0px;
}

/* Properties of the Program Title Div and title text class that holds title of your webpage */

#PageTitle{
	position: relative;
	margin-top: 25px;
	width: 1024px;
	height: 35px;
	margin-bottom: 25px;
	text-align: center;
}

.TitleText{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	color:#990000;
	text-align: center;
}

/* Properties of the MainLogo Div that holds the large picture of logo for organization */
#MainLogoPicture{
	position: relative;
	width: 1024px;
	height: 300px;
	text-align: center;
}

/* Properties of the description div and text for organization */

#Description{
	position: relative;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 1024px;
	text-align: center;
}

.DescriptionText{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
	text-align: center;
}

/* Properties of the Special Message div and text for organization */

#SpecialMessage{
	position: relative;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 1024px;
	text-align: center;
}

.SpecialMessageText{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#990000;
	text-align: center;
}



#TypesOfPrograms{
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 5px;
	width: 1024px;
	height: 50px;
	text-align: center;
}

.menuitems1{
	display: flex;
	justify-content: space-around;
	width: 200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	height: inherit;
	align-items: center;
	color:#CCAAAA;
	text-align: center;
}

.menuitems1selected{
	display: flex;
	justify-content: space-around;
	width: 200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	height: inherit;
	align-items: center;
	color:#990000;
	text-align: center;
}

#Units{
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 25px;
	width: 1024px;
	height: 50px;
	text-align: center;
}

.menuitems2{
	display: flex;
	justify-content: space-around;
	width: 125px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	height: inherit;
	align-items: center;
	color:#AAAAAA;
	text-align: center;
}

.menuitems2selected{
	display: flex;
	justify-content: space-around;
	width: 125px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	height: inherit;
	align-items: center;
	color:#000000;
	text-align: center;
}

/* Stuff for the table of programs to display */

/* Formatting for the columns of the display program table */
.TableOfPrograms{
	margin: auto;
	width: 1024px;
	margin-top: 25px;
	border: 2px solid;
}

.TableOfPrograms caption {
	margin-top: 25px;
	margin-bottom: 25px;
	font-family: Georgia, serif;
	font-size: 16px;
	color: #990000;f
}

/* This is column 1 */
.TableOfPrograms td:nth-child(1){
	font-family: Georgia, serif;
	font-size: 14px;
	color: #000000;
	width: 280px;
	padding: 15px;
	margin: 5px;
	text-align: center;
	border: 2px solid;
}

/* This is column 2 */
.TableOfPrograms td:nth-child(2){
	font-family: Georgia, serif;
	font-size: 14px;
	color: #000000;
	width: 280px;
	padding: 15px;
	margin: 5px;
	text-align: center;
	border: 2px solid;
}

/* This is column 3 */
.TableOfPrograms td:nth-child(3){
	font-family: Georgia, serif;
	font-size: 14px;
	color: #000000;
	width: 280px;
	padding: 15px;
	margin: 5px;
	text-align: center;
	border: 2px solid;
}

.TableOfPrograms tr:nth-child(even) {
	background-color: #EEEEEE;
}

.TableOfPrograms tr:nth-child(odd) {
	background-color:  #FFFFFF;
}

.minipicture{
	margin-top: 20px;
	width: 200px;
}

#footer{
	position: relative;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 1024px;
	height: 50px;
	text-align: center;
}