@charset "utf-8";
/* CSS Document */

#mainBigBox{
	background-color:#432aff;
	width: 100%;
	height: 100%;
	border: none;
	text-align: center;
}

#topImage{
	background-image: url("https://eshare.edgehill.ac.uk/14177/5/backgroundtech.png");
	background-repeat: repeat;
}

.bottomColour{
	background-color: #432aff;
	width: 100%;
	height:100%;
	border: none;
	text-align: center;
}

.bottomColourBox{
	background-color:#432aff;
}

.h1, .h2, .h3, .h4, .h5, .p {
	font: Calibri;
}

/*the box containing welcome to, module code and full module name*/
#moduleInfoBox {
	padding: 40px;
	display:inline-block;
	margin: 0px auto;
	width:100%;
	max-width:300px;
	height: 100%;
	text-align: left;
	vertical-align: top;
}

/*large module code of module*/
#CPDmoduleCode h1 {
	font-size: 3.5em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
}

/*full name of the module in lowercase*/
.CPDmoduleName h2 {
	font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
	width: auto;
}
.CPDmoduleName h3 {
	font-size: 0.9em;
    font-family: Arial, Helvetica, sans-serif;
	width: auto;
}
/*container for the text box*/
.BlackboardBox {
	padding: 40px;
	display:inline-block;
	margin: 0px auto;
	width:100%;
	max-width:300px;
	height: 240px%;
	text-align: left;
}
	
.BlackboardInfoBox, p {
	width: 300px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}

.twitterContainer {
	width: 20%;
	height: 100%;
	padding: 40px;
	display:inline-block;
	text-align: center;
}

.twitterImage {
	text-align: center;
	width: 100%;
}

.twitterHandle, a {
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-decoration:none;
	color: #003;
	padding: 5px;
}

.doctorContainer {
	width: 20%;
	height: 100%;
	padding: 40px;
	display:inline-block;
	text-align: center;
}

.doctorImage {
	width: 100%;
	text-align: center;
}

.doctorText, a {
    font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-decoration:none;
	color: #003;
	padding: 5px;
}

.appContainer {
	width: 20%;
	padding: 40px;
	height: 100%;
	display:inline-block;
	text-align: center;
}

.appImage {
	text-align: center;
	width: 100%;
}

.appText, a {
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
	text-decoration:none;
	color: #003;
	padding: 5px;
}