/*************************************
	format.css 
	2 Dec 2023
       26 Jan 2024  aframe
**************************************/

@charset "UTF-8";

#container {
	position:	absolute;
	overflow:	visible;
	width:	        96%;
	min-width:	560px;
}

#banner {
	position:	absolute;
	top:		2px;
	left:		2px;
	width:		100%;
	height: 	180px;
	background-color: #105010;
	border: 4px solid #F02020;
}

#title_face {
	position:	absolute;
	top:		40px;
	left:		20px;
	text-align:	left;
	/*overflow:	hidden;*/
	font-family:	Georgia, Serif;
	font-size:	28pt;
	font-weight:	bold;
	color:		#F02020;
}

#title_shad {
	position:	absolute;
	top:		43px;
	left:		23px;
	text-align:	left;
	/*overflow:	hidden;*/
	font-family:	Georgia, Serif;
	font-size:	28pt;
	font-weight:	bold;
	color:		#000000;
}

#navigation {
	position:	relative;
	top:		100px;
	left:		2px;
	margin-right:	auto;
	margin-left:	auto;
	clear:		both;
	overflow:	hidden;
}

#navigation {
	position:	relative;
	top:		200px;
	left:		2px;

	clear: 		left;
	float: 		left;
	width: 		150px;
	margin: 	0 0 10px 0;
	padding: 	0;

}

#navigation ul {	
	list-style: 	none;
	width: 		130px;
	margin: 	0 0 20px 0;
	padding: 	0;
}	

#navigation li {
	margin-bottom: 10px;
}

#navigation a {
	text-decoration: none;
	font-weight: 	bold;
	color: 		#FF2020;
	background-color: #105010;
	border: 	3px solid #FF2020;
	height: 	20px;
	padding: 	4px 4px 4px 10px;
	display: 	block;
}	
	
#navigation a:hover {
	text-decoration: none;
	color: 		#FFFFFF;
	background-color: #105010;
	font-weight:	bold;
}

#stuff {
	position:	absolute;
	top:		200px;
        left:           2px;
}

#page {
	position:		relative;
	top:			110px;
	width: 			96%;
	height:			540px;
	overflow-x:		hidden;
	overflow-y:		scroll;
	border-style:		ridge;
	border-width:		2px;
	border-color:		#2080F0;
	padding:		8px 8px;
	text-align: 		left;
}

.eventheader {
	width:			400px;
	background-color:	#80A0C0;
	text-align: 		center;
	margin-left: 		0px;
	padding:		8px 8px;
	border-style:		ridge;
	border-width:		2px;
	border-color:		#2080F0;
	font-family: 		Arial, sans-serif;
	font-size:		14pt;
	color:			white;
}

.eventbody {
	width:			404px;
	background-color:	#A0A0A0;
	text-align: 		center;
	margin-left: 		0px;
	padding:		8px 8px;
	border-width:		0px;
}

.aframebox {
	height: 600px;
        width: 1200px;
}

body {
	font-family: 		Arial, sans-serif;
	font-size:		12pt;
	color:			#000000;
	background-color: 	#E0E0E0;
}

h3 {
	font-size:		14pt;
	color:			#FF0000;
}
table {
	font-family: 		Arial, sans-serif;
	font-size:		12pt;
	color:			#000000;
}

/*a {text-decoration:none;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#FFFFFF;}*/

@media only screen and (max-width: 800px){
   #title_face {
      font-size:	26pt;
   }

   #title_shad {
      font-size:	26pt;
}

@media only screen and (max-width: 480px){
   #title_face {
      font-size:	18pt;
   }

   #title_shad {
      font-size:	18pt;
   }
}