blockquote {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
}
.badlink {
/* not used */
	color: red; 
	background-color: #FC3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

p1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	}

p2 {
  	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 1.5;
}

.bigText {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:large;
}
.smlText {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:small;
}
.whiteText {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:small;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
H4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* unvisited link */
/* footer links near bottom of css */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: white;
}

body {
	background-color: black;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;

	
}

.centreDiv {
	text-align: center;
}
.lineOfBtns
{
    display: inline-block;
}
.textleft {
	font-family: Arial, Helvetica, sans-serif;
	
	text-align: left;
}

.unwrapcontainer {
    max-width: 80em; /* 1280 px */
	margin: auto;
}
.unwrapcontent
{
	overflow: hidden;
	/*padding: 1em; 1em 0em 1em trbl */
	width: 100%;
	background-color: #fff;
	
}
.container
{
	max-width: 70em; /* 1120 px */
	margin: 0 auto;
	
}

.header

{
  width:100%;
  height:20%;   /*the desired height */
  top:0;
  left:0;
  background-color:black;
  
}

/*justify appears to have no effect (was center)*/
.headerMenu
{
  text-align: justify;
  width:100%;
  height:20%;   
  
  bottom:0;
  left:0;
  background-color: black; /*  */;
}
.footer
{
  text-align: justify;
  width:100%;
  height:20%;   
  
  bottom:0;
  left:0;
  background-color: #FC3; /* sunglow */;
}

.img-responsive { width: 100%;
max-width: 1086px; /* max for header pic */
height: auto; 
}

.wrap-under-img {

float: left; 
margin: 3px 10px 3px 0px; 
}

.video-box {
	
	margin: 0 auto 0.5% auto;
	text-align: center; 
	max-width: 1280px; /* max for youtube */
	height: auto; 
}
.video-box-left {
	float: left; 
	margin: 0 auto 0.5% auto;
	text-align: left; 
	max-width: 1280px; /* max for youtube */
	height: auto; 
}

/*-------------------------------
videos on parliament page */

div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 374px;
  height: 230px;
  
}

div.desc {
  padding: 15px;
  text-align: center;
}



.vidWrap {
  padding: 0 6px;
  float: left;
  
}

@media only screen and (max-width: 700px) {
  .vidWrap {
  
    margin: 6px 0;
  }
  
}

@media only screen and (max-width: 500px) {
  .vidWrap {
    width: 100%;
  }
  
  
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*-------------------------------
END videos on parliament page */

.bio-box {
	/* not used */
	margin: 0 auto 0.5% auto;
	
	max-width: 1280px; /* max for pic & text */
	height: auto; 
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
	
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.nav-bar
{
	background: #fff;
	padding: 0;

}
/*justify only moved to LHS*/
.colbox {
	text-align: center;    
    text-justify:auto;  
}

.donatebutton {
	margin: 0;
	padding: 0;
	background-image:  url(https://www.yingiya.net/images/DonateBtn.png);
	/*submit button image set here*/
	
	font-size: 0.1px;
	color: #FFFFFF;
	text-align: center;
}
/* header footer links */
.linkyellow a {
	
	font-size:large;
	font-weight: bold;
	color: black; 
	background-color: #FC3;/* sunglow */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.linkblack a {
	/* new header menu link */
	color: #FFFF; 
	background-color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.chosenLink a {
	/* new header menu link */
	color: #FFFF; 
	background-color: black;
	border: 1px solid #FFFFFF; /* white border */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.linkwhite a {
	/* new header menu link */
	color: #FFFF; 
	background-color: yellow;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/* Create two equal columns that float next to each other */
.column {
  float: left;
  width: 50%;
}
.threeCol {
  float: left;
  width: 25%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* showtext not used */
#showText1 {
  width: 100%;
  text-align: left;
}
#showText2 {
  width: 100%;
  text-align: left;
}

@media only screen and ( max-width: 40em ) /* 800 was 40 640 */
		/* menu is  full width block for mobile */
		/* down to two pic columns */
		{
			
			.linkyellow a {
			/* footer links */

			font-size:small;
			font-weight: bold;
			color: black; /* sunglow */;
			background-color: #FC3;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			}
			p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:small;	
}
.bigText {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:medium;
}
.wrap-under-img {

float: left; 
margin: 3px 10px 3px 0px;
max-width: 180px; /* max for pic */
 
}
		}