:root {
/*Colors*/
	--textcolor_black:				#000000;
	--textcolor_white:				#FFFFFF;
	
	--objcolor_black_true:			#000000;
	--objcolor_gray_menu_bar:		#333333;
	--objcolor_gray_menu_active:	#555555;
	--objcolor_gray_menu_hover:		#777777;
	--objcolor_white_true:			#FFFFFF;
	
	--objcolor_white_experiment:	#FFFFFF;
	
	/*These 3 colours below are part of a triadic set*/
		/*Yellows*/		/*BCD472*/
	--textcolor_yellow: 			#BCD472;

	--objcolor_yellow_dark:			#ABC168;
	--objcolor_yellow_base:			#BCD472;
	--objcolor_yellow_medium:		#CDDF96;
	--objcolor_yellow_medlight:		#DEEAB9;
	--objcolor_yellow_light:		#EFF5DC;
	--objcolor_yellow_faint:		#F7FAEE;

		/*Blues*/		/*72BCD4*/
	--textcolor_blue:   			#72BCD4;
	
	--objcolor_blue_dark:			#68ABC1;		/*Dark*/		/*Plus to the side from blue_standard (Minus 3/32th of values, rounded up)*/
	--objcolor_blue_base:			#72BCD4;		/*Base*/		/*start*/
	--objcolor_blue_medium:			#96CDDF;		/*Medium*/		/*Between blue_standard and blue_boxborder*/
	--objcolor_blue_medlight:		#B9DEEA;		/*Medlight*/	/*Between blue_standard and white*/
	--objcolor_blue_light:			#DCEFF5;		/*Light*/		/*Between blue_boxborder and white*/
	--objcolor_blue_faint:			#EEF7FA;		/*Faint*/		/*Between blue_boxbg and white*/
	
		/*Purples*/		/*D472BC*/
	--textcolor_purple: 			#D472BC;

	--objcolor_purple_dark:			#C168AB;
	--objcolor_purple_base:			#D472BC;
	--objcolor_purple_medium:		#DF96CD;
	--objcolor_purple_medlight:		#EAB9DE;
	--objcolor_purple_light:		#F5DCEF;
	--objcolor_purple_faint:		#FAEEF7;
		
/*Sizes*/
	--height_menu_banner:			60px;
	--height_menu_bar:				0px;
	--height_menu_total:			60px;
	
	/*min-width standards*/
	--minwidth_phone_min:			360px;  /* Phone Media Query Limit */
	
/*Fonts*/
	/*--fontfam_title:				Rouge Script;
	--fontfam_title:				Birthstone;*/
	--fontfam_title:				Corinthia;
	--fontfam_standard:				Calibri;
	
/*Z-Index Layers*/
	--zind_bigpic:					110;
	--zind_max:						100;
	--zind_high1:					90;
	--zind_high2:					80;
	--zind_high3:					70;
	--zind_mid1:					60;
	--zind_mid2:					50;
	--zind_mid3:					40;
	--zind_low1:					30;
	--zind_low2:					20;
	--zind_low3:					10;
	--zind_min:						0;
}

/*-------------------------------------------*/
/*                 ALL PAGES                 */
/*-------------------------------------------*/

/* RESERVED KEYWORDS AND SIMILAR CATEGORIES */

body
{
	margin: 				0;
	
	background-color:		var(--objcolor_white_experiment);
}

p
{
	position: 				static;
	margin-top: 			0cm;
	
	width: 					60%;
	
	font-family: 			arial;
}

div
{
	font-family: 			monospace;	
}

h1, h2, h3
{
	font-family: 			verdana;
}


/*-------------------------------------------*/
/*          REUSEABLE CUSTOM BLOCKS          */
/*-------------------------------------------*/

.general-outer-grid-container
{
	display: 				grid;
	grid-template-columns: 	auto;
	grid-row-gap: 			0px;
}

.general-outer-menu-container
{
	position: 				fixed;
	inset:					0 auto auto 0;
	z-index: 				var(--zind_max);
	
	width: 					100%;
	min-width: 				var(--minwidth_phone_min);
	height:					var(--height_menu_total);
	
	text-decoration: 		none;
	overflow: 				visible;
}

.general-banner-outer-container
{
	position: 				fixed;
	inset: 					0 auto auto 0;
	margin-top: 			0cm;
	
	width: 					100%;
	height: 				var(--height_menu_banner);
	
	background-color: 		var(--objcolor_blue_medium);
	color: 					white;
	font-family: 			var(--fontfam_title);
	font-size:				48px;
	font-weight:			bold;
}

.general-outer-content-container-standard
{
	position: 				relative;
	inset:					0 auto auto 0;
	margin:					var(--height_menu_total) 0 0 0;
	
	width: 					100%;
	min-height:				calc(100% - var(--height_menu_total));
}



/*-------------------------------------------*/
/*             IMAGE ATTRIBUTES              */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE IMAGES */

.CF_Image
{
	position: 				fixed;
	z-index:				var(--zind_low3);
	
	width:					200px;
}

.CF_Style_NE {inset: var(--height_menu_total) 0 auto auto;}
.CF_Style_NW {inset: var(--height_menu_total) auto auto 0;}
.CF_Style_SE {inset: auto 0 0 auto;}
.CF_Style_SW {inset: auto auto 0 0;}


/*-------------------------------------------*/
/*              MENU ATTRIBUTES              */
/*-------------------------------------------*/

/* ATTRIBUTES ONLY USED FOR THE MENU */
.menu-banner-container
{
	position: 				fixed;
	inset:					0 auto auto 0;
	
	width: 					100%;
	height: 				var(--height_menu_banner);
    padding: 				0;
	
    overflow: 				hidden;
	line-height:			var(--height_menu_banner);
}

.menu-bar-container
{
	position: 				fixed;
	inset:					var(--height_menu_banner) auto auto 0;
	
	width: 					100%;
	height: 				var(--height_menu_bar);
    padding: 				0;
	
    background-color: 		var(--objcolor_gray_menu_bar);
    overflow: 				hidden;
    list-style-type: 		none;
}

.menu-button-container
{
    display: 				block;
	float: 					left;
	
	height: 				var(--height_menu_bar);
    padding: 				0px 16px 0px 16px;
	
    color: 					var(--textcolor_white);
    background-color: 		var(--objcolor_gray_menu_bar);
	transition: 			background-color 0.5s;
	
	font-family:			verdana;
	font-weight: 			bold;
    text-align: 			center;
    text-decoration: 		none;
	line-height:			var(--height_menu_bar);
}

.menu-button-container:hover
{
    background-color: 		var(--objcolor_gray_menu_button_hover);
}

.menu-button-container:active
{
    background-color: 		var(--objcolor_gray_menu_button_active);
}

.menu-button-container:visited
{
	color: 					var(--textcolor_white);
}