/*GENERAL STYLE BODY
NOTE HERE WE SET GLOBAL FONT SIZE. VARIOUS ELEMENTS SCALE FROM HERE*/	
body                    {background-color:white;font-size:15px}
/*STYLES FOR THE JAVASCRIPT MESSAGE ON THE HOME PAGE*/
div.JavascriptWarning   {position:relative;background-color:black; color:white;left:10%;width:80%;text-align:center;font-style:italic;font-size:1.5em}
/**/
/**/
/*STYLES AND RELATIVE LOCATIONS FOR THE NAVIGATION BAR
NOTE SIZE SCALING RELATIVE TO BODY FONT-SIZE*/
div.NavigationBar       {position:relative;width:100%;height:2.0em;background-color:black;
				        font-size:1em;font-style:italic;background-color:silver;color:silver}
div.NavigationLink1		{position:absolute;
				        height:1.5em;line-height:1.5em;margin-top:-0.75em;
				        background-color:white;text-align:center;
				        left:0%;top:50%;width:25%;}
div.NavigationLink2		{position:absolute;
				        height:1.5em;line-height:1.5em;margin-top:-0.75em;
				        background-color:white;text-align:center;
				        left:25%;top:50%;width:25%;}
div.NavigationLink3		{position:absolute;
				        height:1.5em;line-height:1.5em;margin-top:-0.75em;
				        background-color:white;text-align:center;
				        left:50%;top:50%;width:25%;}
div.NavigationLink4		{position:absolute;
				        height:1.5em;line-height:1.5em;margin-top:-0.75em;
				        background-color:white;text-align:center;
				        left:75%;top:50%;width:25%;}
/**/
/*STYLES FOR THE MASTER PAGE FOOTER*/
div.MasterFooter        {background-color:white; color:black;text-align:center;font-style:italic;font-size:1.5em}
/**/
/*STYLES FOR CENTERED TEXT BLOCKS AND THEIR TEXT COLORS, e.g. Page_Info*/
div.CenteredTextBlock	{position:relative;background-color:white;top:0%;left:0%;width:100%;font-size:2.0em;text-align:center;margin:0.5em;}
span.Color1             {color:black}
span.Color2             {color:fuchsia}
span.Color3             {font-style:normal}
/**/
/*STYLES FOR THE LOGO
The divs for the K@K logo, ensuring centering of the text both horizontal and vertical.
The outer of these defines position and font parameters.
The inner ensures vertical centering.*/
div.LogoOuterBox        {position:relative;
			            height:1.4em;line-height:1.4em;
			            text-align:center;
			            left:0%;top:50%;width:100%;
			            font-size:10em;font-style:italic}
div.LogoInnerBox        {position:relative;width:40%;top:0%;left:30%;font-size:0.5em;background-color:black;color:white}
/**/
/*STYLES FOR THE TITLE ABOVE A CAROUSEL (a carousel displays a Set of images*/
div.TitleOfSet		    {position:relative;width:100%;background-color:white;color:fuchsia;
              		    text-align:center;font-size:2em}
/**/
/*STYLES FOR THE TITLE DISPLAY OF THE INDIVIDUAL IMAGES (a carousel displays a Set of images*/
div.ImageTitle		    {position:relative;width:100%;background-color:white;color:black;
              		    text-align:center;font-size:1.5em;font-style:italic}
/**/