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

div#titles {
	color: #C8DA64; 
	background-color: #FFFFFF;
//	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: 260px;
    border: solid silver 0.5px;
    padding: 8px;
    height: 250px;
    font-size:0.80em;
}

div.person img {
    width: 100%;
margin: 0 auto;
}

.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: 1.2em;
    text-align: center;
 }
.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 { 
    /*border: solid silver 1px; */
  <!--  height: 500px; -->
    overflow-y:auto; 
    width:100%; 
    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:2.6em;
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 )  */
}


.v8caption {
    font-size: 0.9em;
    color:navy;
   font-style: italic;

 }