body {
	background-color: White;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:Black;
	padding:0px;
	margin:0px;
}
/* ----------container to center the layout-------- */
#container {
	width: 800px;
	padding:0px;
	margin: 10px 0px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #082F67;;
}

/* ---------- header links at the top --------------------- */
#headerLinks {
	text-align: right;
	margin-top: 10px;
	padding-right: 35px;
}
#headerLinks a{
	font-size: 10px;
	text-decoration: none;
	color: #082F67;
}
#headerNav {
	clear: left;
	background-color: #082F67;
	color: White;
	padding: 1px 0px;
}
#headerNav li {
	display: inline;
	margin: 0;
	padding:0px 10px 0px 0px;
	list-style: none;
}
#content {
	padding:10px;
}
/* ---------- index table details ---------------------------*/
table.indexTable td {
	vertical-align: top;
	padding: 5px;
}
/* ---------- index box details -----------------------------*/
div.boxContainer {
	padding-top:10px; 
	padding-bottom:10px; 
}
div.indexBox {
	width: 30px;
	height: 30px;
	float: left;
	-moz-box-sizing: border-box;	
}
div.indexBoxHeader {
	margin-left: 35px;
	padding:6px;
	/*height: 30px;*/
	font-family: Levenim MT,Verdana,Arial;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	-moz-box-sizing: border-box;	
}

div.indexBoxContent {
	/*width: 100%;
	height: 200px;*/
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding:10px 10px 8px 10px;
	line-height: 16px;
	background-color: #E4E4E4;
	-moz-box-sizing: border-box;
}

.mutterBox {
	background-color: #4F4F06;
}
.mutterBoxHeader {
	color: #4F4F06;
	background-color: #ddd;
}
.phillyBox {
	background-color: #b20838;
}
.phillyBoxHeader {
	color: #b20838;
	background-color: #FFE1E6;
}
.libraryBox {
	background-color: #4F0F01;
}
.libraryBoxHeader {
	color: #4F0F01;
	background-color: #FEE4DC;
}
.facilityBox {
	background-color: #191970;
}
.facilityBoxHeader {
	color: #191970;
	background-color: #C7DFEF;
}
.volunteeringBox {
	background-color: #191970;
}
.volunteeringBoxHeader {
	color: #191970;
	background-color: #C7DFEF;
}
div.imgContainer {
	padding-top:10px; 
	padding-bottom:10px; 
}
div.newsBoxHeader {
	padding: 6px;
	/*height: 30px;*/
	font-family: Levenim MT,Verdana,Arial;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	color: #191970;
	background-color: #C7DFEF;	
	-moz-box-sizing: border-box;	
}
div.news {
	/*border-bottom: 1px solid #ddd;*/
	padding:10px 10px 8px 10px;
	line-height: 16px;
	-moz-box-sizing: border-box;
}
div.newsLine {
	margin: 10px 30px;
	border-top: 1px solid #BEC9DB;
}
/* ---------- footer links at the bottom --------------------- */
.footerLinks {
	text-align: center;
	margin: 15px 0px 5px 0px;
}
.footerLinks a{
	font-size: 10px;
	text-decoration: none;
	color: #082F67;
}
/* ----------- address in the footer ---------------------*/
.footerAddress {
	padding: 7px;
	font-size: 10px;
	color: #000000;
	text-align: center;
}
/* -------------- copyright at the bottom ----------------*/
.copyright {
	padding: 5px;
	background-color: #E3ECF4;
	font-size: 9px;
	font-weight: lighter;
	color: #013364;
	text-align: center;
}