/* Colours:
	#E1D0E8	Lightest
	#925EA6
	#642A7A
	#3A0A4F
	#270438
	#040006	Darkest

	#FFFFFF	white
	#F5F5F5 white-grey-lightest

	#B9D6F0 Blue Light-White
	#639DCF BLue Light
	#4589C6	Blue Medium
	#2D75B5 Blue Darkest
*/

.webpageMaxWidth {
	margin: auto;
	
	min-width: 900px;
	
	max-width: 1250px;
}

body {
	background-image: linear-gradient(#FFFFFF, #D3E2EE);
	background-color: #D3E2EE;
	
	margin-left: 24px;
	margin-right: 24px;
	margin-top: 24px;
	margin-bottom: 24px;
}

header {
	min-width: 940px;
	
	margin-left: 0px;
	margin-right: 0px;
}

.topNavigationBar {
	background-image: linear-gradient(#FFFFFF, #4589C6);
	background-color: #4589C6;
	
	border: 4px groove #B9D6F0;
	
	padding: 16px;
	margin-left: -24px;
	margin-right: -24px;
}

.topNavigationItemButton {
    padding: 8px;
    border: 2px solid #2D75B5;
    border-radius: 12px;
    color: black;
    background-color: white;
    text-decoration: none;
	
	cursor: pointer;
}

footer {
	min-width: 940px;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 24px;
}

.bottomNavigationBar {
	background-image: linear-gradient(#FFFFFF, #4589C6);
	background-color: #4589C6;
	
	border: 4px groove #B9D6F0;
	
	padding: 16px;
	margin-left: -24px;
	margin-right: -24px;
}

.bottomNavigationItemButton {
    padding: 8px;
	border: 2px solid #2D75B5;
    border-radius: 12px;
    color: black;
    background-color: white;
    text-decoration: none;
	
	cursor: pointer;
}

.titleSection {
	margin: auto;
	width: 100%;
	margin-top:48px;
}

table {
	width: 100%;
	border: 0px solid black;
	border-collapse: collapse;
}

th, td {
	border: 0px solid black;
	border-collapse: collapse;
}

.horizontalDivider {
	margin: auto;
	width: 80%;
	
	margin-top: 40px;
	margin-bottom: 40px;
}

/* Inline Blocks Divs Left next to other Inline Block Divs. */

.divInlineBlock {
	display: inline-block;
	margin: 0px;
}

.divInlineBlockAlignTop {
    display: inline-block;
	margin: 0px;
	vertical-align: top;
}

.divInlineBlockAlignBottom {
    display: inline-block;
	margin: 0px;
	vertical-align: bottom;
}

/* Images */

.imageCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imageFloatLeft {
	float: left;
}

.imageFloatRight {
	float: right;
}

.clickable {
	cursor: pointer;
}

/* Style Guide */

.subTitle {
	font-family: PT Serif;
	font-weight: bold;
	font-size: 200%;
	color: #3A0A4F;
	text-align: center;
}

h1 {
	font-family: PT Serif;
	font-style: italic;
	font-size: 250%;
	color: #3A0A4F;
	text-align: center;
	
	margin-bottom: 0px;
}

p {
	font-family: PT Serif;
	font-size: 120%;
	color: black;
	text-align: center;
	
	border: 0px solid purple;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.darkOnLight {
	color: black;
}

p.lightOnDark {
	color: white;
}

p.emphasize {
	font-family: PT Serif;
	font-size: 150%;
	font-style:italic;
	font-weight:bold;
	color: #040006;
	text-align: center;
	
	border: 0px solid purple;
	
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.noMargins {
	margin:0;"
}

a {
	font-size: 130%;
}

.buttonLarge {
    padding: 16px;
    border: 1px solid #270438;
    border-radius: 12px;
    color: black;
    background-color: white;
    text-decoration: none;
}

.buttonSmall {
    padding: 8px;
    border: 1px solid #270438;
    border-radius: 12px;
    color: black;
    background-color: white;
    text-decoration: none;
	
	cursor: pointer;
}


button {
	font-family: PT Serif;
	font-size: 130%;
	color: black;
	text-align: center;
	
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Flex Boxes */
/* justify-content: center;  horizontal center*/
/* align-items: center;  vertical center*/

.stackViewHorizontal {
	display: flex;
	flex-direction: row;
}

.stackViewVertical {
	display: flex;
	flex-direction: column;
}

/* Digital Product Showcase */
.productShowcase {
	border: 4px solid #407EB5;
	border-radius: 12px;
	
	background-image: linear-gradient(#FFFFFF, #D3E2EE);
	background-color: #D3E2EE;
	
	width: 700px;
}