/* -- stylesheet for mobile devices only -- */


body {
	background-color:#000000;
	font-family:'Arial', sans-serif;
	color:#000080;
}	

.main {
	width:360px;
	min-height:100vh;
	/* min-height:600px; */
	background-color:#ffffff;
}

.header-index {
	width:95%;
	height:60px;
	padding-left:10px;
	padding-top:10px;
	border-bottom:2px solid #A0A0A0;
}

.header-page {
	width:350px;
	height:60px;
	padding-left:10px;
	padding-top:10px;
	background-color:#0000ff;
	position:relative;
}	

.menuleftright{
	float:left; 
	width:15%; 
	height:50px;	
}

.menucenter {
	float:left; 
	width:60%; 
	height:45px; 
	padding-top:5px;
	text-align:center; 
	font-size:2em;
	color: #ffffff;
}

.dropdown-content {
    display: none;
    position: absolute;
	top:80px;
	left:10px;
    background-color: #e0e0ff;
    font-size:1.2em;
	min-width: 160px;
	overflow: auto;
    border:1px solid #000000;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.show {display:block;}
		
.content {
	width:95%;
	padding:10px;
	font-size:1.2em;
	
}

h1 {
	font-size:1.1em
}	
	
.big_red{
	font-size:1.9em;
	color:#ff0000;
}

.big_grey{
	font-size:1.9em;
	color:#8080a0;
}

.nav_button {
	width:93%;
	margin:0 auto;
	height:40px;
	font-family:'Arial', sans-serif;
	font-size:1.0em;
	background-color:#000000;
	color:#ffffff;
	border:bevel 2px #c0c0c0;
}

.centred {
	width:95%;
	text-align:center;
}