@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans serif;
	color: #039;
}

body {
/*  orig bckground-image 500  middle-500.jpg */
/* this (immediately below) controls the size of the page - not a good way to do it */ 
	background-image: url(img/middle-720.jpg);
	
	background-attachment:fixed;  /* background image fills page */
	background-position:center center;  /* background image centered */
	background-repeat: no-repeat; 
	/* this defines the color of the entire screen background... the 'empty space' around the page proper */
	background-color: #cccccc; 
	/*   #cccccc;  same psychom grey 919FAB, 999999 (too dark grey cccccc - lt grey */

	text-align:center; 
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans serif;
	font-weight: normal;
	font-size: 100%;
}

/* img {border: 2px solid grey }  */


h1,h2,h3,h4,h5 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans serif;
}

h1 {
	margin-top: 0;	
	text-align:center;
	/* Smaller size 	 */	
	font-size: 125%;
	color: #ffff99; 
}

h2 {
	margin-top: 0;	
	text-align: left;
	/* Smaller size 	 */	
	font-size: .9em;
	color: #ffff99; 
}

h3 {
	margin-top: 0;	
	/*  text-align:center; */
	/* Smaller size 	 */	
	font-size: 1.1em;
}

h4 {
	margin-top: 0;	
	/*  text-align:center; */
	/* Smaller size 	 */	
	font-size: .9em;
}



nav {
	display: inline-block;	
}

/* from book  */

.nav-main {
/*  border-bottom: 1px solid #c7c7c8; */
/*  border-top: 5px solid #019443; */
  margin-bottom: 0;
  /*   original .45em  0   .5em  */
  padding: .45em 0 .5em;  
}

.nav-main li {
 /* border-left: 1px solid #c8c8c8; */
  display: inline-block;
  text-align: left;
}

/*
.nav-main li:first-child {
  border-left: none;
}

.nav-main li:last-child a {
  padding-right: 0;
}

/* -----nav-main a APPLIES PADDING TO SPACES BETWEEN LIST ELEMENTS */


.nav-main a {
/*  color: #292929;  */
 display: inline-block;
 font-size: 1em; /* 18px/16px  */
 
/*   This defines spacing among main menu items (two lines of links: about fees etc.    .4em .4em .4em .4em;  */
 
   padding: .9em .9em .9em .9em;  
}


a:link {
/*	color: #42413C;  99C */
	color: #FFFFFF; 
	text-decoration: none;
}

a:visited {
	/*  color of links when visited   - original EDEDED   */
/*	color: #E6C7FF;   */
	color: #333333;
/*	text-decoration: underline;*/
}

a:active {
	/*  color of links when visited   - original EDEDED   */
/*	color: #E6C7FF;   */
	color: orange;
}

a:hover, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #ffff99; 
	text-decoration: none;
}

/*  background fills page */
html
{min-height: 100%;
}

/*  just testing... currently not used */
.my-page
{
	width: 575px;
	text-align: center;
	
	/* width: 475px; old narrow width */
}

/* main text box.. */

.box1
{
	background: grey;
	color: #FFF; 
	text-align: left;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px 10px #999;
	
	/* border: 10px black;
	 */
	
	border: 10px black;
	
	/* padding of main text from sides */	
	padding: 10px;
	/* NOTE that width 555 matches the width of images at 575 - go figure */
	
	width: 675px;
	
	/* width: 475px; old narrow width */
}

.contact
{	
color:	 	orange;
text-align:	center;
}

/* line - separator */
.hr
{
border:		 	0;
color: 		 	orange;
background-color: orange;
height:			4px;
width:  		70%;
text-align:		right;
}