/* Over-ride CSS for DTG Bootstrap site */

body {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(/images/nav/pyjama.gif);
	}
/* Because we've given body a background we need to set the container to white */
.main-container {
	background-color: #fff;
	text-align: left;
	}
.container-top {
	height: 30px;
	}
/* Prefer smaller headings */
h1 {
	font-size: 32px;
	}
h2 {
	font-size: 24px;
	}
h3 {
	font-size: 20px;
	}
hr {
	border-color: #74b4db;
	border-width: 2px;
	}
/* Use the medium width window not the very wide one */
@media (min-width: 950px) {
	.container {
		max-width: 920px;
		}
	}
/* Top navigation bar over-rides */
.navbar {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 86%;
/* Over-ride default corners */
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	}
/* Lift DTG logo in bar a little */
.navbar-brand {
	position:relative;
	bottom:7px;
	}
ul.nav li a {
	font-size: 100%;
	text-transform: uppercase;
	padding-left:11px;
	padding-right:11px;
	}
ul.nav li li a {
	text-transform: none;
	}
/* Subtitle for drop-down */
div.navbar li.dropdown li.divider + li {
	 font-style:italic;
	 padding-left: 10px;
 }

/* Shrinks menu bar slightly for smaller windows eg iPad landscape */
@media (max-width: 992px) {
	div.navbar ul.nav li a {
		font-size: 80%;
		padding-left:5px;
		padding-right:5px;
		}
	 div.navbar li.dropdown li.divider + li {
		font-size: 80%;
		padding-left: 5px;
		}
	}
 
/* Header CSS to give full width responsive images */
#header {
	width: 100%;
	}
#header img {
	width: 100%;
	}

/* Set all links to this blue colour */
a {
	color: #306;
	}
 
/* Add padding to shallow pages */
#mainContent {
	min-height:400px;
	}

/* Make blockquote the same size as normal font */
blockquote {
	font-size: 100%;
	}

/* Customize container 768 (752?) pixels should catch iPad and iPhone6 */
@media (max-width: 767px) {
	body {
		padding:0px;
		}
	.navbar {
		margin-top: 0px;
		}
	ul.nav li a {
		font-size: 100%;
		}
	div.navbar li.dropdown li.divider + li {
		font-size: 100%;
		padding-left: 24px;
		color: #eee;
		}
	div#footer div.social img {
		margin-top:0px;
		margin-bottom:10px;
		}
	}
.header-container {
	padding: 0px;
	}

.breadcrumb {
	background-color: #fff;
	margin: 0px;
	padding-left: 0px;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
	}

.breadcrumb li {
    display: inline;
}

/* Over-rides standard pill nav behaviour to give mild background colour */
.nav-pills>li>a {
	background-color:#dcdcdc;
	}
.nav-pills>li.active>a {
	background-color:#428bca;
	}

ul.nav-pills>li {
	font-size: 90%;
	margin-left: 0px!important;
	margin-right: 5px!important;
}
ul.nav-pills li:last-child {
	margin-right: 0px!important;
}


/* the names of these pic classes must not be changed */
/* they're in legacy pages */
.pictopright {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
.pictoprightborder {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 2px solid #666;
	}
.pictopleft {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	}
.pictopleftborder {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #666;
	}
.pic {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}
.picborder {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: 1px solid #666;
	}

#footer {
	font-size: 90%;
	margin-left: -16px;
	margin-right: -16px;
	margin-top: 10px;
	}
div#footer div.firstfoot {
	background-color: #000;
	color: #ccc;
	margin:0px;
	text-align:center;
	padding: 10px;
	}

div#footer div.secondfoot {
	background-color: #666;
	color: #fff;
	margin:0px;
	text-align:center;
	padding: 10px;
	}
div#footer div.social img {
	margin-left: 20px;
	margin-right: 20px;
	}
#footer a {
	color: #fff;
	}

#mainContent ul li {
	margin-bottom: 0.5em;		
	}
.sidebar {
	margin-top: 30px;
}

/* Don't think this is being used now */
.row.vertical-divider {
	overflow: hidden;
	}
.row.vertical-divider > div[class^="col-"] {
	text-align: center;
	padding-bottom: 100px;
	margin-bottom: -100px;
	border-left: 1px solid #74b4db;
	border-right: 1px solid #74b4db;
	}
.row.vertical-divider div[class^="col-"]:first-child {
	border-left: none;
	}
.row.vertical-divider div[class^="col-"]:last-child {
	border-right: none;
	}

/* Style tooltips */
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-color: #74b4db;
	border-width: 5px 5px 0;
	}
.tooltip-inner {
	color: #fff;
	font-weight: bold;
	background: #74b4db;
	border: solid 1px #74b4db;
	}
/* Darken table zebra */
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #dcdcdc;
	} 
 /* For news story listings */
div.navlist {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #eee;	 
	}
/* Stop inline form stacking on narrow screens */
.form-inline .form-control {
	width:auto;
	display: inline-block;
	}
.form-inline .form-group {
	display: inline-block;
	}
/* New button colour for footer */
.btn-dark {
	background-color: #666;
	}
/* 'Hack' to fix IE responsive image stretch problem ... maybe */
.img-responsive {
	width: auto;
	}
/* Add margine on embedded video divs */
div.embed-responsive {
	margin-top: 1em;
	margin-bottom: 1em;
	}
form#memberSignup2 {
	margin-top: 20px;
	}

#titlecolour {
	 color:red
	}