@charset "UTF-8";
/* CSS Document */

/* Clive Mitchell-Taylor */
/* Version 1.8           */
/* Dated 28 Jul 2021      */

/* Define block elements  */



@media screen
	{
	.screenhide
			{ display:   none;}
	}

abbr, acronym
	{
	border-bottom: 				1px dotted #666;
	display: 					inline;
	cursor: 					help;
	}

blockquote
	{
	font-family: 				Cambria, Times, Timer New Roman, serif ;
	font-size: 					1em;
	font-weight: 				normal;
	color: 						blue;
    }

body
	{
	background-color: 			lightgrey;
	font-family:        		Helvetica, Arial, sans-serif;
	font-size:          		1em;
	}

h1
	{
	font-family: 				Cambria, Times, Times New Roman, serif ;
	font-size: 					1.6em;
	font-weight: 				bold;
	color: 						maroon;
	text-align: 				center;
	}
	
h2
	{
	font-family: 				Cambria, Times, Times New Roman, serif ;
	font-size: 					1.5em;
	font-weight: 				bold;
	color: 						blue;
	text-align: 				center;
	}

	{	
	text-align: 				right!important;
	}

h3
	{	
	font-family : 				Helvetica, Arial, sans-serif;
	font-size: 					1.2em;
	font-weight: 				bold;
	color: 						black;
	text-align: 				center;
	}
	
h4
	{	
	font-family : 				Helvetica, Arial, sans-serif;
	font-size: 					13px;
	font-weight: 				400;
	color: 						black;
	text-align: 				center;
	}
	
h5	
	{
	font-family : 				Helvetica, Arial, sans-serif;
	font-size: 					12px;
	font-weight: 				600;		
	color: 						black;
	text-align: 				center;
	}
	

h6
	{	
	font-family : 				Helvetica, Arial, sans-serif;
	font-size: 					14px;
	font-weight: 				400;
	color: 						black;
	text-align: 				center;
	}
	
h7	
	{
	color: 						white;
	font-family : 				Helvetica, Arial, sans-serif;
	font-size: 					16x;
	font-weight: 				600;		
	line-height: 				2.0;
	text-align: 				center;
	}	
	
hr { 
	height:  					1px;
	background-color: 			black;
	border: 					none;
	}


ol
{    list-style:            lower-alpha;
     counter-reset:         list;
     line-height:           1.7em;
}

ol >li:before
	{	
	counter-increment: 		list;
	margin-right: 			2em;
    margin-left:            25em;
	text-align: 			right;
	background-position: 	100%;
	}  

ol >li
	{	
	padding-left: 			25px;
	padding-right: 			25px;
    text-align:             left; 
   }
    
/*ol
	{	
	list-style:                 lower-alpha !important;
    counter-reset: 				list;
	}	

ol >li
	{	
    list-style:                 lower-alpha !important;
    line-height;                1.75em;
	padding-left: 				25px;
	padding-right: 				25px;
    text-align:                 left; 
   }
        

ol >li:before
	{	
	list-style:                 lower-alpha !important;
    content: 					counter(list) ". ";
	margin-right: 				1em;
	line-height: 				1.75em;
	text-align: 				right;
	background-position: 		100%;
	} 
*/
p
	{	
	color: 						black;
	font-family: 				Helvetica, Arial, sans-serif;
	font-size: 					16px;
	font-weight: 				400;
	margin-left: 				5px;
	margin-right: 				5px;
	text-align: 				left;
	}
	
.italic
	{
	font-family: 				Brush Script MT, Brush Script Std, cursive!important;
	font-size: 					18px!important;
	}

p.center
	{	
	text-align: 				center!important;
	}

p.cr
    {
    text-align:                  center!important;
}
	
p.j
	{
	text-align: 				justified!important;
	text-justify: 				interword!important;
	}

p.larger
	{
	font-size: 					18px!important;
	}
	
p.muchlarger
	{
	font-size: 					1.5em!important;
	}
	
p.sans
	{
	font-family: 				Helvetica, Arial, sans-serif;
	font-style: 				italic;
	font-color: 				black;
	font-size: 					16px;
	font-weight: 				400;
	margin-left: 				5px;
	margin-right: 				5px;
	text-align: 				left;
	}
	
p.serif
	{
	font-family: 				Cambria, Times, Times New Roman, serif ;
	font-color: 				black;
	font-size: 					16px;
	font-weight: 				400;
	margin-left: 				5px;
	margin-right: 				5px;
	text-align: 				left;
	}
	
.blueText	
	{
	color: 						blue!important;
	}
	
.maroonText
	{
	color: 						maroon!important
	}
	
.redText
	{
	color: 						red!important;
	}
p.right
	{
	text-align: 				right!important;
	}

p.smaller
	{
	font-size: 					12px!important;
	}
	
p.bigger
	{
	font-size: 					18px!important;
	}
sub, sup
	{	
	font-size: 					75%;
	line-height: 				0;
	position: 					relative;
	vertical-align: 			baseline;
	}

sub
	{
	bottom: 					-0.25em;
	}

sup
	{	
	top: 						-0.5em;
	}

td
	{
	font-weight: 				bold;
	}

td.bdr
    {
    border:                     blue;
                                1px;
                                solid;
    }

title
	{
	font-size: 					14px;
	font-weight: 				bold;
}

tr:nth-child(odd)
	{
	background-color:			#D7D7D7;
	}



#container						/* holds all elements within defined width */
	{
	align-self: 				center;
	background-color: 			white;
	height: 					auto;
	margin-left: 				auto;
	margin-right: 				auto;
	width: 						1000px;
	}

#containerlscape                /* landscape */
    {
    align-self: 				center;
	background-color: 			white;
	height: 					auto;
	margin-left: 				auto;
	margin-right: 				auto;
    width:                     1500px;
    }
	
#content					/* for content specific to each page/element  */
	{
	align-self: 				center;
	background-color:   		white;
	display: 					block;
	height: 					auto;
	margin-left: 				auto;
	margin-right: 				auto;
    border:                     none;
	width: 						980px;
	}


.box-left
    {
        float:                  left;
        width:                  240px;
        clear:                  left;
        height:                 250px;
        border:                 none;
        padding:                none;
        margin:                 none;
    }

.box-middle
    {   
        float:                 left;
        width:                 490px;
        clear:                 right;
        height:                250px;
        border:                 none;
        padding:                none;
        margin:                 none;
}

.box-right
    {
        float:                 right;
        width:                 240px;
        clear:                 right;
        height:                250px;
        border:                 none;
        padding:                none;
        margin:                 none;
    }


.bottom_10
    {
    position:                   relative;
    bottom:                     10px;
    }

.bottom_15
    {
    position:                   relative;
    bottom:                     15px;
    }
.bottom_20
    {
    position:                   relative;
    bottom:                     20px;
    }

.bottom_25
    {
    position:                   relative;
    bottom:                     25px;
    }

.left_10
    {
    position:                   relative;
    left:                        10px;
    }

.left_15
    {
    position:                   relative;
    left:                        15px;
    }
.left_20
    {
    position:                   relative;
    left:                        20px;
    }

.left_25
    {
    position:                   relative;
    left:                        25px;
    }


.right_10
    {
    position:                   relative;
    right:                        10px;
    }

.right_15
    {
    position:                   relative;
    right:                        15px;
    }
.right_20
    {
    position:                   relative;
    right:                        20px;
    }

.right_25
    {
    position:                   relative;
    right:                        25px;
    }

.top_10
    {
    position:                   relative;
    top:                        10px;
    }

.top_15
    {
    position:                   relative;
    top:                        15px;
    }
.top_20
    {
    position:                   relative;
    top:                        20px;
    }

.top_25
    {
    position:                   relative;
    top:                        25px;
    }

.top_35
    {
    position:                   relative;
    top:                        25px;
    }

.top_50
    {
    position:                 relative;
    text-outline:             50px;
    } 
        
        
.top_100
    {
    position:                 relative;
    text-outline:             100px;
    }
        
.top_150
    {
    position:                 relative;
    text-outline:             150px;
}

#contentlscape					/* for content specific to each page/element  */
	{
	align-self: 				center;
	background-color:   		white;
	display: 					block;
	height: 					auto;
	margin-left: 				auto;
	margin-right: 				auto;
	width: 						1480px;
	}
	
#fillframe
	{
		align-self: 			center;
		height:     			auto;
		width:              	14px;
		display:  				inline-block;
		vertical-align: 		text-top;
	}
	
#footer							/* footer for copyright */
	{
	height: 					80px;
	background-color: 			white;
	margin:   					0, auto;
	width: 						auto;
	color: 						maroon !important;
	}
	
#menu
	{
	align-self:         		center;
	align: 						center;
	background-color: 			white;
	border: 					green thick; 
	display:  					block;
	margin-left: 				auto;
	margin-right:				auto;
	width: 						980px;							
	}
	
/*	
#main
	{
	align-self: 				center;
	display:            		inline-block;
	font-size:  				16px;
	height: 					360px;
	text-align: 				center;
	width: 						750px;
	}
	
*/

m-align
{
    vertical-align:             middle;

}

/* Header boxes to display Rising Sun and Unit Colour Patches */

.grid
    {    display:                 grid;
         grid-template-columns: auto;
    }

.lbox 
    {
        float: left;
        width: 25%;
        height: auto;
        vertical-align: bottom;
    }
                
.mid 
    {
        float: left;
        width: 50%;
        height: 240px;
    }
                
.rbox 
    {
        float right;
        width="25%"
        height: auto;
        vertical-align: middle;
    }
      
.lbox1 /* alternative with definable height */
    {
        float: left;
        width: 25%;
        vertical-align: bottom;
    }
                
.mid1 /* alternative with definable height  */
    {
        float: left;
        width: 48%;
        vertical-align: top;
    }
      
.mid2 /* alternative with definable width  */
    {
        float: left;
        vertical-align bottom;
    }


.rbox1  /* alternative with definable height */
    {
        float right;
        width="25%"
        vertical-align: bottom;
    }



.bdr 
    {
        border: 1px #000 solid;
    }
                   
.vspace 
    {
        line-height: 1.25;
    }

.xvspace
    {
       line-height: 1.75: 
    }


/* 1- 9 */


			.5
				{
					width:						5%;
				}

			.10
				{
					width:						10%;
					float: 						left;
					display: 					inline-block;
				}

			.15
				{
					width:						15%;
				}	

			.20
				{
					width:						20%;
				}


			.25
				{
					width:						25%;
				}

			.30
				{
					width: 						30%;
				}

			.40
				{
					width:    					40%;
				}

			.50
				{
					width:						50%;
				}

			.60
				{
					width:						60%;
				}

			.70
				{	
					width:						70%;
				}

			.88
				{
					width: 						88%;
					float: 						right;
					display: 					inline-block
				}
	
/*  A */

			.abbrev tr 
				{ 
					line-height: 				2.5;
					vertical-align: 			top;
					text-align: 				left;
					background: 				white;
					font-size: 					14px;
				}

			.asforp
				{
					color: 						black;
					font-family : 				Helvetica, Arial, sans-serif;
					font-size: 					16px;
					font-weight: 				400;
					line-height: 				1.75;
					text-align: 				left;
				}

/* B */
			.beta td th
				{
					border: 					1px solid black;
				}

            .bisque
					{
						background-color: 		bisque !important;
				}

			.blank
				{
					background-color:			white !important;
				}

            .blue
                {
						background-color: 		blue!important;
				}

/* C */
				
			.c
				{
					align:						right !important;	
				}
            
            .clearfix:before,
            .clearfix:after
                {
                    content:                      " ";
                    display:                      table;           
                }

            clearfix:after
                {
                    clear:                        both;
                }

            .clearfix
                {
                    *zoom:                        1;
                }
					
			.col1
				{
					display: 					inline-block;
					height:  					auto;					
					font-family: 				Helvetica, Arial, sans-serif;
					font-size: 					16px;
					font-weight: 				normal;
					color: 						black;
					vertical-align: 			top;					
					float: 						left;
				}

			.col2
				{
					display: 					inline-block;
					height:  					auto;
					font-family: 				Helvetica, Arial, sans-serif;
					font-size: 					16px;
					font-weight: 				normal;
					color: 						black;
					vertical-align: 			top;
					float: 						left;
				}

			.column5						/* for inline blocks */
				{
					float: 						left;
					height: 					auto;
					width: 						5%
				}

			.column10						/* for inline blocks */
					{
						float: 						left;
						height: 					auto;
						width: 						10%;
					}	

			.column23						/* for inline blocks */
					{
						float: 						left;
						height: 					auto;
						width: 						23%;
					}

			.column25						/* for inline blocks */
					{

						float: 						left;
						height: 					auto;
						width: 						25%;
					}


			.column33						/* for inline blocks */
					{
						float: 						left;
						height: 					auto;
						width: 						33%;
					}

			.column40						/* for inline blocks */
					{			
						float: 						left;
						height: 					auto;
						width: 						40%;
					}

			.column50						/* for inline blocks */
					{
						float: 						left;
						height: 					auto;
						text-align: 				justify;
						width: 						48%;
					}

			.column50r						/* for inline block floated right */
					{
						float: 						right;
						height: 					auto;
						text-align: 				justify;
						width: 						48%;
					}

			.column66
					{
						float: 						left;
						height:						auto;
						width: 						66%;
					}


			.cr
					{
						font-size: 					16px;
						text-align: 				center;
						font-family: 				Helvetica, Arial, sans-serif;
						color:						maroon;
						font-weght: 				bold;
						vertical-align: 			middle;
					}	
	
/* F */
	

			.fontblack
					{
						color: 						black!important
					}

			.fontwhite
					{
						color: 						white!important;
					}
            .fontred
                    {   
                        color:                     red!important}
					}

			.framecenter
					{
						align-content: 				center;
						float: 						center;
						height: 					auto;
						margin-left: 				25px;
						margin-right: 				25px;
					}

			.frameleft
					{
						align-content: 				center;
						float: 						left;
						height: 					auto;
						margin-left: 				5px;
						margin-right: 				25px;
					}

			.frameright
					{
						align-content: 				center;
						float: 						right;
						height: 					auto;
						margin-left: 				25px;
						margin-right: 				5px;
					}
					
/* K */
	
			.khaki
					{
						background-color: 			#989244;
						text-decoration-color:  	#FFFFFF;
						font-size: 					14px!important;
					}

/* L */



			.left
					{
						text-align: 				left!important;
					}
					
			.lh2
					{
						line-height: 				2;
					}

			.limage	
					{
						align-content: 				center;
						float: 						left;
						height: 					auto;
						width: 						33%;
						margin-left: 				5px;
						margin-right: 				25px;

					}

			.leftimage	
					{
						align-content: 				center;
						float: 						left;
						height: 					auto;
						width: 						45%;
						margin-left: 				5px;
						margin-right: 				25px;
					}
					
					
/* M */		
			.mar
					{
						padding-left: 				15px;
						padding-right:     			15px;
						text-justify:				auto;
					}


			.mimage
					{
						align-content: 				center;
						float: 						center;
						height: 					auto;
						width: 						auto;
						margin-left: 				5px;
						margin-right: 				5px;
					}

			.more
					{
					font-size: 						14px!important;
					}

/* N*/

			.no-marker
					{
						list-style: 				none;
					}
	
/* P */


			.photoframe
					{
						display:            		inline-block;
						font-size:          		0.75em;
						height: 					360px;
						text-align: 				center;
						width: 						210px;
					}
	


			.plain
					{
						list-style-type: 			disc;
						text-align: 				left;
					}


/* R */

            .red
					{
						background-color: 		red !important;
				}

			.right
					{
						text-align: 				right!important;
					}

			
			.rimage	
					{
						align-content: 				center;
						float: 						right;
						height: 					auto;
						width: 						33%;
						margin-left: 				25px;
						margin-right: 				5px;
					}
					
			.rightimage	
					{
						align-content: 				center;
						float: 						right;
						height: 					auto;
						width: 						45%;
						margin-left: 				25px;
						margin-right: 				5px;
                        
					}

			.row
					{
						margin-left: 				5px;
						margin-right: 				5px;
                        height:                     auto;
					}
					
			.row:after
					{
						align: 						left;
						content: 					" ";
						display: 					table;
						clear: 						both;
						width: 						960px;
					}
					
/* S */
			
			.sidebar
					{	
						background: 				#ffffe6;
						border: 					2px solid #326795;
						margin: 					1em;
						padding:					.5em;
						page-break-inside: 			avoid!important;
					}
					
			.screenhide
					{
						display: 					none!important;
					}
	
/* T */

			.tab
					{
						float:						left;
						height:						auto;
						font-family : 				Helvetica, Arial, sans-serif;
						font-size: 					16px;
						font-weight: 				400;
						color: 						black;
						text-align: 				left;
					}

            


			.textframe
					{
						display:  					inline-block;
						font-size:  				16px;
						height:  					auto;
						padding-left: 				5px;
						padding-right:     			5px;
						text-align:  				justify;
						vertical-align: 			text-top;
						width: 						562px;
					}

          .li
                    {
                        line-height:                1.75;
                        text-align:                 left;
                    }
	
/* U */
/*
			


			ul.leaders li:before
					{
						float:                  	left;
						width:                  	0;
						white-space:            	nowrap;
						content:
						". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
					}

			ul.leaders span:first-child
					{
						padding-right:        		0.33em;
						background:           		white;
					}

			ul.leaders span + span
					{
						float:               		right;
						padding-left:        		.33em;
						background:          		white;
					}
					
		
/* W */
			.white
					{
						background-color: 		white !important;
				}
	

/*    Testing 3 column layout */

.col-l{
        float:     left;
        width:     25%;
      }

.col-r{
        float:     right;
        width:     25%;
      }

.col-c{
        display:   inline-block;
        width:     50%
      }


.column {
        float:      left;
        width:     254px;
        }

/* Clear floats after columns*/
.row:after
        {
        content:     "";
        display:     table;
        clear:     both;
        }