* {margin: 0; padding: 0}
nav, main {display: block;}


body {font-family: 'Maven Pro', sans-serif; background-color: #ffffff; min-width: 290px; max-width: 100%;}

h2 {text-align: center;}

p {margin: 10px;}

.dropdown {	position: relative;
			display: inline-block;
			text-align: right;
			width: 80px;
			float: right;
			padding-right: 10px;
			padding-top: 12px;
			}

.dropdown-content {	display: none;
					position: absolute;
					z-index: 10;
					padding-top: 12px;
					background-color: #8080806e;
					}

.dropdown:hover .dropdown-content {	display: block;}

.menuItem	{	display: inline-block;
				width: 80px;
				}

.menuItem:hover	{	background-color: #8e3131de;}

#leftside {	float: left;
			width: 45%;
			margin-bottom: 20px;
			padding: 10px;	
			border-radius: 15px;
			}

#rightside {	float: right;
				width: 45%;
				margin-bottom: 20px;
				padding: 10px;
				border-radius: 15px;
				}

@media screen and (max-width: 712px) {
										#leftside {	width: 95%;}

										#rightside {	width: 95%;
														clear: both;
														}
										}

#bottomContainer {	width: 80%;
					margin-left: auto; 
					margin-right: auto;
					margin-top: 50px;
					height: 50px;
					}

#pageFooter {	width: 100%;
				height: 40px;
				margin-left: auto; 
				margin-right: auto;
				clear: both;
				background-color: #158CC0;
				text-align: center;
				color: #ffffff;
				padding-top: 15px;
				z-index: 1;
				}

#topDiv {	/*min-width: 406px;*/
			background-color: #158CC0; 
			height: 35px; 
			width: 100%;
			padding-top: 10px;
			color: #ffffff; 
			}

#topDiv a {	color: #ffffff; 
			padding: 5px; 
			text-decoration: none;
		}

	
#topDiv {	position: fixed;
			top: 0px;
			z-index: 10;
			}

#mainPageHeader-div {
	margin-top: 50px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	height: 600px;
	width: 100%;
	background: url(../images/iosc-welcome.png);
	background-repeat: no-repeat;
	background-position: bottom bottom;
	background-attachment: scroll;
	background-size:cover;
	background-color: white;
}

#mainIoscLogo-div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff;
	font-family: 'Informal Roman', cursive;
	font-size: 18vw;
	opacity: 0.85;
	letter-spacing: 20px;
	text-shadow: 2px 2px #000000;
	}
	
#secondaryIoscLogo-div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff;
	font-family: 'Maven Pro', sans-serif;
	font-size: 3vw;
	opacity: 0.85;
	letter-spacing: 2vw;
	text-shadow: 2px 2px #000000;
	}