html
{
	/* That was horrendous, lets not do that
	background: url("images/myface.jpg") no-repeat center center fixed;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
	background: linear-gradient(90deg, #3F2B96 0%, #A8C0FF 100%);
}
body 
{
	/*background-image: url("images/ali.gif");*/		
	line-height: 1;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1049A9;

}
a {
	color: #6A92D4;
	text-decoration: none;
}

h1, h2, dt {
	/*font-size: 18px;*/
	color: #FFA400;
	margin-top: 1em;
	margin-bottom:1em;
}

p {
	/*font-size: 14px;*/
	line-height: 1.4em;
	/*padding: 0 0 15px;*/
}

div#update {
	position:relative;
	top:-1em;
	font-size:71%;
	color:#b7b7ae;
	font-style:italic;
}

p a:link, p a:visited, dl a:link, dl a:visited, ul a:link, ul a:visited, ol a:link, ol a:visited {
	color: #6A92D4;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
p a:hover, dl a:hover, ul a:hover, ol a:hover {
	color: #FFCD73;
	text-decoration: underline;
	border-bottom: none;
	cursor: pointer;
}


.firsthead
{
	margin-top: 0px;
	background: #FFF;
	width: 800px;	
	padding: 30px;
	margin-left: auto;
    margin-right: auto;
    text-align: center;  
}
.content 
{
	font-family:  Helvetica, sans-serif;
    margin: 0px auto;    
    width:840px;
	background: #EEE;
	padding: 10px;	
}
.contactGridOutter
{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 200px auto;
}

#topRule
{
	width: 120px;
	color:  #1049A9;
	box-shadow: 2px 1px 2px #8ca5cc;
}


#textImg{
padding-top: 5px;
}

/* *******************************
	Menu 

**********************************/
.nav, .nav * 
{
	font-family:  Helvetica, sans-serif;
	text-align: center;
}

.nav li
{
	display: inline-block;
}
.nav
{	
	background-color:  #FFE472;
	margin-left: auto;
    margin-right: auto;
    width: 860px;	
}

#linksbar ul{
    list-style-type: none; 
    margin: 0;
    padding: 0;
     
}
.nav a,.nav ul a:link, ul a:visited
{       
    text-decoration: none;
	border: none;
	display: inline-block;
	padding: 8px 10px; 	
	width: 140px;  
	border-bottom: none;
}

.nav a:hover
{
	background-color: #EEF;	
	color: #2C59A6;
	border-radius: 5px;
}

/* 
	Smaller screens 
*/

@media screen and (max-height: 400px) {
	.firsthead
	{
		padding:  5px;		
	}
	.nav
	{
		width: 820px; /* probably overidden again, but if you have a long thin screen it should match first head*/
	}
	
}

@media screen and (max-width: 800px) {
	.firsthead
	{
		width: 100%;
	}
	.nav
	{
		width: 100%;
	}
	#topRule
	{
		width: 80px;
	}
	.content 
	{
		width: 100%;
	}
}