/* 
None of the centring scripts work without this at each page top:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">replacing <HTML>

. = class
# = ID


/* ======================MAIN PAGE SETTINGS=======================*/

  html, body {
  background-color: #ffffee;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  font-family: 'CJ', Arial, Helvetica, sans-serif;
  color:#00008b;}


/* ========= FONT AND TEXT STUFF=======================*/

@font-face {  		 
	font-family: 'CJ';
	src: url('/fonts/SFProDisplay-Regular.ttf');
	src: local('?'), 
	url('/fonts/SFProDisplay-Regular.ttf') format('truetype'),
	}  
	
a:link, a:visited {color:#4444ff; text-decoration:none;}
a:hover {color:#4444ff; text-decoration:underline;}


.h0{font-size:7vw;}
.h1{font-size:5vw;}
.h2{font-size:3vw;}

.h0bus{font-size:6vw;
	border-style: solid;
  	border-width: 1px;
	padding: 20px}
	
.h1bus{font-size:5vw;
  	border-style: solid;
  	border-width: 1px;
	padding: 20px}
	
.h2bus{font-size:4vw;}