.divITLogo{
	float:left;
	height: 60px;
	width:205px;
	display: table-cell;
	background: url(../images/divit-logo-horizontal.gif) no-repeat;
}

.phoneBookLogo{
	background: url(../images/phone-book-logo.gif) no-repeat;
	margin: auto;
	height: 157px;
	width: 157px;
	border-radius: 10px;
}

.pContainer{
	text-align: left;
    width: 60%;
    margin: auto;
}

.lineContainer{
	display: table-cell;
	vertical-align: middle;
	height: 60px;
}

.lineContainer.left{
	width:5%;
}

.lineContainer.right{
	width:100%;
}

.imageContainer{
	display: table;
	width: 100%;
	margin:20px 0px;
}

.flexContainer{
	display: block;
}

.flexContentRow{
	display: -webkit-flex;
	display: flex;	
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.menuButton{
	border: solid;
    border-radius: 15px;
    background-color: #FFFFF5;
    color: #6F6F6F;
    text-align: center;
    padding: 15px 25px 25px 25px;
    cursor: pointer;
    width: 50%;
    text-decoration: none;
}

.menuButton.left{
	margin: 10px 5px 10px 0px;
}

.menuButton.right{
	margin: 10px 0px 10px 5px;
}

.menuButton:hover{
	background-color: #B30000;
	border: 3px outset #EEE;
	color: #FFF;
}

.menuButton:active{
	background-color: #800000;
	border: 3px inset #EEE;
	color: #EEE;
}

span.desc{
	text-align: center;
	width:90%;
	margin: 15px auto;
	display: block;
}

.DisplayElement{
	margin: 10px auto;
}

#umd-frame{
	width: 90%;
}

@media(max-width: 970px){
	/*These are footer.css classes*/
	.pageFooterText{
		float: none;
		display: block;
	}
	
	.footerContentContainer{
		text-align:center;
	}
	
	.pageFooterImg{
		float: none;
		margin: auto;
		display: block;
	}
}

@media(max-width: 1400px){
	.ElementTitle{
		font-size: 20px;
	}
}

@media(max-width: 1200px){	
	
	.menuButton{
		width: 100%;
		margin: 10px 0px !important;
	}
	
	.flexContentRow{
		flex-wrap: wrap;
	}
	
	.ElementTitle{
		font-size: 25px;
	}
}