/* :root {
	--bckgnd_clr: #6eb5f9;
	--white: #ffffff;
} */

body {
	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	/* background-color:#666633; */
	background-color: var(--bckgnd_clr);
	}

img {
	max-width: 100%;
	max-height: 100%;
}
	
#box_a01 {
	height: 100%;
	width:100%;
	background-color: transparent;
	/* background-image: url(images/bckgnd_s01.jpg); */
	background-repeat: repeat-x;
	border:0px dashed var(--black);
	/* margin: 0 0; */
	margin:0px auto; /* Right and left margin widths set to "auto" */
	}
	
#box_a01b {
	/* width:50em;
	height: 37.5em; */
	width: 80%;
	height: 80%;
	background-color: var(--bckgnd_clr);
	border:0px dashed var(--black);
	margin:0px auto; /* Right and left margin widths set to "auto" */
	}

	
#box_a02 {
	float: left;
	position: absolute;
	background-color: transparent;
	top: 6%;
	left: 15%;
	width:35%;
	border:0px dashed var(--black);
	}
	
#box_a03 {
	float: right;
	position: absolute;
		/* z-index: 100; */
	top: 7%;
	right: 15%;
	height: 3%;
	width: 25%;
	border:0px dashed var(--black);
	}
	
#box_a04 {position: relative;
	top: 25%;
	display: block;
	width:100%;
	border:0px dashed var(--black);
	margin:0px auto; /* Right and left margin widths set to "auto" */
	}
	
#box_a05 {
	margin: 0em auto;
	display: block;
	width:60%;
	border:0px dashed #c0c;
	}
	
#box_a05a {
	margin: 0em auto;
	display: block;
	width:100%;
	height: 5%;
	border:0px dashed #eee;
	}
	
#box_a06 {
	width: 9.375em;
	display: inline;
	margin-left: 0.5em;
	margin-right: 0.5em;
	border:0px dashed var(--black);
	}
	
#mbox01 {
	display: inline-block;
	border:0px dashed #ffff33;
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	letter-spacing: 0.1 em;
	color: #fc9;
	}
	
.image_textbox{
		margin: 0em 0% 0em 0%;
		position: absolute;
		left: 0px;
		bottom: -10%;
		width: 100%;
		margin: 4px auto;
		text-align: center;
		background: transparent;
		border:0px dashed #c00;
	}
.copyright_box{
		margin: 0em 0% 0em 0%;
		position: absolute;
		/* bottom: 45px;
		right:50px; */
		bottom: -17%;
		right: 0%;
		width: 100%;
		margin: 4px auto;
		text-align: center;
		background: transparent;
		border:0px dashed #000000;
		font: 10px arial, Helvetica, sans-serif;
						color: #cccc99;
						line-height:24px;
						letter-spacing: 2px;
	}
		
.header2_gal {margin: 0em 0% 0em 0%;
		position: absolute;
		left: 0%;
		/* height: 400px;
		top: 10px;
		width: 450px; */
		height: 100%;
		top: 0%;
		width: 100%;
		margin: 4px auto;
		text-align: center;
		background: transparent;
		border:0px dashed var(--black);
		}	
		
		
.thumb_vert {margin: 0em 0% 0em 0%;
		overflow: auto;
		position: absolute;
		/* left: 460px;
		top: -10px;
		width: 180px;
		height: 400px; */
		left: 100%;
		top: -1%;
		width: 15%;
		height: 96%;
		margin: 4px auto;
		text-align: center;
		background: transparent;
		border:0px dashed var(--black);
		}
					
.main_gal {margin: 0em 0% 0em 0%;
		position: absolute;
		left: 5%;
		right: 5%;
		/* top: 100px;
		width: 800px;
		height: 500px; */
		top: 15%;
		width: 75%;
		height: 65%;
		margin: 4px auto;
		text-align: center;
		background: transparent;
		border:0px dashed var(--black);
		}
		
#copyright{
	position: relative;
	bottom: 20px;
	text-align: center;
	width: 100%;
	font: 10px arial, Helvetica, sans-serif;
						color: #cccc99;
						line-height:24px;
						letter-spacing: 2px;
	}
	
.symbol			{font: 10px arial, Helvetica, sans-serif;
						color: #cccc99;
						line-height:24px;
						letter-spacing: 2px;}
	
.porttext			{position: relative;
	width: 100%;
	font: 14px Arial, Helvetica, sans-serif;
						color: #cccc66;
						line-height:18px;
						letter-spacing: 2px;
						border:0px dashed #110;
						}

.maintext1			{position:relative;
				width: 100%;
				font: 12px Arial, Helvetica, sans-serif;
						color: #ffffcc;
						line-height:24px;
						letter-spacing: 2px;
						}

.maintext2			{position: relative;
				font: 9px Arial, Helvetica, sans-serif;
						color: #cccc66;
						line-height:12px;
						letter-spacing: 2px;
						}
						
.contact_box{
		margin: 0em 0% 0em 0%;
		position: absolute;
		left: 0px;
		top: 100px;
		width: 100%;
		background: transparent;
		border:0px dashed #c00;
		font: 10px arial, Helvetica, sans-serif;
						color: #cccc99;
						line-height:24px;
						letter-spacing: 2px;
	}

.contactpg1		{position: relative;
				margin: 0em 0% 0em 0%;
				width: 100%;
				text-align: center;
				font: 9px Arial, Helvetica, sans-serif;
						color: #cccc66;
						line-height:12px;
							border:0px dashed #c00;
						}

.contactpg2		{position: relative;
				margin: 0em 0% 0em 0%;
				text-align: center;
				font: 14px Arial, Helvetica, sans-serif;
						color: #ccccee;
						line-height:18px;
						letter-spacing: 2px;
						text-decoration: none;
							border:0px dashed #c00;
						}

.contactpglink	{font: 14px Arial, Helvetica, sans-serif;
						color: #ccccee;
						line-height:14px;
						letter-spacing: 2px;
						}
						
a:hover		{
					color: #999900;

				}
		
		A.pics1:link {color: gray;
background: transparent;
text-decoration: none}

A.pics1:hover {color: white;
text-decoration: none}