


	/* --------------reset code starts here----------------------- */
	
	/* thanks to http://meyerweb.com/eric/tools/css/reset/ */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video 
  	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;		/* this line renders <b> <strong> <i> etc impotent */
	vertical-align: baseline;
	}

		/* HTML5 display-role reset for older browsers */

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	}
	body {
	line-height: 1;
	}
	ol, ul {
	list-style: none;
	}
	blockquote, q {
	quotes: none;
	}
	blockquote:before, blockquote:after,q:before, q:after
	{
	content: '';
	content: none;
	}
	table
	{
	border-collapse: collapse;
	border-spacing: 0;
	}
		/*-----------------reset code ends here -------------------*/
		
	strong, b {font-weight: bold;}	/* viagra for the strong and em */
	i, em {font-style: italic;}
		
	/******************************************************************/
	
	
		/* fonts code goes here so  they can load first. */


@font-face { /* added to change to sans serif oct 2018 fm Mik complaint ;) */
	font-family: 'acher';
    	src: url('../fonts/acherusgrotesque-light-webfont.eot');
    	src: url('../fonts/acherusgrotesque-light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/acherusgrotesque-light-webfont.woff2') format('woff2'),
             url('../fonts/acherusgrotesque-light-webfont.woff') format('woff'),
             url('../fonts/acherusgrotesque-ligh-webfont.ttf') format('truetype'),
             url('../fonts/acherusgrotesque-ligh-webfont.svg#cavole_slab_regularregular') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
	
@font-face
	 {
	 font-family: 'micr';
	 src: url('../fonts/micrenc.ttf');
	 font-weight: normal;
	 }
    	 		
	 /*-----------end of font loading font squirrel---------*/
		
html 	{ /*need this so that body background color below works */
	  background-color: white;
	}
		
		/*-------------------- body start-------------------------------------*/
body
 	{
	margin: 3% 0 3% 10%; /* width, margins made narrower aug 2019 */
	width: 86%;
	background-color: #ffffff;
	}
		/*-------------------body end-------------------------------------*/
	
	
	
	/**************** header start ******************/
header
 	{
	margin: auto; 		/* centers div */
	margin-top: .79%;
	width: 99%;
	max-width: 1250px; 
	max-height: 110px;     
	padding-top: 2%;
	padding-bottom: 1%;
	text-align: left;
	border-radius: 12px 12px 0 0;
	overflow: hidden;  /* keeps airplane from extending from div */
	}
	
img.logo, img.logox
	{			/* this is in the header */
	float: right;
	margin:  .88% 4% 2.5% 1%;
	width: 32%;
  	opacity: 0.73;
  	filter: alpha(opacity=83); /* For IE8 and earlier */
	}
	
	
p.header, p.headerx			/* p.headerx is not animated */
	{				/*I think this is only the tagline--since 1949... */
	font-size: 1.35em;
	padding-left: 6%;
	margin: 1.5% -5% 0.1% 0;
	line-height: 93%;
 	color: #3d3d29;
 	color: #9aacc1;
 	font-family: acher, Arial, sans-serif;
 	font-weight: bold;
	 }
	 
a.header
	{
	text-decoration: none;
	font-size: 3.3em;
 	color: #3d3d29;
 	color: #597391;
 	line-height: 80%;
 	margin-right: -14%;
 	padding-left: 3%;
 	font-family: acher, Georgia, sans-serif;
 	font-weight: bold;
	}
	
a:hover.header
	{
	opacity: 0.99;
	font-style: oblique;
	}
	
	/**************** header end ******************/
	
	
	/**************** main start ******************/

.main
	{
	width: 93.5%;
	max-width: 1000px;
	margin: auto;   /*centers div */
	clear: both;
	background-color: white;
	
	background: white url(../images/background/thrushup4.jpg) no-repeat fixed;
	/* above line was top right. -52% hides behind nav initially 
	-webkit-background-size: contain;
   	-moz-background-size: contain;
   	-o-background-size: contain;
    	background-size: contain;   	/* cover and contain are options */
	overflow: hidden;		/* to keep tours photos in the div */
	}
	
	
h3.maintitle			/* this if for title text on home page blog */
	{
	font-family:  acher, Georgia, sans-serif;
	margin: 0 3% 0.5% 3%;
	font-size: 1.35em;
	color: #121023;
	}
	
h3.agtitle
	{			/*this is for sub-titles on ag page */
	font-family:  acher, Georgia, sans-serif;
	margin-top: 2%;
	margin-bottom: 0.5% ;
	margin-left: 3%;
	margin-right: 2%;
	font-size: 1.3em;
	font-weight: bold;
	}
	
p.maindate			/* this if for  date text on home page blog */
	{
	font-family:  acher, Georgia, sans-serif;
	line-height: 0.4 em;
	font-size: 1em;
	margin: 1% 0 1.5% 3%;
	text-indent: 1.5%;
	font-style: italic;
	color: dimgray;
	}
	
p.maintext				/* this is for main text most pages*/
	{
	font-family:  acher, Georgia, sans-serif;
	text-indent: 1.6%;
	margin: 0 5.5% 1% 3%;
	font-size: 0.95em;
	line-height: 1.3em;
	color: #121023;		/* maybe just use black? */
	}
	
p.micr
  	{
  	text-indent: 8.6%;
  	font-family: micr, Georgia, sans-serif;
  	font-size: 1.7em;
  	color: black;
  	}
	
p.mainsmall			/* this is for disclaimer text  */
	{
	font-family:  acher, Georgia, sans-serif;
	margin: 0 4.5% 1% 3%;
	font-size: 0.9em;
	line-height: 0.9em;
	color: #121023;		/* maybe just use black? */
	}
	
a.maintext
	{
	font-family:  acher, Georgia, sans-serif;
	text-decoration: none;
	color: #1963b4; 
	font-weight: bold; 
	font-size: 102%;
	}
	

a:hover.maintext
	{
	font-family:  acher, Georgia, sans-serif;
	font-style: oblique;
	color: darkblue;   /*#627093; */
	font-size: 101%;
	background-color: #e9e9f5;
	}
	
a:visited.maintext
	{
	/*color: #627093;*/
	font-style: oblique;
	}
	
.superscrip
  /* originally used for the "00" in a dollar amount in aviation/forsale.html, but...? */
  	{
  	position: relative;
  	font-size: 70%;
  	vertical-align: 20%;
  	text-decoration: underline;
  	}
  	
  hr.honorstud
  	{
  	display: block;
       	position: relative;
      	 margin: 2% 0 2% 20%;
       	height: 0;
       	width: 30%;
      	 max-height: 0;
       	line-height: 0;
      	 border: none;
      	 border-top: 1px solid #aaaaaa;
      	 border-bottom: 1px solid #ffffff;	
  	
  	}
	
	
	/**************** main end******************/
	
	/*************figures ***********/
	
figure.photos, figure.newsphotos, figure.newsphotosleft, figure.tours, figure.toursleft, figure.forsalephotos
	{
	text-align: center;
  	background-color: #f7f7f7;
  	border: 0.5px gray solid;
  	border-radius: 3px;
  	padding: 0.5%;
  	margin: 1.5%;
  	}
	
figure.photos		/*use for photos in pull */
	{
  	float: right;
  	width: 33%;
  	}
  	
figure.newsphotos		/* use on home page */
  	{
  	float: right;
  	width: 30%;
  	margin: 1.5% 3% 1.5% 3%;
  	}
	
figure.newsphotosleft, figure.forsalephotos		/* use on home page , left side*/
  	{
  	float: left;
  	width: 29%;
  	}  	

  		
figure.tours, figure.toursleft	/*use for photos in  tours.html */
	{
  	float: right;
  	width: 45%;
  	margin: 2% 1% 2% 1%;
  	background-color: white;
  	border: none;
  	padding: 0;
  	}
 
  	
  			/* end figure section */
  			
  			/*fig caption section starts*/
img.community, video.community
	{			/*This keeps the image inside the figure element */
	width: 100%;
	border-radius: 12px;
	}
	
	
img.home
	{
	width: 100%;
	border-radius: 6%;
	border: 1px solid black;
	}
	
figcaption
	{
	font-size: 0.8em;
	font-family: Verdana, sans-serif;
	/*font-style: italic; */
	margin-top:  2%;
	}
	
	
figcaption.newsphotosleft
	{
	font-size: 0.8em;
	font-family: Verdana, sans-serif;
	font-style: italic;
	margin-top: -10%;
	}

	
	/***********end figcaption section****************/
	
	
	/**************** nav start ******************/
nav
	{
	width: 92%;
	max-width: 1150px;
	margin-left: -3%;
	/*border-radius: 5px;  to get rid of blue box
	border-right: 2.5px #9aacc1 solid;
	border-left: 2.5px #9aacc1 solid;
	background-color: white; /* #3255ae; */
	margin-top: 0.1%;
	padding-left: 2%;		/* to center nav links */
	overflow: hidden;		/* keeps floated nav elements inside the nav div */
	}
	
img.navlogo
	{
	margin-right: 2%;
	margin-top: 1.2%;
	margin-left: -6%;
	float: right;
	}
		

a.nav1, a.nav2, a.nav3, a.nav4, a.navsearch, a.navcurrent		/* top nav bar*/
	 {
	display: inline-block;
	text-decoration: none;
	text-align: right;
	margin: 0.5% 1.5% 0.5% 1.8%;
	/*margin: 2.5% 2.5% 2.5% 1.8%; */
	padding-bottom: 0.53%;
	font-family:   verdana, sans-serif;
	letter-spacing: 0.04em;
	font-size: 1.13em;
	font-variant: small-caps;
	color: gray; /*white; */
	}

	
a.navcurrent
	{
	border-bottom: 0.4px  gray solid;
	font-style: oblique;
	font-size: 116%;
	margin-bottom: -1%;
	padding-bottom: 0.43%;
	}
	

a:hover.nav1, a:hover.nav2, a:hover.nav3,a:hover.nav4,a:hover.navsearch
	{
	font-size: 1.05em;
	font-style: oblique;
	font-: bold;
	border-bottom:  .6px  white solid;
	padding-bottom: 0.33%;
	/*letter-spacing: -0.02em;*/
	}
	
	/**************** nav end ******************/
	
	
	/**************** pinkbar start ******************/
.pinkbar /* the pinkbar is no longer pink, march, 2019 */
	{
	width: 80%;
	margin: auto;
	margin-top: .4%;
	margin-bottom: 1										s%;
	}
	
p.pinkbar, a.pinkbar
	{
	font-size: 0.8em;
 	color:/* #68a57c; */ #ae8832;
 	padding: 3% 5%  0.7% 1%;
 	font-family: Arial, sans-serif;
 	font-variant: small-caps;
 	}
 
 p.pinkbar
 	{
 	margin-left: 60%;
 	}
 	
a.pinkbar
	{
	padding: 0;
	text-decoration: none;
	}
 	
a:hover.pinkbar
	{
	font-size: 1.27em;
	font-style: oblique;
	font-weight: bold;
	}
	
	
	/**************** pinkbar end ******************/
	
	
	/************** aside.pullquote/ag start ****************/

aside.pullquote
	{				/* For the pull quotes FLOAT RIGHT */
	float: right;
	padding-left: 1.5em;
	padding-top: 1.5%;
	width: 22%;
	background-color: transparent;
	margin-right: 6%;
	}
	
aside.pullquoteag
	{				/* for the FLOAT LEFT pullquotes */
	float: left;
	width: 25%;
	background-color: transparent;
	margin: -3.5% 2% 0% 6%;
	padding: 2% 1% 0.2% 0;
	/*border-right: 1px solid #734d26; */
	}

img.startquote
	{
	float: left;
	padding-right: 3%;
	margin-top: -3%;
	width: 1.2em;
	}
	
img.endquote
	{
	float: right;
	margin-top: -22%;
	margin-right:  1%;
	width: 1.2em;
	}
	
p.pullquote
	{
	margin-top; 3%;
	font-size: 0.95em;
	line-height: 1em;
	font-weight: lighter;
	color:  #68a57c;
	font-style: italic;
	text-align: center;
	padding:  0.5em 0.5em 2em 1em;
	font-family: Arial, sans-serif;
	}
	
	
p.pullquoteag, a.pullquoteag
	{
	margin-top: .2%;
	margin-bottom: 11%;
	font-size: 1em;
	line-height: 1.15em;
	text-align: center;
	color: #627093;
	font-family: Arial, sans-serif;
	text-decoration: none;
	}

	
a:hover.pullquoteag
	{
	/*font-weight: bold;*/
	font-size: 1em;
	line-height: 1.12em;
	color: #627093; /*darkgray; */
	font-style: oblique;
	}
	
			
	/************** aside.pullquote/ag end ************/
	
	 /************** aside.tldr start ************/
	
aside.tldr
	{				                  /* <--floats left  */
	float: left;
	width: 20%;
	margin: 0 2.5% 0 0;
	padding: 1% 0% 1.5% 4%;
	border-right: 0.3px solid #466983;
	}
	
h2.tldr
	{
	font-family: Allan, sans-serif;
	margin: -12% 0 -5% 8%;
	color: #466983;
	font-size: 2.2em;
	line-height: 1.8em;
	font-weight: bold;
	text-shadow: 4px 3px 3px #aaa;
	}
	
	
p.tldr, a.tldr
	{
	font-family: Allan, sans-serif;
	margin: 4% 9% 5% 1%;
	font-size: 1.09em;
	line-height: 1.29em;
	text-align: left;
	color: #34457c;
	}
	
	/************** aside.tldr end ************/
	
	
	/**************** footer  start *******************/
footer {
	clear:both; 		/* clears all floats to keep footer at bottom */
	width: 65%;		  /* narrower than the rest of the page */
	max-width: 1000px;
	margin: auto; 		/* centers div */
	margin-top: 1%;
	margin-bottom: 7%;
	background-color: gray;
	padding-top: 1.0%;
	padding-bottom: 1.0%;
	text-align: center;
	border-radius: 8px;
	}

a.footer1, a.footer2, a.footercurrent
	{
	color: white;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-variant: small-caps;
	font-size: .8em;
	margin-top: -1%;
	}
	
a.footercurrent
	{
	color: lightblue;
	}

a:hover.footer1, a:hover.footer2
	{
	padding-bottom: 0;
	font-size: .75em;
	color: white;
	font-style: oblique;
	}
	
	
p.footerbot
	{
	color:white;
	font-size: 1em;
	margin-top: 2%;
	margin-bottom:  2%;
	}
	
img.footlogo1
	{
	margin-top: -1.0%;
	margin-right: 1.2%;
	float: right;
	}
	
img.footlogo2
	{
	margin-top: -1.0%;
	margin-left: 1.2%;
	float:left;
	}

	/**************** footer end ******************/
	
	
	/************* animation of logo start*********/
	
	 /* The animation code */
	
@-moz-keyframes aglogo 		/* animates agtruck */
	{
	0%   {transform: scale(0.13) rotate(015deg); opacity: 0.10;}
	5%   {transform: scale(0.18) rotate(030deg); opacity: 0.12;}
    	10%  {transform: scale(0.21) rotate(045deg); opacity: 0.16;}
    	20%  {transform: scale(0.24) rotate(060deg); opacity: 0.20;}
    	25%  {transform: scale(0.27) rotate(075deg); opacity: 0.24;}
    	30%  {transform: scale(0.30) rotate(090deg); opacity: 0.35;}
    	35%  {transform: scale(0.33) rotate(105deg); opacity: 0.34;}
    	40%  {transform: scale(0.36) rotate(120deg); opacity: 0.35;}
    	45%  {transform: scale(0.39) rotate(135deg); opacity: 0.40;}
    	50%  {transform: scale(0.42) rotate(150deg); opacity: 0.42;}
    	55%  {transform: scale(0.45) rotate(165deg); opacity: 0.45;}
    	58%  {transform: scale(0.48) rotate(180deg); opacity: 0.50;}
    	62%  {transform: scale(0.51) rotate(200deg); opacity: 0.55;}
    	65%  {transform: scale(0.54) rotate(220deg); opacity: 0.60;}
      	69%  {transform: scale(0.58) rotate(240deg); opacity: 0.65;}
      	74%  {transform: scale(0.62) rotate(255deg); opacity: 0.70;}
      	78%  {transform: scale(0.66) rotate(275deg); opacity: 0.72;}
      	81%  {transform: scale(0.76) rotate(295deg); opacity: 0.73;}
      	84%  {transform: scale(0.80) rotate(315deg); opacity: 0.74;}
      	87%  {transform: scale(0.84) rotate(325deg); opacity: 0.74;}
      	90%  {transform: scale(0.89) rotate(340deg); opacity: 0.74;}
      	92%  {transform: scale(0.93) rotate(350deg); opacity: 0.75;}
      	95%  {transform: scale(0.97) rotate(355deg); opacity: 0.78;}
     	100% {transform: scale(0.99) rotate(359deg); opacity: 0.80;}
	}
   
@-o-keyframes aglogo
	{
	0%   {transform: scale(0.13) rotate(015deg); opacity: 0.10;}
	5%   {transform: scale(0.18) rotate(030deg); opacity: 0.12;}
    	10%  {transform: scale(0.21) rotate(045deg); opacity: 0.16;}
    	20%  {transform: scale(0.24) rotate(060deg); opacity: 0.20;}
    	25%  {transform: scale(0.27) rotate(075deg); opacity: 0.24;}
    	30%  {transform: scale(0.30) rotate(090deg); opacity: 0.35;}
    	35%  {transform: scale(0.33) rotate(105deg); opacity: 0.34;}
    	40%  {transform: scale(0.36) rotate(120deg); opacity: 0.35;}
    	45%  {transform: scale(0.39) rotate(135deg); opacity: 0.40;}
    	50%  {transform: scale(0.42) rotate(150deg); opacity: 0.42;}
    	55%  {transform: scale(0.45) rotate(165deg); opacity: 0.45;}
    	58%  {transform: scale(0.48) rotate(180deg); opacity: 0.50;}
    	62%  {transform: scale(0.51) rotate(200deg); opacity: 0.55;}
    	65%  {transform: scale(0.54) rotate(220deg); opacity: 0.60;}
      	69%  {transform: scale(0.58) rotate(240deg); opacity: 0.65;}
      	74%  {transform: scale(0.62) rotate(255deg); opacity: 0.70;}
      	78%  {transform: scale(0.66) rotate(275deg); opacity: 0.72;}
     	81%  {transform: scale(0.76) rotate(295deg); opacity: 0.73;}
      	84%  {transform: scale(0.80) rotate(315deg); opacity: 0.74;}
      	87%  {transform: scale(0.84) rotate(325deg); opacity: 0.74;}
      	90%  {transform: scale(0.89) rotate(340deg); opacity: 0.74;}
      	92%  {transform: scale(0.93) rotate(350deg); opacity: 0.75;}
      	95%  {transform: scale(0.97) rotate(355deg); opacity: 0.78;}
     	100% {transform: scale(0.99) rotate(359deg); opacity: 0.80;}
    	}
   


@-keyframes aglogo
	{
	0%   {transform: scale(0.13) rotate(015deg); opacity: 0.10;}
	5%   {transform: scale(0.18) rotate(030deg); opacity: 0.12;}
    	10%  {transform: scale(0.21) rotate(045deg); opacity: 0.16;}
    	20%  {transform: scale(0.24) rotate(060deg); opacity: 0.20;}
    	25%  {transform: scale(0.27) rotate(075deg); opacity: 0.24;}
    	30%  {transform: scale(0.30) rotate(090deg); opacity: 0.35;}
    	35%  {transform: scale(0.33) rotate(105deg); opacity: 0.34;}
    	40%  {transform: scale(0.36) rotate(120deg); opacity: 0.35;}
    	45%  {transform: scale(0.39) rotate(135deg); opacity: 0.40;}
    	50%  {transform: scale(0.42) rotate(150deg); opacity: 0.42;}
    	55%  {transform: scale(0.45) rotate(165deg); opacity: 0.45;}
    	58%  {transform: scale(0.48) rotate(180deg); opacity: 0.50;}
    	62%  {transform: scale(0.51) rotate(200deg); opacity: 0.55;}
    	65%  {transform: scale(0.54) rotate(220deg); opacity: 0.60;}
      	69%  {transform: scale(0.58) rotate(240deg); opacity: 0.65;}
     	74%  {transform: scale(0.62) rotate(255deg); opacity: 0.70;}
      	78%  {transform: scale(0.66) rotate(275deg); opacity: 0.72;}
      	81%  {transform: scale(0.76) rotate(295deg); opacity: 0.73;}
      	84%  {transform: scale(0.80) rotate(315deg); opacity: 0.74;}
      	87%  {transform: scale(0.84) rotate(325deg); opacity: 0.74;}
      	90%  {transform: scale(0.89) rotate(340deg); opacity: 0.74;}
      	92%  {transform: scale(0.93) rotate(350deg); opacity: 0.75;}
      	95%  {transform: scale(0.97) rotate(355deg); opacity: 0.78;}
     	100% {transform: scale(0.99) rotate(359deg); opacity: 0.80;}
    	}
    	
    	
  @-webkit-keyframes aglogo /* inverted test */
	{
	0%   {transform: scale(0.13) rotate(015deg); opacity: 0.10;}
	5%   {transform: scale(0.18) rotate(030deg); opacity: 0.12;}
    	10%  {transform: scale(0.21) rotate(045deg); opacity: 0.16;}
    	20%  {transform: scale(0.24) rotate(060deg); opacity: 0.20;}
    	25%  {transform: scale(0.27) rotate(075deg); opacity: 0.24;}
    	30%  {transform: scale(0.30) rotate(090deg); opacity: 0.35;}
    	35%  {transform: scale(0.33) rotate(105deg); opacity: 0.34;}
    	40%  {transform: scale(0.36) rotate(120deg); opacity: 0.35;}
    	45%  {transform: scale(0.39) rotate(135deg); opacity: 0.40;}
    	50%  {transform: scale(0.42) rotate(150deg); opacity: 0.42;}
    	55%  {transform: scale(0.45) rotate(165deg); opacity: 0.45;}
    	58%  {transform: scale(0.48) rotate(180deg); opacity: 0.50;}
    	62%  {transform: scale(0.51) rotate(200deg); opacity: 0.55;}
    	65%  {transform: scale(0.54) rotate(220deg); opacity: 0.60;}
      	69%  {transform: scale(0.58) rotate(240deg); opacity: 0.65;}
      	74%  {transform: scale(0.62) rotate(255deg); opacity: 0.70;}
      	78%  {transform: scale(0.66) rotate(275deg); opacity: 0.72;}
      	81%  {transform: scale(0.76) rotate(295deg); opacity: 0.73;}
      	84%  {transform: scale(0.80) rotate(315deg); opacity: 0.74;}
      	87%  {transform: scale(0.84) rotate(325deg); opacity: 0.74;}
      	90%  {transform: scale(0.89) rotate(340deg); opacity: 0.74;}
      	92%  {transform: scale(0.93) rotate(350deg); opacity: 0.75;}
      	95%  {transform: scale(0.97) rotate(355deg); opacity: 0.78;}
     	100% {transform: scale(0.99) rotate(359deg); opacity: 0.80;}
	}
	

img.logo	/* four above controlled by this, aglogo */

	{
	animation: aglogo 3.0s .30s ease-out;
  }
  
    	
@-webkit-keyframes pheader /* animates "since 1949" */
	{
	0%   {transform: scale(0.15); opacity: 0.30;}
	20%  {transform: scale(0.35); opacity: 0.40; color: #a9a8b3;}
    	30%  {transform: scale(0.50); opacity: 0.50; color: #a9a8b3;}
    	40%  {transform: scale(0.65); opacity: 0.60; color: #a9a8b3;}
    	45%  {transform: scale(0.75); opacity: 0.70; color: #a9a8b3;}
	60%  {transform: scale(0.95); opacity: 0.75; color: #a9a8b3;}
    	65%  {transform: scale(1.02); opacity: 0.79; color: #a9a8b3;}
    	70%  {transform: scale(1.07); opacity: 0.89; color: #a9a8b3;}
    	80%  {transform: scale(1.05); opacity: 0.95; color: #a9a8b3;}
	}
	
@-o-keyframes pheader

	{
	0%   {-webkit-transform: scale(0.15); opacity: 0.30;} /*996699*/
	20%  {-webkit-transform: scale(0.35); opacity: 0.40; color: #a9a8b3;}
    	30%  {-webkit-transform: scale(0.50); opacity: 0.50; color: #a9a8b3;}
    	40%  {-webkit-transform: scale(0.65); opacity: 0.60; color: #a9a8b3;}
    	45%  {-webkit-transform: scale(0.75); opacity: 0.70; color: #a9a8b3;}
	60%  {-webkit-transform: scale(0.95); opacity: 0.75; color: #a9a8b3;}
    	65%  {-webkit-transform: scale(1.02); opacity: 0.79; color: #a9a8b3;}
    	70%  {-webkit-transform: scale(1.07); opacity: 0.89; color: #a9a8b3;}
    	80%  {-webkit-transform: scale(1.05); opacity: 0.95; color: #a9a8b3;}
	}

@-moz-keyframes pheader

	{
	0%   {-moz-transform: scale(0.15); opacity: 0.30;}
	20%  {-moz-transform: scale(0.35); opacity: 0.40; color: #a9a8b3;}
    	30%  {-moz-transform: scale(0.50); opacity: 0.50; color: #a9a8b3;}
    	40%  {-moz-transform: scale(0.65); opacity: 0.60; color: #a9a8b3;}
    	45%  {-moz-transform: scale(0.75); opacity: 0.70; color: #a9a8b3;}
	60%  {-moz-transform: scale(0.95); opacity: 0.75; color: #a9a8b3;}
    	65%  {-moz-transform: scale(1.02); opacity: 0.79; color: #a9a8b3;}
    	70%  {-moz-transform: scale(1.07); opacity: 0.89; color: #a9a8b3;}
    	80%  {-moz-transform: scale(1.05); opacity: 0.95; color: #a9a8b3;}
	}

@-keyframes pheader
	{
	0%   {transform: scale(0.15); opacity: 0.30;}
	20%  {transform: scale(0.35); opacity: 0.40; color: #a9a8b3;}
    	30%  {transform: scale(0.50); opacity: 0.50; color: #a9a8b3;}
    	40%  {transform: scale(0.65); opacity: 0.60; color: #a9a8b3;}
    	45%  {transform: scale(0.75); opacity: 0.70; color: #a9a8b3;}
	60%  {transform: scale(0.95); opacity: 0.75; color: #a9a8b3;}
    	65%  {transform: scale(1.02); opacity: 0.79; color: #a9a8b3;}
    	70%  {transform: scale(1.07); opacity: 0.89; color: #a9a8b3;}
    	80%  {transform: scale(1.05); opacity: 0.95; color: #a9a8b3;}
	}
	
	p.header  /* above 4 controlled by this, text in header */
	{
	animation: pheader 2.75s 0.21s ease-out;
  	}
	
	
	/*****************end logo animation *************/


	/*********** start the @media for screens smaller than 481 px ******/
	
	@media only screen and (max-width: 481px)  /*mobile responsive code */
	{
	body {margin: 0; padding: 0; width: 100%; }	
	
	header {width:90%; padding: 6% 2% 2.5% 3%; margin: 2.5% 2.9% 0 2%; border-radius: 10px 10px 3px 3px; }
	a.header {font-size: 2.0em; line-height: 105%; padding: 2.5% 0 1% 3%; margin: auto; margin-top: 2.5%;}   /*reduces GFS title size */
	a:hover.header {font-size: 2.3em;}
	
	p.header, p.headerx {font-size: 1.1em; padding: 0; margin: 4% 0 3% 4%;}		/* tagline smaller */
	
	.main {width: 94%; background: white url(../images/background/thrushsmall2.jpg) no-repeat fixed /*top right*/ -5% -12%; }
	
	p.maintext {line-height: 1.45em; font-size: 1em; margin-left: 6%; text-indent: 4%;}
	
	h3.agtitle {font-size: 1.7em; }		/*smaller titles  in ag, comm, av, etc.*/
	p.maindate {font-size: 1.0em;}
	h3.maintitle {font-size: 1.4em; text-align: center; padding-bottom: 0.32em;}
	img.logo, img.logox  {padding: 2% 2% 2% 0; width: 55%;}
	
	nav {width: 95%; margin: 1% 0 0 2.2%; float: none; padding: 3.5% 0 2.5% 2%; text-align: center; }		/* to center */
	/*nav {border: none; background-color: #3255ae; border-radius: 5% 5%;}*/
	a.nav1, a.nav2, a.nav3, a.nav4, a.navcurrent, a.navsearch {float: none; font-size: 0.9em; padding: 0 0 .35em 0; line-height: 0.7em;}
	a.navcurrent {border-bottom: 1px white solid; font-style: none; font-weight: bold; }
	
	.pinkbar { width: 86%; margin-top: 1%; margin-bottom: -5%; padding: 1% 2% 2% 3%;}
	p.pinkbar, a.pinkbar {font-size: 0.4em; text-align: left; margin: 0; padding: 2% 1% 2% 4%; color:#ae8832;}
	a.pinkbar {margin: 0; font-size: 0.3em; padding: 0.2% 0.2% 0.2% 0.1%; text-align: left;}
	a:hover.pinkbar {font-size: 0.8em; border-bottom:}
	
	figure.photos, figure.newsphotos, figure.newsphotosleft, figure.tours, figure.toursleft, figure.payonline, figure.forsalephotos {float:none; width: 90%;  margin: 5% 2% 5% 7%; box-shadow: none;  padding: 1%;}
	figcaption, figcaption.newsphotosleft, figcaption.forsalephotos  {font-size:1.0em; margin-top: 2%; margin-bottom: 3%;}
		
	aside.pullquoteag, aside.pullquote, aside.tldr {float:none; width: 70%; padding: 0; margin: 5% 0 2% 7%; border: none;}
	p.pullquote, p.pullquoteag {font-size: 1.2em; line-height: 1.1em; margin: 2% 5% 2% 20%; padding-right: 3%; font-weight: bold; }
	a.pullquoteag {font-size: 0.7em; line-height: 0.6em; margin-left: 2%; margin-right: 1%; padding: 0;}
	p.pullquote {font-size: 1.1em; margin-left: 5%; margin-right: 5%; }
	img.startquote, img.endquote {width: 1em; padding: 0;}
	
	aside.tldr {border-top: 1px solid black; padding: 5% 0 4% 10%; border-bottom: 1px solid black; margin-bottom: 5%;}
	p.tldr, a.tldr {font-size: 1.39em;line-height: 1.5em;}
	h2.tldr {padding-top: 5%;}
	
	footer {float: left; width: 85%; padding: 2.5% 0 2.5% 0; margin: 1.5% 0 3% 8%;}		/*footer spacing */
	a.footer1 {padding: 0;}
	a.footer1, a.footer2 {font-size: 1.2em; line-height: 1.5em;}	
	
	}			/* endcurly bracket for @media-screen */
		
		/************end the @media screen portion ************/


