﻿body
  {
	font-family: Inter, Arial ;
  font-size: 16px ;
  color: var(--text_colour) ;
  background-color: var(--background) ;
  }
/*
.mainbanner {text-align:center}
.mainbanner img {max-width:100%}

#leftpanel
  {
  float:left ;
  background-color:White ;
  padding:3px 0 0 3px ;
  display:inline-block ;
  z-index:5 ;
  }

#mainmenu_left
  {
  width:165px;
  margin-right:15px ;
  }
  */
.mainform{background-color:var(--background)}
.contents
  {
  margin:0 10px;
  padding-bottom:4px ;
  }

.contents p
  {
/*  margin-top:0 ;*/
  }

h1, h2, h3
  {
  color: var(--heading_colour) ;
  font-variant:small-caps ;
  font-weight:500 ;
  }

h1
  {
/*  font-size:32px ;*/
  font-size:1.8em ;
  margin-bottom:10px ;
  }

h2
  {
  font-size:1.4em ;
  margin-bottom:6px ;
  }

h3
  {
  font-size:1.2em ;
  margin-bottom:0 ;
  }

.bodytext p
  {
  text-align:justify ;
  margin:0 0 12px 0;
  }

.bodytext p em {
  font-weight: bold;
  font-style: italic;
  text-decoration: underline;
}

.bodytext a:link, .bodytext a:visited, .sitelinks a:link, .sitelinks a:visited, .pseudolink {
  color: crimson;
  text-decoration: underline;
  text-decoration-style: dotted;
  font-style: italic;
}

.bodytext a:hover, .sitelinks a:hover {
  text-decoration: underline;
}

.footer
  {
  display:inline-block ;
  clear:both ;
  color:RGB(120,120,120) ;
  text-align:center ;
  }

.footer p
  {
  margin: 3px 0 ;
  }

/* Floating pictures */
.picleft
  {
  float:left ;
  margin-right:10px;
  }
.picright
  {
  float:right ;
  margin-left: 10px;
  }

.piclimited
  {
  max-width:60% ;
  }

.piccaption
  {
  font-style:italic ;
  font-size:0.9em ;
  color:Gray;
  text-align:center ;
  padding: 0 20px ;
  }

.byline
  {
  font-style:italic ;
  }
  
/* Wide screen */
@media screen and (min-width: 768px)
{
body
  {
  margin-top: 0;
  }

.mainform
  {
margin-top:5px ;
/*
  width: 856px;
  margin: 0px auto ;
*/
  }

.contents
  {
/*
  min-height:700px ;
  margin-left:184px ;
  */
  }

#toppanel,#mobilefooter {display:none}
}


@media screen and (max-width: 768px)
{
}
