html {
 		height: 100%;
}
 body {
 		height: 100%;
    padding-left: 11em;
	font-family: Georgia, "Times New Roman",
          Times, serif;
    color: #FFFFFF;
    font-size: large;
    background-color: #61534B; 
	background-image: url('/pics/jura_bg.jpg');
	background-repeat: no-repeat;
	background-position: left center; 
} 



 ul.navbar {
 list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute; 
    top: 1em;
    left: 1em;
    width: 9em 
}

  h1 {
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif 
}
  h2 {
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif 
}
  ul.navbar li {
		color: #FFFFFF;
/*	background: #D2B48C; tan
    background: #D3D3D3; /*  light grey */
		background: transparent;
    margin: 0.5em 0;
    padding: 0.1em;
    border: thin solid #FFFFFF;
}

  ul.navbar a {
    text-decoration: none }
  ul.navbar a:link {
    color: #FFFFFF; 
		background-color: inherit;}
	ul.navbar	a:visited {
    color: #FFFFFF;
		background-color: inherit;}
		a:link {
    color: #6396FC ; /*cornflowerblue;*/ 
		background-color: inherit;}
  a:visited {
    color: #6396FC ; /*cornflowerblue;*/ 
		background-color: inherit;}
  address {
	color: #A0A0A0;
	position:
	absolute; 
	bottom: 20px;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: thin dotted }
	div.box  {
  margin-top: 1em;  
  margin-right: 2em;  
  margin-left: 15px;  
  margin-bottom: 1em;    
	padding: 1em; 
	border: solid; 
	border-width: thin;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 90%;
}
div.latest  {
	background-color: #FF6F60 /*coral*/;
  margin-top: 1em;  
  margin-right: 2em;  
  margin-left: 15px;  
  margin-bottom: 1em;    
	padding: 10px; 
	border: solid; 
	border-width: thin;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 90%;
}
div.footer  {
	background-color: transparent;
	font-style: italic;
	color: #FFFFFF;
	font-size: 80%;
}