@charset "utf-8";
/* CSS Document */
.header-gradiant {
	height           : 84px; 
	width            : 100%;
	background-image : -webkit-linear-gradient(white, #5F90FD);
	background-image : -o-linear-gradient(white, #5F90FD);
	background-image : linear-gradient(white, #5F90FD);
}

.heading-font {
	font-style  : italic; 
	font-family : 'fantasy', 'italianno'; 
	color       : #663300;
}

.heading-swirl {
	height   : 105px; 
	width    : 128px; 
	position : absolute;  
	top      : 0; 
}

.header-logo-pf1e {
	height         : 37px; 
	width          : 150px;
	position       : absolute;
	top            : 4px; 
	right          : 130px; 
	cursor         : pointer;
	background-size: 100% 100%;
}

.header-logo-pf2e {
	height   : 37px; 
	width    : 150px;
	position : absolute;
	top      : 48px; 
	right    : 130px; 
	cursor   : pointer;
}

.header-copyright {
	height   : 21px; 
	width    : 222px; 
	position : absolute; 
	top      : 84px; 
	right    : 100px; 
	color    : #663300;
}

.header-bar {
	height           : 21px;
	width            : 100%;
	background-image : url('../images/header-bar.png');
	background-size  : cover;
}

/*********************************************************************************/
/* Splash Screen                                                                 */
/*********************************************************************************/
div.splash-container {
	width                : 100%;
	height               : 100%;
	position             : relative;
	padding              : 0; 
}

div.splash-screen {
	top                  : 150px; 
	left                 : calc(50% - 282px);
	z-index              : 100;
	height               : 400px; 
	width                : 564px; 
	padding              : 5px;
	position             : absolute; 
	overflow             : auto;
	background-color     : #acf;
	filter               : alpha(opacity=60);
	-moz-opacity         : 0.6; 
	opacity              : 0.6;
	color                : black;
	scrollbar-base-color : rgb(192,192,255 );
}

.splash-h1 {
	font-style  : italic; 
	font-family : 'fantasy', 'italianno'; 
	font-size   : 28pt; 
}



/*********************************************************************************/
/* iFrame for content display                                                    */
/*********************************************************************************/
.mainpage {
	min-height : 560px; 
	width      : 100%;
	height     : 100%;
	border     : none; 
	padding    : 0;
	margin     : 0;
}

/*********************************************************************************/
/* Home page with map                                                            */
/*********************************************************************************/
/* Image width of map                                                            */
img.home-map {
	padding-left  : calc((100% - 892px)/2);
	padding-right : calc((100% - 892px)/2);
	margin        : 0;
}