html {
  /* position: relative; */
  /* min-height: 100%; */
  /* Great fix for "jumping scrollbar" issue where scrollbar pops up on RHS and makes content jump between long and short pages - ref https://aykevl.nl/2014/09/fix-jumping-scrollbar */
  /* width:100vw;*/ 
  /* overflow-x:hidden;*/ 
  
	max-width: 1200px;
  	margin: 0 auto !important;
	float: none !important;
  }

body {
	/*padding-top:200px;  */
	margin-bottom: 20px; /* Allow for footer */
	max-width: 1200px;

	}
	
	
	.container-fluid {
  max-width: 1200px; 
}
	
/* Top Nav */

#navbar ul li > a {font-weight:bold;}




/* navbar styling experiment */

.navbar-fixed-bottom, .navbar-fixed-top {
	/* position: fixed; Not changed */
	/* right: 0; */
	/* left: 0; */
	/* max-width: 1366px; */
	
}

.navbar-default {
  background-color: #337ab7;
  border-color: #0A739A;
  }
  
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #337ab7;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #0A739A;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #0A739A;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #0A739A;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #0A739A;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #0A739A;
}
.navbar-default .navbar-toggle {
  border-color: #0A739A;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #0A739A;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #0A739A;
  }
}


/* End navbar styling experiment */

/* Header */

#header	{
	background-color: #fff; 
	/* min-height:66px;*/
	margin: 40px auto 5px auto; 

	/* height:76px; */ /* Not sure if this is a risk - may depend on font rendering */
	width:100%;
	z-index:2;
	}

#header	img {padding: 5px 5px;}
	
/* No longer used */
#header h1 {
	visibility: hidden; /* Heading provides content for div, but is hidden because it's not required */
	font-size:small; /* To avoid oversize header */}
	
/* Left menu styles */

.btn-group-vertical {
	margin-right:15px;
	float:right;

}

a.btn-primary {
	color:#fff;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	
	/* RJW 23/02/17 Contribute doesn't load the Bootstrap stylesheet from remote location, button is invisible */
	background-color: #337ab7;
	border-color: #2e6da4;
	}

/* Content styles */
.home-intro {
  padding: 0px 15px;
  text-align: center;
  }

.col-sm-4 { padding-left: 8px; padding-right: 8px;}
 
.home-box {
	/* NB most the box settings come from Bootstrap's built-in thumbnail class - this is for personalisation */
	/* background-color: rgb(51, 122, 183); */
	padding: 5px 5px 5px 5px;
	}

.home-box p.lead { 
background-color: rgb(51, 122, 183);
color:#fff;
	}
	
.home-box p{
	/* NB most the box settings come from Bootstrap's built-in thumbnail class - this is for personalisation */
	background-color: #fff;
	padding:10px 10px 10px 10px;
	}

/*-- Fancy animated tabs on Awards page */ 
.ted-adams-tabs {
    margin-right: 0;
    margin-left: 0;
    background-color: #fff;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ted-adams-tabs p {font-weight:bold;font-size:18px;line-height: 300%;margin-left:30px;}
.ted-adams-tabs a {font-weight:bold;}

.ted-adams-tabs p.asterisk {font-weight:normal;font-size:14px;font-style:italic;margin-left:30px;}

/* Typography */

h2 {font-size:22px;margin-top:15px;}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
	
.jumbotron p{font-size: 14px;} 

.jumbotron {margin-bottom:10px;margin-top:10px;}

p.header-caption {
	margin: 5px 30px 0px 5px;
	text-align:right;
	font-style:italic;
}

/* Animated sidebar */	
/*-- From https://blackrockdigital.github.io/startbootstrap-simple-sidebar/ */


.footer {
  margin-top:5px;
  position:fixed; 
  bottom: 0; 
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 20px;
  background-color: #f5f5f5;
}