/************************************************/
/* Date: 02/04/2019  David Urmston					*/
/* 															*/
/* 3col_leftNav.01.css                          */
/* Use with template 3col_leftNav.html          */
/************************************************/

/************************************************/
/* HTML tag styles in use 04th December 2018 OPCS Ltd          */
						
/************************************************/ 

body{
	background-image: url("../images/peacock_44_square.jpg");	/* NEW0158.square2000.jpg */
	font-family: Tahoma,sans-serif;
	color:#530363;			/* #58036A; */				
	margin: 0px;
	padding: 5px;
	
}

a{
	color:#042993;			/* #009933;  */
	text-decoration: none;
	border:0px;
}

a:link{
	color:#042993;			/* #006699;  */
	text-decoration: none;
	border:0px;
}

a:visited{
	color: #006699;
	text-decoration: none;
	border:0px;
}

a:hover{
	color:#23D881; 			/* #006699;  */
	text-decoration: underline;
	border:0px;
}

h1{
 	font-family: Tahoma,sans-serif;
 	font-size: 160%;
 	color:#58036A;			/* #008000;	/* #4a2885;		/*		009933;		/*	#334d55	*/
 	margin: 20px;
 	padding: 0px;
 /*	text-shadow: 1px 1px 1px #6A6A87;		*/
 	text-align: center;
}

h2{
 	font-family: Tahoma,sans-serif;
 	font-size: 150%;
 	color:#58036A;			/* #008000; */
 	margin-left: 10%;
 	margin-right: 10%;					
 	padding: 0px;
}

h3{
 	font-family: Tahoma,sans-serif;
 	font-size: 120%;
 	color:#58036A;		/* #008000; */
 	text-align: center;
}

h4{
 	font-family: Tahoma,sans-serif;
 	font-size: 100%;
 	font-weight:normal;
 	font-weight:bold;
 	color:#58036A;		/* #006666;	/*** 008000  ***/
 	margin-left: 5px;
 	padding: 0px;
}

h5{
 font-family: Tahoma,sans-serif;
 font-size: 100%;
 color:#58036A;		/* #006666;	/* 008000 */
 margin: 0px;
 padding: 0px;
}


/*********** New logo in Nav Bar *******************/

#navBar img{
	width: 90%;
	
	}



/**********  #navBar [position left / vertical / main container] ***********/

#navBar{
	position: fixed; 
	top: 2%;
/*	float: left; */
	width: 20%;
	margin-left: 20px;
	padding: 10px 10px 10px 10px;
	background-color:#ffffff;		/*	#F8FCF7;	 /* #EBF5E9;		/*	#EDF4EC; 		/* #eeeeee; */
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height:auto;
}

/***** #navBar links [position left / vertical] ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
}

#navBar ul {
	list-style: none; 
	margin: 0; 
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {
	border-bottom: 1px solid #EEE;
}

/* fix for browsers that don't need the hack */

html>body #navBar li {
	border-bottom: none;
}

/**** #sectionLinks [position left / vertical / inside #navBar ] ***********/

#sectionLinks{
	position: relative;
	margin-right:15px;
	padding: 0px;
	border-bottom: 1px solid #58036A;	/* ridge;	/*		#cccccc;  */
	font-size: 1em;
/*	text-indent:0.9em;	*/
/*	text-shadow: 1px 1px 1px #6A6A87;	/* #9090B6;  */
}

#sectionLinks h3{	/* was h4 */
	padding: 5px 0px 5px 5px;							/* 10px 0px 2px -10px; */
	color:#042993; 					/*	#009933; */
	font-size: 100%;
	border-top:1px;
	border-bottom:1px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #58036A;	/*	#cccccc;  */
	padding: 2px 10px 2px 0px;
	color:#042993;				/*	#006699; */
	border-bottom: 1px solid #58036A;
}

#sectionLinks a:hover{
	background-color:#F8EBEB;			/* #dddddd; */
}

#sectionLinks v:link{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

/******** a navigational aid, highlights the active page  *****/

#thispage {
	color:#FF0000;
	font-size:100%;
	background-color:#99CCCC;
	padding: 2px 0px 2px 10px;
	text-shadow: 2px 2px 2px #6A6A87;
	}
	
#thispage li, li li, li li li{
	color:#FF0000;
	background-color:#99CCCC;
	}	
	 
/******** #content  [position  central] **********************/

#content{
	background-color:#FFFFFF;
	margin-left:25%;
	position:relative;
	top:0px;
	float: left;
  	width: 60%;				/* 13/05/2018	*/
	z-index:2;
	color:#530363;
}

#content img{
	margin-left: 5%;
	margin-top: 5%;
	position: sticky;
	top: 2%;
}

/******* .feature styles [position inside #content] ***************/

.feature{
	background-color:#FFFFFF;
	padding: 0px 10px 10px 10px;
	font-size: 100%;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 5%;
	
}

.feature p{
	margin-left: 0%;
	margin-right: 5%;
}

.feature h1 {
	padding: 30px 0px 20px 0px;
	text-align: center;
}

.feature h3{
	font-family: Tahoma,sans-serif;
 	font-size: 120%;
 	color:#58036A;		/* #008000; */
 	text-align: center;
}

.feature img{
	margin-right: 80%;
	float: left;
	position: absolute;
	padding: 10px 10px 10px 0px;
	border:0px;
	height:200px;
	width:200px;
	clear: both;
}

.feature h3 a:link{
	color: #58036A;
	font-weight:bold;
	font-style: normal;
	
}


/****** .story styles  [position inside #content] ***********/

#story{
	background-color:#FFFFFF;
	clear: both;
	margin-left: 5%;
	margin-right: 5%;
	background-color:#FFFFFF;
	padding: 0px 10px 10px 10px;
	font-size: 100%;
}

#story p{
	padding: 0px 0px 10px 10px;
}

#story a:link{
	color: navy;
	font-weight:normal;
	font-style: italic;
}

#story img{
	margin-left: 5%;
	margin-right: 5%;
	padding: 2% 2% 2% 2%;
	width: 82%;
}

#story2 img{
	align-content: center;
	width: 82%;
}

.portrait img{
	margin-left: 10%;
	padding: 2%;
	height: 100%;
}

div #indented{
	margin-left: 10%;
	font-size: 90%;
	font-weight: bold;
}



/***** #siteInfo styles [ position bottom / horizontal ] *****/

.siteInfo_gallery{
	color:#ffffff;					/*	#58036A;			/* #cccccc;	*/

	}


#siteInfo{
	position: relative;
	bottom: 0px;

	background-color:#FFFFFF;
	clear: both;
	border: 1px solid #AD9BB1;				 /* #cccccc;  */
	border-top:none;
	font-size: 75%;
	color:#AD9BB1;					/*	#58036A;			/* #cccccc;	*/
	padding: 5px 5px 5px 5px;
 
	
}


#siteInfo img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
	border:0px;
	width:44px;
	height:44px;
}

.important{
	color: red;
	font-weight: bold;
	}
	
.important2{
	color: white;
	
	}

.large img{
padding: 4px 4px 4px 4px;
width: 800px;
align-content: center;

}