/*viewport*/
html * {
	max-width: 40em;
	word-wrap: break-word;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	color: navy;
}
body{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	background-color:white;
	padding-bottom:.5em;
	font-size:1em;
}

/*default text colors*/
/*nav*/
li {
	display: inline;
}
	li > a, li > em {
		margin-right: .1em;
		margin-top: .25em;
		margin-bottom: .25em;
		padding: .05em .25em;
		border-style: solid;
		border-width: 2px;
		text-align: center;
		border-radius: .3em;
		-webkit-border-radius: .3em;
		-moz-border-radius: .3em;
		display: inline-block;
		width: auto;
		font-style: normal;
		font-weight:bold;
		outline: 0;
	}
	li > a {
		background-color: white;
		border-color: navy;
		color: navy;

		box-shadow: 5px 5px 10px #888;
		-webkit-box-shadow: 5px 5px 10px #888;
		-moz-box-shadow: 5px 5px 10px #888;
	}
	li > em {
		background-color: navy;
		border-color: navy;
		color: white;
	}
li > a:link, li > a:visited, li > a:hover, li > a:active, li > a:focus {
	color: navy;
}
a:link, a:visited, a:hover, a:active, a:focus {
	/*color: mediumblue;*/
}
a[href=""] {
	text-decoration: none;
	color:gray;
}
span {
	width: 9em;
	display: inline-block;
	vertical-align:top;
}
span.wide {
	width: 13em;
}
span.super-wide {
	width: 19em;
}
span.narrow {
	width: 5em;
}
span.super-narrow {
	width: 3em;
}
.menu-container{
	line-height:1.7em;
}
img{
	max-width:100%;
}
.albini{
	float:left;
	height:30px;
	padding-right:10px;
}

h1>img{
	float:right;
	height:64px;
	/*width:64px;*/
}
h1,h2,h3,h4{
	/*color:darkgreen;*/
}
h1{
	/*font-size:xx-large;
	font-size:initial;*/
	padding-top:.5em;
	font-size:1.6em;
}
h2 {
	font-size: 1.15em;
	margin-top: .5em;
}
h3 {
	font-size: 1em;
	margin-top: .75em;
}
h4 {
	font-size: 1em;
	margin-top: .75em;
}
p {
	line-height: 1.2;
	margin-top:.5em;
}
p>img{
	margin-right:.3em;
}
a{
	text-decoration-skip-ink: none;
}
br{
	display:block;
	clear:both;
}
.news {
	background-color: lightyellow;
	padding: 0.5em;
	border: 4px solid blue;
}
table.bells{
	border-spacing:0;
}
img.bells{
    width: 100px;
}
td.bells{
    vertical-align: middle;
}
h1.bells{
	color:blue;
	padding:0;
}
table{
	border-collapse:separate;
	border-spacing: 0 0.6em;
}
td {
	vertical-align: top;
	padding-right: 1em;
}
td.date {
	font-weight: bold;
	padding-right: 0.5em;
}
td.month {
		font-size: 1.15em;
		font-weight: bold;
}
hr{
	color:#888;
	background-color:#888;
	border:0;
	height:1px;
	margin-top:.5em;
	margin-bottom:.5em;	
}

/*big screens*/
@media(min-width:450px){
	div.decor, img{
		/*display:inline-block;*/
	}
}