body  {font-size: 100%; margin: 0; padding: 0;}


a:link {color: #808080; text-decoration: none;}
a:visited {color: #808080; text-decoration: none;}
a:focus {color: #808080; text-decoration: none;}
a:hover {color: #808080; text-decoration: underine;}
a:active {color: #808080; text-decoration: none;}


* {box-sizing: border-box;}


@media screen and (max-width: 768px) {


div#titleimage {visibility: hidden; position: relative;  top: 0px; width: 100%;  height: 50px; z-index: 0;}
				
div#maintitle  {display: block; position: fixed; top: 0px; width: 100%; height: 50px; line-height: 50px; background: #FFFFFF; margin: auto; font: Georgia,Serif; font-size: 32px; color: #2D73B9; text-align: center; border-bottom-style: solid; border-width: 1px; border-color: #808080; z-index: 2;} 
			   
div#maintitle a {color: #2D73B9}

div#datetab    {display: block; position: relative; width: 100%; height: 20px; line-height: 20px; background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: center; border-style: none; border-bottom-style: solid; border-width: 1px; border-color: #808080;}

div#oldpost    {display: block; position: relative; width: 50%; height: 40px; line-height: 40px; float:left; background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: center; border-style: none; border-bottom-style: solid;  border-width: 1px; border-color: #808080;}

div#links      {display: block; position: relative; width: 50%; height: 40px; line-height: 40px; float: right;  background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: center; border-style: none; border-bottom-style: solid;  border-width: 1px; border-color: #808080;}

div#headline   {clear: right; display: block; position: relative; width: 100%; height: 50px; line-height: 50px; text-align: center; background:#FFFFFF;}

div#headline h1 {font: Georgia, Serif; font-size: 1.5em; color: #224444;}
 
div#clicker {display: block; position: relative; width: 95%; height: auto; margin: auto; overflow: auto; background: #FFFFFF;}

div#clicker img {display: block; width: auto; max-width: 100%; margin: auto;}

div#clicker p {font-size: .8em; text-align: center; font-style: italic; color: 808080; margin-top: -1px;}

div#content {display: block; position: relative; margin: auto; width: 95%; font:Georgia,serif; font-size: 1.1em; color: #000000; padding-top: 10px; background: #FFFFFF;}

div#content p {line-height: 22px;}

div#content object {display: block; width: 300px; margin: auto;}

div#content video {display: block; width: 95%; margin: auto;}

img {border: 0px}

div#images {display: none;}

div#yearcount {display: inline-block; position: relative; float: left; margin-left: 10px; line-height: 22px;} 

div#yearcount a {color: #224444; font-size: 1.3em; line-height: 25px; height: 25px;}

div#yearcount a:hover {color: #2D73B9;}

div#archivecontent {display: block; position: relative; margin: auto; width: 95%; font:Georgia,serif; font-size: 1em; color: #000000; background: #FFFFFF;}

div[id*="yr"] {display: inline-block; position: relative; margin-left: 20px;}

div[id*="yr"] p {color: #2D73B9; font-size: 1em; line-height: 25px; padding-top: 5px;}

div[id*="yr"] a {line-height: 22px;}

div#linkscontent {display: block; position: relative; width: 100%; font:Georgia,serif; font-size: 1.3em; color: #000000; padding-top: 10px; background: #FFFFFF;}

div#linkscontent img {padding: 20px 40px;}

} /* end of small screen css */


@media screen and (min-width: 769px) and (max-width: 910px) {


div#titleimage {visibility: visible; display: inline-block; position: relative; float: right; top: 0px;  width: 28%; height: 100px; z-index: 2;  border-bottom-style: solid; border-width: 1px; border-color: #808080;}

div#titleimage img {max-width: 100%; height: 100px;}
				
div#maintitle  {display: inline-block; position: relative; top: 0px; float: left; width: 72%; height: 100px; z-index: 1; line-height: 100px;  background: #FFFFFF; margin: auto; font: Georgia,Serif; font-size: 32px; color: #2D73B9; text-align: center; border-bottom-style: solid; border-width: 1px; border-color: #808080; z-index: 1;} 
			   
div#maintitle a {color: #2D73B9; margin: auto;}

div#datetab    {clear: right; display: block; position: relative; width: 100%; height: 30px; line-height: 30px; background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: left; padding-left: 30%; border-style: none; border-bottom-style: solid; border-width: 1px; border-color: #808080;}

div#oldpost    {display: inline-block; position: relative; width: 86%; float: left; height: 40px; line-height: 40px; background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: left; padding-left: 74%; border-style: none; border-bottom-style: solid;  border-width: 1px; border-color: #808080;}

div#links      {display: inline-block; position: relative; width: 14%; float: right; height: 40px; line-height: 40px; background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: center; border-style: none; border-bottom-style: solid; border-width: 1px; border-color: #808080;}

div#headline   {display: block; float: left; position: relative; width: 72%; height: 60px; line-height: 60px; text-align: center; background: #FFFFFF;}

div#headline h1 {font: Georgia, Serif; font-size: 1.5em; color: #224444;}
 
div#clicker {display: inline-block; position: relative; float: right; margin-top: 40px; width: 28%; background: #FFFFFF; }

div#clicker img {width: 100%;}

div#clicker p {font-size: .8em; text-align: center; font-style: italic; color: 808080; margin-top: -1px;} 

div#content {display: inline-block; position: relative; width: 72%; float:left; font:Georgia,serif; font-size: 1.1em; color: #000000; padding-top: 10px; background: #FFFFFF;}

div#content p {line-height: 22px; width: 95%; margin-left: 20px; margin-right: 0px;}

div#content object {display: block; margin: auto;}

div#content video {display: block; width: 95%; height: auto; margin: auto;}

div#images {display: inline-block; position: relative; width: 28%; float: right; margin-top: 10px; height: 195px;  background: #FFFFFF; }

div#images img {width: 100%;}

div#yearcount {display: inline-block; margin-left: 20px; position: relative; float: left; line-height: 22px;} 

div#yearcount a {color: #224444; font-size: 2em; line-height: 40px;}

div#yearcount a:hover {color: #2D73B9;}

div#archivecontent {clear: right; display: block; position: relative; width: 100%; margin-top: 100px; font:Georgia,serif; font-size: 1.1em; color: #000000; background: #FFFFFF;}

div[id*="yr"] {display: inline-block: position: relative; margin-left: 60px;}

div[id*="yr"] p {color: #2D73B9; font-size: 1.3em; text-align: left; height: 20px;}

div[id*="yr"] a {line-height: 25px;}

div#linkscontent {display: block; position: relative; width: 100%; font:Georgia,serif; font-size: 1.1em; color: #000000; padding-top: 10px; background: #FFFFFF;}

div#linkscontent img {padding: 20px 40px;}

}


@media screen and (min-width: 911px) {


div#titleimage {position: fixed; top: 0px; margin-left: 656px; width: 28%; max-width: 256px; height: 100px; z-index: 2; overflow: hidden; border-bottom-style: solid; border-width: 1px; border-color: #808080;}

div#titleimage img {max-with: 100%; height: 100px;}
				
div#maintitle  {display: block; position: fixed; top: 0px; width: 72%; max-width: 656px; height: 100px; line-height: 100px;  background: #FFFFFF; margin: auto; font: Georgia,Serif; font-size: 32px; color: #2D73B9; text-align: center; border-bottom-style: solid; border-width: 1px; border-color: #808080; z-index: 1;} 
			   
div#maintitle a {color: #2D73B9; margin: auto;}

div#datetab    {clear: right; display: block; position: relative; width: 912px; margin-top: 100px; height: 30px; line-height: 30px; background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: left; padding-left: 275px; border-style: none; border-bottom-style: solid; border-width: 1px; border-color: #808080;}

div#oldpost    {display: inline-block; position: relative; width: 784px; height: 40px; padding-left: 665px; line-height: 40px; background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: center; border-style: none; border-bottom-style: solid;  border-width: 1px; border-color: #808080;}

div#links      {display: inline-block; position: relative; width: 128px; height: 40px; margin-left: -4px; line-height: 40px; background:#FFFFFF; font:Georgia,Serif; font-size: 1em; color: #808080; text-align: center; border-style: none; border-bottom-style: solid; border-width: 1px; border-color: #808080;}

div#headline   {display: block; position: relative; width: 100%; max-width: 656px; height: 50px; line-height: 50px; text-align: center; background: #FFFFFF;}

div#headline h1 {font: Georgia, Serif; font-size: 1.5em; color: #224444;}
 
div#clicker {display: inline-block; position: absolute; top: 240px; width: 256px; left: 656px; background: #FFFFFF; }

div#clicker img {width: 256px;}

div#clicker p {font-size: .8em; text-align: center; font-style: italic; color: 808080; margin-top: -1px;} 

div#content {display: inline-block; position: absolute; width: 656px; top: 240px; font:Georgia,serif; font-size: 1.1em; color: #000000; padding-top: 10px; background: #FFFFFF;}

div#content p {line-height: 24px; width: 95%; margin-left: 20px; margin-right: 10px;}

div#content object {display: block; margin: auto;}

div#content video {display: block; width: 95%; height: auto; margin: auto;}


div#images {display: inline-block; position: absolute; width: 256px; margin-top: 10px; left: 656px; top: 600px; background: #FFFFFF; }

div#images img {width: 256px;}

div#yearcount {display: inline-block; position: relative; float: left; margin-left: 20px; line-height: 22px;} 

div#yearcount a {color: #224444; font-size: 2em; line-height: 40px;}

div#yearcount a:hover {color: #2D73B9;}

div#archivecontent {display: block; position: relative; width: 656px; font:Georgia,serif; font-size: 1.1em; color: #000000; background: #FFFFFF;}

div[id*="yr"] {display: inline-block: position: relative; margin-left: 60px;}

div[id*="yr"] p {color: #2D73B9; font-size: 1.3em; text-align: left; height: 20px;}

div[id*="yr"] a {line-height: 25px;}

div#linkscontent {display: block; position: relative; width: 912px; font:Georgia,serif; font-size: 1.1em; color: #000000; padding-top: 10px; background: #FFFFFF;}

div#linkscontent img {padding: 20px 40px;}

}