html{
	background:url(../images/backdrop2.jpg)no-repeat center center fixed; 
	  -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	 background-size: cover;
    
   /* background-repeat: no-repeat;*/
	
}

#Header{
	display:block;
	position:fixed;
	top:2%;
	left:2%;
	z-index:50;
	font-size:28px;
	color:#FF0;
}





.box {
	height:100%;
   /* border-radius: .3em;*/
    box-sizing: border-box;
   /* border: 4px solid #999;*/
   
   /*background: #E6E3D4;*/
}


.tb{

}




body, html{
	
	height:100%;
	margin: 0;
	padding:0;
}


.pagecontainer{
	/*position : fixed;*/
	height:100%;
	
	display:-webkit-flex;
	display:flex;
	flex:1;
	flex-direction:row;
	flex-flow:row;
	margin: 0;
	padding: 0;
	 align-content: stretch; 
	/*background-color:#f00;*/
}


.mainflex1{
	
	 -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
	flex:1;
	
	/*background-color:#09F;*/
}

.mainflex2{
	
	 -webkit-order: 1;
   
    order: 1;
	display:-webkit-flex;
	display:flex;
	flex:3;
	/*background-color:#F00;*/
	flex-direction:column;
	flex-flow:column;
	/*background-color:#FF0;*/
}

.sidebar1 {
	
	 order: 0;
	display:-webkit-flex;
	display:flex;
	flex-flow:column;
	flex:1;
	/*border :1px solid #333;*/
	/*background-color:#CC3;*/
	justify-content:space-between ;
	/*background-color:#0F0;*/
	
}

.sidebar1-1{
	 -webkit-order: 0;
   
    order: 0;
	
	 box-sizing: border-box;
	 margin:-6px;;
}

.sidebar1-2{
	 -webkit-order: 1;
   
    order: 1;
	 box-sizing: border-box;
	text-align:center;
}

.sidebar1-3{
	 -webkit-order: 2;
    
    order: 2;
	 box-sizing: border-box;
	padding-bottom:1em;
	/*background-color:#960;*/
	
}





.rself{
	align-self:flex-end;
	 text-align:right;
	 margin-right:1em;
}

.lself{
	flex:1 1 0;
	align-self:flex-end;
	
	 text-align:left;
	 margin-right:1em;
	
}







.mainContainer{
	height:100%;
	 order: 1;
	 
	display:-webkit-flex;
	display:flex;
	flex:3;
	flex-flow:column;
	/*border :1px solid #333;*/
	/*background-color:#CC3;*/
	z-index:50;
}






#content2 img {
   	
    width: 50%;
	height:auto;
   max-width: 20em;
    
}

#content2{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border-style:double;
	border-color:#999;
	border-width:6px;
	
	background-color: #FFFFFd;
	-moz-box-shadow:20px 20px 5px #ccc;
	box-shadow:10px 10px 7px #777;
	display:flex;
	
	
	flex-flow:column;
	
	height:65vh;
	-moz-height:40%;
	overflow-y: scroll;
	width:100%;
	margin-bottom:7%;
	/*background-color: #F60;*/
}

#text1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:justify;
	line-height:2em;
	/*text-indent:2em;*/
	margin:1em;
	margin-top:2em;
	color:#000;
}


#text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	line-height:2em;
	/*text-indent:2em;*/
	margin:1em;
	margin-top:2em;
	color:#000;
}

.sidebar2 {
  
	height:100%;
	order:2;
	display:-webkit-flex;
	display:flex;
	flex:1;
	flex-flow:column;
	/*border :1px solid #333;*/
	/*background-color:#CC3;*/
	
	/*background-color:#0Ff;*/
	justify-content:space-between;
	text-align:right;
}


.sidebar2-1{
	 -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
	 box-sizing: border-box;
  /* border: 4px solid #999;*/
   
   /* background: #E6E3D4;*/
	
}

.sidebar2-2{
	 -webkit-order: 1;
   
    order: 1;
	 box-sizing: border-box;
	 width:80%;
	padding-left:2em;
	
 /*  border: 4px solid #999;
   
    background: #E6E3D4;*/
	
}

.sidebar2-3{
	order: 2;
	border-radius: .3em;
    box-sizing: border-box;
	padding-right:1em;
	padding-bottom:1em;
   /* border: 4px solid #999;
   
    background: #E6E3D4;*/
}








img{
	flex:0 1 auto;
	height:100%;
}







.small{
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight:bold;
}



.big {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size: 52px;
	font-weight:bold;
	font-style:italic;
	font-stretch:condensed;
	text-size-adjust:none;
	color:#F09;
	text-shadow: 1px 1px black, 1px 1px 2px #666600, 2px 2px 3px #666600, 3px 3px 4px #444400, 4px 4px 5px #444444;
}



#nav {
	
	
	padding-top:10px;
	padding-bottom:1em;
	/*background-color:#0FF;*/
	height:50px;
	
	/*background:rgba(100,100,200,.9);*/
	
	
}

#nav ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:         center;

	
	padding-bottom:.2%;
	
	list-style:none;
	background-color:#FFffCc;
	box-shadow:10px 10px 16px #333;
	border-radius:14px;
	height:2em;
	z-index:40;
	
}


/*Main Nav text initiation*/
#nav ul li{
	/*display: inline-block;*/

	
	padding-right:2em;
	padding-bottom:1em;
	cursor:pointer;
	width:3em;  /* width of each menu text holder*/
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	
	
	
	
}


/*Main Nav Text display and colouring*/
#nav ul li a{
	
	display:block;
	padding-top:.25em;
	padding-bottom:.25em;
	width:5em;
	text-algn:center;
	color: #444;
	text-decoration:none;
	
	
	
}


/* Reset How Text is displayed on rollover ( all menus) */
#nav a:hover, #nav a:focus, #nav ul li.subnav a:hover {
	color: #f00;
	text-shadow: 1px 1px black, 1px 1px 2px #666600, 2px 2px 3px #666600, 3px 3px 4px #444400;
}



.flex-container{
	display: -webkit-flex;
	
	display: flex;
	
	
	
	width:95%;
	background-color:#fffffe;
	border-radius:1em;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-flow: row; /* or direction*/
	margin-bottom:1.5em;
	margin-left:1em;
}



.flex1{
	-webkit-flex:1;
	-ms-flex: 1;
	flex:1;
	flex-basis: 2em; 
	/* background-color:#C3F;*/
}

.flex2{
	-webkit-flex:1;
	-ms-flex: 1;
	flex:1;
	/*background-color:#F90;*/
}

.flex3{
	-webkit-flex:1;
	-ms-flex: 1;
	flex:1;
	/*background-color:#0C0;*/
}

.flex-container1 img {  	
    width: 70%;
	height:auto;
    max-width: 30em;
    max-height:20em;
}

.flex-container2 img {  	
    width: 40%;
	height:auto;
    max-width: 30em;
    max-height:20em;
}

.sidebar1 img{
	width: 80%;
	height:auto;
    max-width: 30em;
    max-height:20em;
}

.flex-container1{
	margin-top:1.5em;
	justify-content:center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:flex;
	-webkit-flex: 1;
	flex:1;
	flex-direction: row;
	
	 -webkit-flex-flow: row;
	flex-flow: row; /* or direction*/
	  /*min-width: 0;*/
	text-align:center;
}

.flex-container2{	
	border: 1px solid #333;
	
	width:60%;
	margin:auto;
	margin-top:2%;
	margin-bottom:5%;
	background:rgba(255,255,210,.2);
	/*height:3em;*/
	-webkit-flex:1;
	flex:1;
	-webkit-flex-flow:column;
	flex-flow: column;
	align-content:center;
	border-radius:2em;
	box-shadow:10px 10px 16px #333;
	/* min-width: 0;*/
	 padding-bottom:1em;
	 text-align:center;
}






/*_________________________________________________*/




/*}*/

/*______________________________________________*/



@media (min-width:1024px) and (max-width:1479px){ 

#nav ul li{
	
	width: 3em;
	font: 1em Georgia, "Times New Roman", Times, serif;
	
}

.big{
	font-size:32px;
}

.grey_b_18{
	font-size:14px;
}

.black_b_16{
	font-size:14px;
}


}

/*______________________________________________*/



@media all and (min-width:800px) and (max-width:1023px) {
	

	#nav ul li{

	width: 3em;
	font: 0.75em Georgia, "Times New Roman", Times, serif;
}

.big{
	font-size:24px;
}

.pagetitle {	
	font-size: 18px;	
}


.grey_b_18{
	font-size:12px;
}

.black_b_16{
	font-size:10px;
}

}

/*______________________________________________*/

@media all and (min-width:400px) and (max-width:820px) { 


#nav ul li{
	
	width: 2.9em;
	font: 0.75em Georgia, "Times New Roman", Times, serif;
	
}
.big{
	font-size:24px;
}

.pagetitle {	
	font-size: 18px;	
}

.grey_b_18{
	font-size:10px;
}


}