#darkribbon {padding:2px 0 5px 0;  background-color:#06477D}

#darkribbon p{color:#ffffd0; padding:8px 0 0 0 ; text-align:center; font-family:Verdana; font-size:1.1em}
#darkribbon a{color:#ffffd0; text-decoration:none; font-family:Verdana; }
#darkribbon a:hover {color:#ffffd0; text-decoration:underline; font-family:Verdana; }


#whiteribbon {padding:1px 0 1px 0; background-color:#fff}
 /* ===== makes the white gap for coloured containers ===== */

 
#ribbon {padding:2px 0 5px 0; background-color:#8DA1CD;  border-top:solid 1px #fff;}

#ribbon p{color:#ffffff; padding:8px 0 0 0 ;  text-align:center; font-family:times new roman; font-style:italic; font-size:1.2em}
#ribbon a{color:#ffffff; text-decoration:none; font-family:Verdana; }
#ribbon a:hover {color:#ffffff; text-decoration:underline; font-family:Verdana; }
 /* ===== if you designate anything in here for  a links  it will affect any buttons in the ribbon ===== */

#ribbon h2 {font-family:times new roman; font-style:italic; font-style:bold; text-align:center;
margin: 2px 0 0 0 ;font-size:2.7em;  color:#ffffff;}

#ribbon h1 {font-family:times new roman; font-style:italic;  font-style:bold; text-align:center;
margin: 0 ;font-size:2.3em;  color:#61177c;}

#ribbon h3 {font-family:'times new roman'; font-style:italic; font-style:bold; text-align:center;
margin: 2px 0 0 0 ;font-size:2em;  color:#ffffff;}

#ribbon h4 {font-family:arial; font-style:bold; text-align:center;
margin: 10px 0 0 0 ; color:#ffffff;}


 /* ===== #8DA1CD pale blue  61177c purple ===== */

/* ---  #ffffd0 cream ---*/

#contact-xs {padding: 6px;    background-color:#61177c;}

#contact-xs h1 {color:#fff; font-family:'times new roman'; font-style:italic; font-size:1.6em; text-align:center; margin: 0 0 8px 0;}
#contact-xs h1 a {color:#fff; font-family:'times new roman'; font-style:italic; font-size:2em; text-align:center; margin: 0 0 4px 0;}

#contact-xs p {color:#fff; font-family:Verdana; font-size:1.2em;  text-align:center;}
#contact-xs p a{color:#fff; font-family:Verdana; font-size:1.2em;  text-align:center;}

#contact-xs h2 {font-family:'times new roman'; font-style:italic; font-style:bold; text-align:center;
margin: 4px 0 0 0 ; color:#ffffff;}

#contact-xs h2 a {font-family:arial; font-style:bold; text-align:center;
margin: 4px 0 0 0 ; color:#ffffff;}


/* ---  navbar-brand is the title visible only in small scale ---*/

.navbar-mind .navbar-brand{
color:#61177c;
font-family:Arial;
  float: left;
  height: 34px;
  padding: 0 0 0  10px;
  font-size: 1.7em;
  line-height: 20px;
 
}



.navbar-mind {background-color:#8DA1CD;color:#fff;margin:0;border:0;
  border-bottom:solid 1px #fff;  border-top:solid 1px #fff;}

.navbar-mind .nav{font-size:1.2em;margin-left:-15px}

.navbar-mind .nav a{color:#fff;}
/* ---  menu link text colour ---*/

.navbar-mind .nav a:hover {background-color:#61177c; color:#fff;}
/* ---  hover colour ---*/

.navbar-mind .nav li.active a {background-color:#61177c; color:#fff;}
/* ---  current page identified by li class=active ---*/

.navbar-mind .nav a:focus {background-color:#61177c; color:#fff;}
/* ---  colour when clicking ---*/




.navbar-mind .dropdown-menu {box-shadow:none;color:#000;background-color:#8DA1CD; font-size:1.3em;}

 .navbar-mind .dropdown-menu a{color:#fff; padding:16px}
/* ---  menu link text colour ---*/

.navbar-mind .dropdown-menu a:hover {background-color:#61177c; color:#fff;}
/* ---  hover colour ---*/

.navbar-mind .dropdown-menu li.active a {background-color:#61177c; color:#fff;}
/* ---  current page identified by li class=active ---*/

.navbar-mind .dropdown-menu a:focus {background-color:#61177c; color:#fff;}
/* ---  colour when clicking ---*/




/* ---  label for responsive 3 bars menu  ---*/

.menu-btn-name {
    float: left;
    color: #fff;
    display: block;
    padding-right: 6px;
	font-weight:bold;
	font-family: Arial;
	font-size:1.6em;
    line-height:20px;
}




/* ===== Footer ===== */

footer {

background: #8DA1CD; 


	margin-top: 0px; /* ===== no gap between last container and top of footer ===== */
	padding: 2px 0;
	color: #fff;
	font-family: Arial;
	font-weight:bold;
	}
footer a {
	color: #fff;
	line-height:30px;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}
footer .headline {
	border-bottom: 1px dotted white;
	margin-bottom: 10px;
}
footer .headline h3{
	text-transform: uppercase;
	font-family: Arial;
	font-weight:bold;
}
.legal {
	padding: 10px 0 10px 0;
	background: #8DA1CD;
	color: #fff;
	text-align:center;
	
}
.legal a {
	color: #fff;
	text-decoration: none;
}

.legal a:hover {
	color: #fff;
	text-decoration: underline;
}