body { 
font-size: 100%;	
color: #000000;
background-color: grey;
padding: 0;
margin: 0;
-webkit-text-size-adjust: 100%; }

#main { 
max-width: 900px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
border: 1px solid #0176a2;;
color: #000000;
background-color: #fffffa;
text-align: left;
 }

#masthead {
color: #000000;
background-color: #ccdde4; /*#e9ecfb #97dddd;*/
margin: 0;
padding: 0;
border-bottom: 1px solid #0176a2;
font-family: verdana, sans-serif;
font-weight: normal;
font-size: 0.75em;
text-align: left;
min-height: 45px;
padding: 0.2em 7% 0% 7%; }

#bannerimage { 
margin: 0;
max-width: 40%; }

#goog {
float: right;
margin: 1.2% 0 0 0;
padding: 0;
border: 0; }

#googmobile {
margin-top: 4px;
display: none; }

#mobilehome {
float: left; }

#mobilehome i {
color: #377c96;
margin: 0.1em 0.2em 0 0; }

#googmobile form {
margin-left:auto;
margin-right:auto;
width:250px; }

#maininner {
padding-left: 7%;
padding-right: 7%; }

.navhome {
margin: 0.1em 0 0 0;
border: 0;
padding: 0;
background-color: #377c96; /*#2f8181; navy #069 teale #2f8181 */
height: 2.2em;
}

.newnav {
width: 100%;
margin: 0;
}

h1 {
margin: 0.8em 0em 0.5em 0em;
color: #365d96;
font-family: verdana, sans-serif;
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #365d96; }

h2 { margin-top: .5em;
margin-bottom: .0em;
margin-left: 0;
margin-right: 0;
color: #365d96;
font-family: verdana, sans-serif;
font-size: 0.9em;
font-weight: bold; }

h2.music { margin-top: 1.2em;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
color: #365d96;
font-family: verdana, sans-serif;
font-size: 1.0em;
font-weight: bold; }

.references h2 {
overflow: hidden;
font-weight: normal;
color: black;
background-color: linen; } /*#f8f7ed beige*/

h3 { margin-top: .4em;
margin-bottom: .0em;
color: #365d96;
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 0.8em; }

p {
line-height: 1.40em;
margin-top: .2em;
margin-bottom: .6em;
font-size: 0.95em;
font-family: arvo, georgia, "Times New Roman", Times, serif;
font-weight: normal; }

.biblio p {
line-height: 1.20em;
margin-top: .5em;
margin-bottom: .4em;
font-size: 0.95em;
font-family: arvo, georgia, "Times New Roman", Times, serif;
font-weight: normal; }

p.smaller { margin-top: 0.7em;
line-height: 1.0;
margin-bottom: .8em;
font-size: 0.7em;
font-family: verdana, sans-serif;
font-weight: normal;
font-style: italic;
text-align: center; }

p.quotes { margin: .1em 2.0em .4em 2.0em ;
line-height: 1.0;
margin-bottom: .6em;
font-size: 1.1em;
font-family: monospace;
font-weight: normal; }

sup {
margin-top: 0.0em;
line-height: 0.7;
margin-bottom: 0.0em;
font-size: 0.7em;
font-family: verdana, sans-serif;
font-weight: normal;  }

td.mono {
font-family: "Courier New", Courier, monospace;
font-size: 1.1em;
font-weight: bold; }

ul { 
font-family: arvo, georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1.0em;
vertical-align: top; } 
 
li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0.4em 0px;
font-size: 0.9em;
line-height: 1.1; }

li.big {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0.4em 0px;
font-size: 0.95em; }

em
{ background-color: #c3ee85;
color: black;
font-style: normal;
font-weight: normal; }

em.lite
{ background-color: #defbd1;
color: black;
font-style: normal;
font-weight: normal; }

em.prop
{ background-color: #e0ffff;
color: black;
font-style: normal;
font-weight: normal; }

img {
max-width: 100%; }

/*----------------right floated images and captions*/
.fotocapcombo {
float: right;
width: 65%;
max-width: 370px;
border: 0;
background-color: #f1f1f1;
padding: 0;
margin: 6px 0px 6px 4px;
text-align: center; }

.fotocapcombo img {
border: 0px;
margin: 0px 0px 0px 0px;
border-collapse: separate;
-moz-box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
-webkit-box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
box-shadow: 2px 2px 4px hsla(0,0%,0%,.6); } 

.fotocapcombo p {
border: 0;
margin: 0 0 0.2em 0;
padding: 0.2em;
line-height: 1.0;
text-align: justify;
font-size: 0.75em;
font-family: verdana, sans-serif;
font-weight: normal; }
/*-------------end right floated images and captions*/

/*--------------------full width images and captions*/
.fotocapcombowide {
max-width: 100%;
border-right: 2px solid #f1f1f1;
padding: 0;
color: #000000;
background-color: #f1f1f1; /*#fffffa;*/
margin-left: auto ;
margin-right: auto ;
margin-top: 10px;
margin-bottom: 6px;
text-align: center;  }

.zoom { cursor: zoom-in; }

.fotocapcombowide img {
border: 0;
margin: 0;
border-collapse: separate;
-moz-box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
-webkit-box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
box-shadow: 2px 2px 4px hsla(0,0%,0%,.6); } 

.fotocapcombowide p {
margin: 0 0 0.2em 0;
padding: 0.2em 0.2em 0.3em 0.2em;
line-height: 1.0;
text-align: center;
font-size: 0.75em;
font-family: verdana, sans-serif;
font-weight: normal; }

.fotocapcombowide p.leftie { text-align: left;}
/* ------------------end full width images and captions*/


img.extern {
border: 0;
margin: 0;
padding: 0;
-moz-box-shadow: 0px 0px 0px hsla(0,0%,0%,.6);
-webkit-box-shadow: 0px 0px 0px hsla(0,0%,0%,.6);
box-shadow: 0px 0px 0px hsla(0,0%,0%,.6); }

.references { margin-top: 1.2em; }

.references p { margin-top: .4em;
line-height: 1.1;
margin-bottom: .4em;
margin-left: 0em;
font-size: 0.8em;
font-family: verdana, sans-serif;
font-weight: normal; }

.references li { 
line-height: 1.1;
font-size: 0.8em;
font-family: verdana, sans-serif;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px; }

#content p {
margin-top: .1em;
margin-bottom: .2em; }

#indexallleft {
float: left;
width: 47%;
border: 1px solid black;
background-color: #faf9ef;
padding: 0px 2px 3px 6px;
margin: 4px 0px 0px 0px;
 }

#indexallright {
float: right;
width: 47%;
border: 1px solid black;
background-color: #faf9ef;
padding: 0px 2px 3px 6px;
margin: 4px 0px 0px 0px;
 } 
 
.leftindex {
float: left;
width: 47%;
border: 1px solid black;
background-color: #faf9ef;
padding: 0px 2px 3px 6px;
margin: 4px 0px 0px 0px;
 }

.rightindex {
float: right;
width: 47%;
border: 1px solid black;
background-color: #faf9ef;
padding: 0px 2px 3px 6px;
margin: 4px 0px 0px 0px;
 }  

.indexes p { margin-top: .4em;
line-height: 1.0;
margin-bottom: .4em;
font-size: 0.85em;
font-family: verdana, sans-serif;
font-weight: normal; } 

.special {
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: #faf9ef;
padding: 0px 0px 3px 6px; 
line-height: 1.0;
font-size: 0.8em; }

/*this is for the list of appointments to police etc*/
.lister {
background-color: #faf9ef; }

.lister dl {
width: 100%;
margin: 0.2em 0 1.0em 0;
padding: 0.5em 0.3em;
background-color: #faf9ef;
color: black; }

.lister dt {
float: left; /*hope this is OK*/
text-align: left;
margin: 0 0 0.9em 0; /*0.3 if no float*/
font-size: 0.85em;
line-height: 1.2;
font-family: verdana, sans-serif;
font-weight: bold;
clear: both; }

.lister dd {
float: right;
width: 76%;
margin: 0 0 0.9em 0; /*0.3 if no float*/
padding: 0 0 0 0;
font-size: 0.85em;
line-height: 1.2;
font-family: verdana, sans-serif;
font-weight: normal; }

.lister em {
background-color: #f5e7ce; } /*was wheat*/

.lister a[href$='.pdf'] {
background-image: url("pdf2.png");
background-repeat: no-repeat;
background-position: center right;
padding-right: 15px; }

/*this is for timelines*/

.timeline dl {
width: 100%;
margin: 0.2em 0 1.0em 0;
padding: 0.5em 0.3em;
color: black; }

.timeline dt {
float: left; /*hope this is OK*/
text-align: left;
margin: 0 0 0.9em 0; /*0.3 if no float*/
line-height: 1.40em;
margin-top: .2em;
margin-bottom: .6em;
font-size: 0.95em;
font-family: arvo, georgia, "Times New Roman", Times, serif;
font-weight: bold;
clear: both; }

.timeline dd {
float: right;
width: 85%;
margin: 0 0 0.9em 0; /*0.3 if no float*/
padding: 0 0 0 0;
line-height: 1.40em;
margin-top: .2em;
margin-bottom: .6em;
font-size: 0.95em;
font-family: arvo, georgia, "Times New Roman", Times, serif;
font-weight: normal; }



.highlight {
background-color: #fafa85; } /*was yellow*/

.clearfix:after {
content:"";
display: table;
clear: both; }

a[title^='opens']:after {
   font-family: FontAwesome;
   font-size: 0.85em;
   content: "\f08e"; 
   display: inline-block;
   padding-left: 4px;}
   
a[href$='.pdf'] {
background-image: url("pdf.png");
background-repeat: no-repeat;
background-position: center right;
padding-right: 20px; }

a[href$='.kmz'] {
background-image: url("gearthicon.png");
background-repeat: no-repeat;
background-position: center right;
padding-right: 20px; }

A:link, A:visited { 
text-decoration: none;
color: blue;
font-weight: normal; }

A:hover { 
color: white;
background-color: #87a7ba;
font-weight: normal;
text-decoration: none; } 

#links p {
margin-top: .3em;
line-height: 1.0;
margin-bottom: .3em; }

#siteindexes a:link { 
text-decoration: none;
color: white;
font-weight: normal; }

#siteindexes a:visited { 
text-decoration: none;
color: white;
font-weight: normal; }

#siteindexes a:hover { 
color: white;
background-color: #2f8181;
font-weight: normal;
text-decoration: none; }
 
/* ----------drop down menus--------------*/

li.selflink {
color: white;
font-weight: bold; }

/* ----------start new navigation--------------*/

/*Strip the ul of padding and list styling*/
.newnav ul {
	list-style-type:none;
	margin: 2px 0 0 0;
	padding:0;
	position: absolute;
}

.newnav ul > :first-child{
	min-width: 65px; }

.newnav ul > :nth-child(2){
	min-width: 140px; }
	
.newnav ul > :nth-child(3){
	min-width: 70px; }

.newnav ul > :last-child{
	min-width: 40px; }

/*Create a horizontal list with spacing*/
.newnav li {
	display:inline-block;
	float: left;
	margin-right: 0px;
	background-color: #377c96; /*#2f8181; #f7776a; */
	/*background-color:#069;  /*navy */
	font-size: 1.0em; 
	font-family: verdana, sans-serif;
	padding: 0;
}

/*Style for menu links*/
.newnav li a {
	display:block;
	width: 100%;
	height: 32px;
	text-align: center;
	line-height: 30px;
	font-family: verdana, sans-serif;
	color: #fff;
	/*background: #2f3036;*/
	text-decoration: none; }
	
/*Hover state for top level links*/
.newnav li:hover a {
	background-color: #5198b3;  /* #1f9b9b; #97dddd;*/
	/*background-color:#0d88c6; goes with navy */
	border: 0px;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #377c96;
	text-align: center;
	padding: 10px 0 10px 10px;
	display: none;
	background-image: url("mobimenu.png");
	background-repeat: no-repeat;
	background-position: 10%;
	margin: 2px 0 0 0;
	border: 1px solid grey;
	border-collapse: separate;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/


@media only screen and (max-width: 639px) {
#masthead, #maininner {
padding-left: 4%;
padding-right: 4%; }	
}

@media screen and (max-width : 401px) {

#goog { display: none; }
#googmobile { display: block; }

/*Make dropdown links appear inline*/
.newnav ul {
	position: static;
	display: none; 	}
/*Create vertical spacing*/
.newnav li {
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc; 	}
/*Make all menu links full width*/
ul li, li a { width: 100%; }
/*Display 'show menu' link*/
.show-menu { display:block;	}

#bannerimage { max-width: 50%;
margin-left: auto;
margin-right: auto; }

#masthead { background-color: #377c96; }

}