a, a:link,a:visited,a:hover {background-color: transparent; color: #008000;}

div#titles {
	color: #C8DA64; 
	background-color: #002147;
	background-image: url('images/titlebg.jpg');
	background-repeat: repeat-x; 
	overflow: hidden;
	-ms-background-size: contain;
	background-size: contain;
}

div#titles img {
	width: 100%;
	max-width: 800px;  
	-moz-min-width: 400px;
	-ms-min-width: 400px;
	-o-min-width: 400px;
	-webkit-min-width: 400px;
	min-width: 400px;
	border: none;
}

/****************************** Homepage Section *********************************/
#HPContent { background-color: #FFFFFF;  color: #282828; }
#HPmarginLeft { background-color: #F1F6E2;  color: #808040; }
#HPmarginLeft a,#HPmarginLeft a:link,#HPmarginLeft a:visited,#HPmarginLeft a:hover { background-color: transparent;  color: #008040; }
#HPmarginRight { background-color: #000000;  color: #000000; }
#HPmarginRight {text-align: center;}
#HPmarginLeft img {max-width: 100%;  margin: 0 auto;}
#HPmarginRight img {max-width: 100%; padding: 0.5em 0;}

/* Homepage padding */
.content-box { padding: 2em; }

/* Custom styling */
.nivo-controlNav { margin-top: -20px; }

div.person {
	float: left;
	width: 290px;
	border: solid silver 0.5px;
	padding: 8px;
	height: 420px;
	font-size: 0.70em;
}
	
div.person img {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 0.6em;
}

.carousel-control.left {background-image:none !important;}
.carousel-control.right {background-image:none !important;}
.carousel-inner .item  img {display: block; margin: 0 auto;}

.slidecaption {
	font-size: 1em;
	text-align: center;
	margin-bottom: 2em;
	color: navy;
 }

.infospan { display:block; }
.pink {background-color: pink;}
.aqua {background-color: aqua;}
.lightgreen {background-color: lightgreen;}
.yellow {background-color: yellow;}

.newsblock {
	font-size: 0.90em;
	text-align: center;
	border: 0;
}

.newsblock img { width: 100%;max-width: 500px; }

/* OPS page table */
#opstableheader {
	width: 80%; 
	margin: 1em 0 0 0;
	border: 1px solid grey;
}

#opstableheader th {
	border: 1px solid grey;
	padding: 7px 5px;
	color: white;
	background-color: #002147;
}

#opstablebodydiv {
	height: 406px;
	margin: -1px 0 2em 0;
	border-bottom: 1px solid grey;
}

#opstablebodydiv table {
	width: 80%; 
}

#opstablebodydiv table td {
	border: 1px solid grey;
	font-size: 0.9em; 
	padding: 3px 3px 15px 3px;
}

#opstablebodydiv table tr:nth-child(even) {background: #f0f0f0}
#opstablebodydiv table tr:nth-child(odd) {background: white}

.pagefill {
	background-color: #002147;
	height: 300px;
	margin-top: 3.9em;
	color: white;
	font-size: 0.9em;
	padding: 2em 3em;
}

.pagefill a, .pagefill a:link, .pagefill a:visited, .pagefill a:hover {
	background-color: transparent; 
	color: silver; 
	text-decoration: underline;
}

.filldisplay { display: block; margin: 0 auto; width: 100%; }

.ullists { 
	overflow-y: auto; 
	width: 95%; 
	font-size: 0.9em; 
}

.ullists li { margin-top: 0.5em; }
.ullists2 { width:90%; font-size: 0.9em; }
.ullists2 li { margin-top: 0.5em; }

h4.sectiontitle {
	margin-top: 2.6em;
	margin-bottom: 1.3em;
}

.spacetop1 {margin-top: 1.3em;}
.spacetop2 {margin-top: 2.6em;}
.spacebottom1 {margin-top: 1.3em;}
.spacebottom2 {margin-top: 2.6em;}
.centred { display: block; margin-left: auto; margin-right: auto;}

/*  This turns off the default footer display but we don't allow others to do this, only Oxford shhh */
#southRegion {
	display: none;
}

div#websiteList {
	margin: 0 0 2.6em 0;
}

figure.websamples {
	float: left;
	border: solid silver 3px;
	padding: 0.8%;
	width: 32%;
	margin: 0.6666666665%;
}

figure.websamples img {
	width: 100%;
	margin: 0 auto;
}

figure.websamples figcaption {
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (max-width:599px) {
	figure.websamples {width: 99%; margin: 0.45%;}
}

@media screen and (min-width:600px) and (max-width: 999px) {
	figure.websamples {width: 49%; margin: 0.45%;}
}

@media screen and (min-width:1000px) and (max-width:1499px) {
	figure.websamples {width: 32%; margin:  0.6666666665%;}
}

@media screen and (min-width:1400px) {
	figure.websamples {width: 24%; margin:  0.45%;}
}

.v8news {
	max-width: 60%; 
	margin:10px auto; 
	padding: 20px; 
	font-size: 1em; 
}

.v8news h4 {
	margin-top: 2.2em;
	color: #0000A0 ;
}

h4.v8title {
	margin-top: 0;
}

.v8news img {
	margin-top: 0.1em;
	padding: 10px;
	border: solid 1px silver;
	min-width: 50%;
	max-width: 95%;
}

.v8news img.v8titleimage {
	border: 0;
	float: left; 
	margin: 0 15px 15px 0;
	max-width: 40%;
}

/* Example of moving menu under banner (doesn't affect explore page) */
@media screen and (min-width: 1010px) {
	div.navbar {margin-top: 162px;} /* = titles height) */
	div#titles {margin-top: -213px;} /* 117px + 51px (= -(titles height + navbar height) ) */
	div#centerRegion {margin-top: 51px;}  /* 0px + 51px (= required margin in px + navbar height )  */
}

.v8textintro {
	padding: 10px;
	font-size: 0.9em;
	color: #000000;
	margin-top: 2px;
 }

.v8caption {
	padding: 10px;
	font-size: 0.9em;
	font-style: italic;
	color: #000000;
	margin-top: 2px;
	margin-bottom: 30px;
 }

.v8videocaps {
	padding: 10px;
	font-size: 0.8em;
	font-style: italic;
	color: navy;
	margin-top: 2px;
	margin-bottom: 30px;
 }





.v8mainheadings {
	margin-top: 90px;
	padding: 10px;
	font-size: 2.5em;
	font-name: arial;
	color: navy;
}

.v8headings {
	margin-top: 30px;
	padding: 5px;
	font-size: 1.5em;
	font-name: arial;
	color: navy;
}

.v8subheadings {
	margin-top: 40px;
	font-size: 1.3em;
	font-name: arial;
	color: navy;
}

.v8title {
	font-size: 1.4em;
	color: navy;
	margin-top: 10px;
	margin-bottom: 30px;
}

.v8present {
	max-width: 960px;
	padding: 20px;
}

.v8present img {
	 margin-top: 50px;
	max-width: 100%;
}

.v8main {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em 0;
}

/* Video Page CSS 
div.videopage {
    margin-top: 1em;
    max-width: 960px;
}

#videos div {
    display: none;
    height: 455px;
    border: 3px solid black;
    padding: 15px;
    margin: 15px auto;
}
@media screen and (max-width:599px) {
        #videos div {
            height: 355px;
          }
}

#videos div {
    text-align: center;
}
#videos video {
	width: 555px;
	max-width: 100%;
	max-height: 400px;
}

#videos div h2 {
    margin-top: 0;
    font-size: 1.1em;
}

#videos div p {
    font-size: 0.6em;
    margin-bottom: 2em;
    text-align: left;
}

#videos div.currentvid {
    display: inherit;
}

div.videopage .videothumb {
    width: 100%;
    margin: 0 3px 3px 3px;
    padding: 4px;
    border: 3px solid transparent;
    height: 150px;
    text-align: center;
    cursor: pointer;
}

div.videopage .videothumb img {
    max-width: 100%;
}

div.videopage .videothumb.selectedvideothumb {
    border: 3px solid black;
}

div.videopage .videothumb figcaption {
    font-size: 0.6em;
    text-align: left;
}


@media screen and (max-width:599px) {
        div.videopage .videothumb {
            height: 140px;
          }
    div.videopage .videothumb figcaption {
      font-size: 0.8em;
       text-align: left;
    }
}

#thumbs {
    height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid Black;
}

*/

.v8vid {
width: 70%;
margin: 1em auto;
}

.v8vid video {
margin-top:2em;
}

.v8vid p {
font-size:0.9em;
}


.navbar li, .navbar li {
font-size: 0.8em;
}


ul.dropdown-menu li {
font-size: 0.95em;
}


.v8vid button.btn {
width: 300px;

}

.v8feature {
	font-size: 0.9em;
	margin: 3em auto;
}

.v8feature h2 {
	font-size: 1.7em;
	font-name: arial;
	color: navy;
}

.v8feature p {
	color: #000000;
	margin-bottom: 1em;
}

.v8feature figure img {
	width: 100%;
}

.v8feature figure figcaption {
	font-style: italic;
	color: #000000;
	margin-top: 0.5em;
	margin-bottom: 30px;
}



.navbar li a, .navbar li a:hover, .navbar li a:visited, .navbar li a:link, 
.navbar li a:focus, .navbar li.active a, .navbar li.active  a:hover, .navbar li.active a:visited, 
.navbar li.active a:link, .navbar li.active a:focus {
color: black;
}



.v8ReleaseNotes {
    max-width: 960px;
    margin: 0 auto;
    padding: 1em 0;
}

.v8ReleaseNotes H1 {
	margin-top: 2em;
}

.v8ReleaseNotes H2 {
	margin: 1em 0;
}

.v8ReleaseNotes  ul {
	font-size: 0.9 em;
	margin-bottom: 2em;
}

/* This maintains the font-size for sub-lists at the same size as the parent list */
.v8ReleaseNotes  ul ul {
	font-size: 1 em;
}

.v8ReleaseNotes  ul li {
	margin-bottom: 0.5em;
}