BODY {
margin-top:3px;
padding: 5px 5px 5px 5px;
margin-bottom:5px;
line-height: 16px;
background-color:none;
}

H1 {
font-family:arial;
font-size:1.1em;
padding:0px;
margin-top:0px;
margin-bottom:0.5em;
margin-left:5px;
position:relative;
top:0px;
color:#333366;
}

H2 {
font-family:arial;
font-size: 1.0em;
line-height:1.1em;
padding:0px;
margin-top:0;
margin-left:5px;
color:#990000;
z-index:1
}

H3 {
font-size: 0.8em;
line-height:0.9em;
font-family:arial;
font-size: 1.15em;
color:#990000
}

H4 {font-weight:bold;font-size:0.75em; color:black;font-family:arial, sans-serif; margin-bottom:0.2em}

H5 {font-weight:bold;font-size:0.6em; color:blue;font-family:arial, sans-serif; margin-bottom:0.2em}

P,li,th,tr {font-family:arial; color:black; font-size:90%;}

P A:link {color:blue;}
P A:visited {color:blue;}
P A:hover, TD A:hover, LI A:hover {color:red; background-color:#b0c4de}
P A:active {color:blue}

DL DD {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:95%;
  }
DL DL {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:90%;
  }


DT, DL DT {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:90%;
  }

.breadcrumb {font-size:70%}

#boxedtop {
margin:1em 2% 0em 1%;     /* FromTop FromRight Bottom FromLeft */
padding:3px 5px 3px 5px;   /* FromTop FromRight Bottom FromLeft*/
position:relative;
border-style:solid;
border-color:navy; 
border-width:1.5px;
border-radius:5px;
width: 98%;
background-color:#ccccff;
}
#masthead {
background-color:#ccccff;
border-bottom: 4px solid #330066;
padding:1em 0.5em 0em 1em;
height: 7.5em;
margin: -1em -1em 0em;
}

@media screen and (max-width: 41em) {
img {
max-width: 100%;
height: auto;
}}

.withbord {
border-top:#330066 solid;
border-right:#787878 solid;
border-bottom: #787878 solid;
border-left:#330066 solid;
}
img.displaypic {
  border: 5px solid;
margin-left: auto;
  margin-right: auto;
  mazzzzzzx-width: 90%;
  border-color: navy;
  border-radius: 20px;
}
/*used when page is simgle column*/
img.displaypic2 {
  border: 5px solid;
margin-left: auto;
  margin-right: auto;
  border-color: navy;
  border-radius: 20px;
}


/* used for bookmark links within pages to prevent them affecting layout */
.nospace {
margin:0;
padding:0;
}


@media screen and (max-width:40em) {
#tweet {
  top: 0%;
  height: 100%;
}
#facebook {
  top: 0%;
  height: 100%;
  margin-top: 0%; 
}

#gplus {
  top: 0%;
  height: 100%;
  margin-top: 0%; 
}


#section {
display:none;
}

	#logosm {
		margin-top:12px;
	}
	#logosm div {
		border: none;
		float:left;
	}
	#cell-logo {
		width:75px;
		padding-top:8px;
		padding: 8px 0px 2px 0px;
		height:60px;
	}
	#cell-fb {
		margin-left:5px;
		padding-top: 18px;
		width:75px;
		height:60px;
	}
	#cell-tw {
		margin-left:5px;
		padding-top:18px;
		width:75px;
		height:60px;
	}
	#cell-gp{
		margin-left:5px;
		width:75px;
		height:60px;
	}
img.mcentred {
    display: block;
    margin-left: auto;
    margin-right: auto;
 margin-bottom: 0.5em;
max-width:95%;
}

img {
max-width:100%;
height:auto;
}