@import url("https://fonts.googleapis.com/css?family=Droid+Sans:400,700,400italic");

/********** reset **********/

html {
	width: 100%;
    font-family: 'Droid Sans', sans-serif;
	font-size: medium;
	background-color: #eeeeee;
	padding: 0pt;
	margin: 0pt;
	word-wrap: normal;
}


/********** global layout **********/

.header-logo, .header-nav, footer {
	width: 100%;
	padding: 2ex 2em;
	background-color: #dddddd;
	text-align: center;
}

.header-logo-OFF {
	border-bottom: 0.5pt solid #1515a5;
}

.header-nav {
	padding: 0.5ex auto;
	border-bottom: 2.0pt solid #1515a5;
}

header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

header nav ul li {
    display: inline;
    margin: 0 8px 0 0;
    padding: 0;
}

.page {
	align-self: center;
	width: 75ex;
	max-width: 98%;
	margin: 0 auto;
	padding: 1em;
	line-height: 1.4;
	background-color: white;
}

li {
	margin: 0.75ex auto;
}

.textbox {
	margin: 1em 1em;
	padding: 1em 1em;
	background-color: #eeeef8;
}

footer {
	border-top: 2.0pt solid #1515a5;
	padding: 0.5ex auto 5ex auto;

}


/********** links **********/

a {
    color: #1515a5;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/********** headings **********/

h1, h2, h3, h4, h5, h6 {
	/* border: 1px solid green;
	background-color: lightyellow;*/
	padding: 0;
	margin: 2.2ex 0em 0.0ex 0em;
}

h1 {
	margin: 0.2ex 0em 0.0ex 0em;
	font-size: 200%;
}

h2 {
	font-size: 170%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 135%;
}

h5 {
	font-size: 120%;
}

h6 {
	font-size: 110%;
}