/* policy making screen styles: */


body {
	font-family: Verdana, Helvetica, Arial, sans-serif ;
	margin-top: 0px; 
	background-color: rgb( 95%, 97%, 100%); 
	}

@media screen and (max-width: 1200px) { /* for phone    phone    phone    phone    phone    */

	#banLanDiv { display: none ; }

	#banPorDiv {
		width: 100% ;
		height: 80px ;
		position: fixed ;
		top: 0 ;
		background-color: rgb(0%, 63%, 89%) ;
		}
	#banPorImgTxtDiv { /* temp styles while text rather than image */
		color: rgb(100%, 100%, 100%) ;
		width: 80% ;
		font-size: 1.3em ; 
		line-height: 1.3em ; 
		padding-top: 0.5em ; 		
		padding-left: 0.5em ; 		
		}
	#hamBarIco, #blaCroIco { 
		position: absolute;
		top: 20px ;
		right: 30px ;
		}
	.hamBar {
		width: 32px ; 
		height: 4px ; 
		background-color: white ;
		margin: 6px 0 ;
		}
	#blaCroIco { 
		padding-left: 80% ; 
		padding-bottom: 3px ;
		width: 33px ; /* was 36px wide to match 5px high hamBar */
		}
	#mainTable {
		width: 100% ; 
		}
	#colA {
		display: none ; 
		position: fixed ;
		z-index: 1
		top: 80px ;
		background-color: rgb( 95%, 97%, 100%); 
		}	
	#navBarLef { 
		height: 85vh ; /* was */
		padding-top: 20px ;
		}
	#colB {
		margin-top: 80px ;
		padding: 0px 20px 10px 20px ; 
		}
	#screenTitle {
		font-size: 2em ; 
		line-height: 1.3em ; 
		font-weight: 300 ; 
		padding-top: 1em ;
		padding-bottom: 0.7em ; 
		} 
	h3 {	/* heading for a section of a page or so */
		font-size: 180% ; 
		font-weight: 200 ; 
		border-top: rgb(0%, 63%, 89%) 2px solid ;
		padding-top: 0.6em ;
		}
	h4 {	/* heading for several sections per page */
		font-size: 140% ; 
		font-weight: 200 ; 
		border-top: #DDD 1px solid ;
		padding-top: 0.5em ;
		margin-top: 0 ; 
		margin-bottom: 0px ; 
		padding-bottom: 0.3em ; 
		}
	}




@media screen and (min-width: 1201px) { /* for PC or laptop   PC or laptop   PC or laptop   PC or laptop   PC or laptop   PC or laptop   PC or laptop  */

	#mainTable {
		width: 1200px ; 
		margin-left: auto ;
		margin-right: auto ;
		}
	#banPorDiv { display: none ; }
	#banLanDiv { 
		width: 100% ;
		height: 100px ;
		position: fixed ;
		top: 0 ;
		background-color: rgb(0%, 63%, 89%) ;
		}
	#banLanImgDiv {
		width: 1200px ; 
		margin-left: auto ; /* enables centring */
		margin-right: auto ; /* enables centring */
		padding-top: 10px ;
		padding-bottom: 0px ;
		}
	#banLanImgDiv img {
		width: 80px ;
		margin-right: 100px ;
		float: right ;
		}
	#banLanImgTxtDiv { /* temp styles while text rather than image */
		color: rgb(100%, 100%, 100%) ;
		font-size: 1.9em ; 
		padding-top: 0.1em ; 		
		padding-bottom: 0.3em ; 		
		}
	#hamBarIco_dis { display: none ; }
	#navBarTop { 
		margin-left: 0px ; 
		}
	#colA {
		position: fixed ;
		z-index: 1
		top: 100px ;
		}
	#navBarLef { 
		height: 85vh ; /* was 88 */
		padding-top: 20px ;
		}
	#colB {
		margin-top: 100px ;
		padding-left: 330px ; /* 30px increased by colA width ; */
		padding-right: 30px ;	
		}
	#screenTitle {
		font-size: 3em ; 
		padding-top: 1em ;
		padding-bottom: 0.7em ; 
		font-weight: 200 ; 
		} 
	h3 {	/* heading for a section of a page or so */
		font-size: 180% ; 
		font-weight: 200 ; 
		border-top: rgb(0%, 63%, 89%) 2px solid ;
		padding-top: 0.6em ;
		}
	h4 {	/* heading for several sections per page */
		font-size: 140% ; 
		font-weight: 200 ; 
		border-top: #DDD 1px solid ;
		padding-top: 0.5em ;
		margin-top: 0 ; 
		margin-bottom: 0px ; 
		padding-bottom: 0.3em ; 
		}

	}

#navBarTop td {
	/* nb: some duplicated with #navBarTop a ; */
	padding-left: 0px ;
	padding-right: 0px ;
	color: rgb( 100%, 100%, 100%) ; 
	font-weight: 500 ; 
	}

#navBarTop a {
	text-decoration: none ; 
	padding-left: 1em ; 
	padding-right: 1em ;
	font-weight: 500 ; 
	color: rgb( 100%, 100%, 100%) ; 
	}

#navBarTop a:hover {
	text-decoration: underline ; 
	}

#navBarLef { 
	overflow: auto ; 
	}

#mainTable {
	margin-top: 0px ;
	background-color: rgb(100%, 100%, 100%) ;
	margin-bottom: 30px ;
	}

#logo {
	display: none ;
	}

#colA {
	width: 300px ; 
	border-right: #000 1px solid ;
	}

#colA a {
	text-decoration: none ;
	display: block ;
	text-indent: -20px ;
	font-weight: 700 ; 
	font-size: 100% ;
	line-height: 1.15em ; 
	padding: 3px 0px 4px 40px ; 
	color: rgb( 0%, 20%, 60%) ; 
	}

#colA a:hover {
	text-decoration: underline ; 
	}

#current a {
	color: green ; 
	}

#colB {
	font-size: 90% ; 
	line-height: 1.5em ; 
	padding-bottom: 1em ; 
	}

#colB a {
	text-decoration: none ;
	}
#colB a:hover {
	text-decoration: underline ; 
	}

ul {
	margin-top: 3px ;
	margin-bottom: 3px ;
	margin-left: 15px ;
	padding-left: 15px ; /*McFaland says: use both (p121)*/
	}

ul li ul {
	margin-top: 3px ;
	margin-bottom: 3px ;
	margin-left: 5px ;
	padding-left: 5px ; /*McFaland says: use both (p121)*/
	}

.references td {
	vertical-align: top;
	}

#lastUpdated {
	font-size: 80% ;
	}




/* started 25.7.21 --------------------------------------------------------------------------------------- */