/* Override for H3 */
			#main-content h3 {	
				font-weight: bold;
				font-size: 1.4em;
				letter-spacing: 0;
				text-transform: uppercase;
				/* This text transform is to match eRA's pulled data, which is in capitals. */
			}		
	 /* Override for H3 in 'contactbar'  */
			#main-content .contactbar div h3 {
				color: black;
			}

 /* CUSTOM CSS FOR NON-eRA PAGES */
		
	 /* Bar at the top with contact info main div - this is the only div needing a class */
@media (min-width: 768px){
	.contactbar {
			width: 80%;

			margin-left: auto;
			margin-right: auto;
	}
	
}

		.contactbar {
			background: #d8d8d8;
			display: table;	
			padding: 5px 20px;
			border-radius: 4px;
			box-shadow: gray 1px 1px 3px;
			
			margin-bottom: 20px;
		}
	
	 /* Individual parts of the contactbar (all) */
		.contactbar div {
			text-align: left;
			display: table-cell;
			background: inherit;
			padding: 5px;
			vertical-align: middle;
		}
	 /* Override for first div inside the contactbar to make it smaller for a photo */
		.contactbar div:nth-child(1) {
			width: 25%;
			text-align: center;
		}


@media (min-width: 768px){
     .role {
		 width: 80%;
		 margin-left: auto;
		 margin-right: auto;
	 }
}

	.role ul {
		font-size: 10pt;
	}