body {
  	margin:0;
    background-image: url('../images/colorBackground6.gif');
  	background-repeat: repeat;
  	 background-size: auto;
  	/*background-size: contain;*/ 		  	    		
}

#pageContainer {
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 5px;
	border: 0px solid #FF9933;
	background-color: #000000;
  	-webkit-animation-name: backgroundanimation; /* Safari 4.0 - 8.0 */
  	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  	animation-name: backgroundanimation;
  	animation-duration: 4s;  
  	animation-timing-function: ease; 	
  	opacity: 1.0;
}

#navContainer {
   position: fixed;
   margin: 0px;
   width: 100%;
   opacity: 0.8;
   z-index: 10;
   -webkit-animation-name: backgroundanimation; /* Safari 4.0 - 8.0 */
   -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
   animation-name: backgroundanimation;
   animation-duration: 4s;  
   animation-timing-function: ease; 	   
}

@media screen and (min-width:680px) {
#mobileTitle {
  display: none;
}
}

@media screen and (min-width:680px) {
#desktopTitle {
  background-color: #000000;
  /*opacity: 0.8;*/
  padding-top:6px;
  
  position: relative;
  -webkit-animation-name: titleanimation; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: titleanimation;
  animation-duration: 4s;  
  animation-timing-function: ease;
}  
}

@media screen and (max-width:680px) {
#desktopTitle {
  display: none;  
}
}

#navtopline {
  background-color: #66CCFF;
  padding-top: 2px;
}

#navbottomline {
  background-color: #66CCFF;
  padding-top: 2px;
}

@media screen and (min-width:680px) {
#nav {
  margin: auto;
  position: relative;
  -webkit-animation-name: navanimation; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
  animation-name: navanimation;
  animation-duration: 6s; 
  animation-timing-function: ease;
}
}

@media screen and (max-width:680px) {
#nav {
  margin: auto;
  position: relative;
  -webkit-animation-name: navanimation; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: navanimation;
  animation-duration: 4s; 
  animation-timing-function: ease;
}
}

ul.topnav {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  background-color: #000000;
  overflow: hidden;
}

/* Home tv */
@media only screen and (min-width:1919px) and (max-width:1921px) and (min-height:900px) and (max-height:938px){	
ul.topnav {
  padding-left: 360px;
}
}

/* Lenovo Laptop */
@media only screen and (min-width:1518px) and (max-width:1536px) and (min-height:694px) and (max-height:755px){	
ul.topnav {
  padding-left: 140px;
}
}

@media screen and (max-width:680px) {
ul.topnav {
    background-image: url('../images/AnthonyLanniTitle.gif');
    background-position: 20px 10px;
  	background-repeat: no-repeat;
  	/*background-size: contain;*/
  	background-size: 90%;
}
}

/*
a.dashes {
	font-size: 400px;
}
*/
/* Amazon Kindle Fire */
/*
@media only screen and (min-width:600px) and (max-width:1024px) {
a.dashes {
	font-size: 400px;
}
}
*/

ul.topnav li {float: left;}

@media screen and (min-width:1180px){
ul.topnav li a {
  display: inline-block;
  color: #66CCFF;
  /*color: #FF9933;*/
  text-align: left;
  margin-left: 32px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 30px;
  padding-left: 30px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;
}
}

@media screen and (min-width:880px) and (max-width:1180px){
ul.topnav li a {
  display: inline-block;
  color: #66CCFF;
  text-align: left;
  margin-left: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 26px;
  padding-left: 26px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;  
}
}
@media screen and (min-width:680px) and (max-width:880px) {
ul.topnav li a {
  display: inline-block;
  color: #66CCFF;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 16px;
  padding-left: 16px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;  
}
}
@media screen and (max-width:680px) {
ul.topnav li a {
  display: inline-block;
  color: #66CCFF;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;
  border: 0px solid #FF9933;
}
}
@media screen and (min-width:711px) and (max-width:753px) and (orientation: landscape) {
ul.topnav li a {
  display: inline-block;
  color: #66CCFF;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 16px;
  padding-left: 16px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 16px;  
}
}

@media screen and (min-width:966px) and (max-width:966px) and (orientation: landscape) {
ul.topnav {
  padding-left: 60px;
}

ul.topnav li a {
  display: inline-block;
  color: #66CCFF;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 16px;
  padding-left: 16px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 16px;  
}
}

ul.topnav li a:hover {
	/*background-color: #FF9933;*/
	background-color: #66CCFF;
	color: #000000;
}

@media screen and (min-width:1180px){
ul.topnav li span {
  display: inline-block;
  color: #FFAF62;
  /*color: #FF9933;*/
  text-align: left;
  /*
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 16px;
  padding-left: 16px;*/
  margin-left: 40px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 30px;
  padding-left: 30px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;
}
}
@media screen and (min-width:880px) and (max-width:1180px){
ul.topnav li span {
  display: inline-block;
  color: #FFAF62;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 30px;
  padding-left: 30px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;  
}
}
@media screen and (min-width:680px) and (max-width:880px) {
ul.topnav li span {
  display: inline-block;
  color: #FFAF62;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 20px;
  padding-left: 20px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;  
}
}
@media screen and (max-width:680px) {
/*ul.topnav li.clicked {*/
ul.topnav li span {	
  display: inline-block;
  color: #FFAF62;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 18px;
  border: 0px solid #FF9933;
}
}
@media screen and (min-width:711px) and (max-width:753px) and (orientation: landscape) {
ul.topnav li span {
  display: inline-block;
  color: #FFAF62;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 20px;
  padding-left: 20px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 16px;  
}
}
@media screen and (min-width:966px) and (max-width:966px) and (orientation: landscape) {
ul.topnav li span {
  display: inline-block;
  color: #FFAF62;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 20px;
  padding-left: 20px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 16px;  
}
}

/* HTC Touch and Wildfire */
@media only screen and (min-width:240px) and (max-width:240px) and (min-height:220px) and (max-height:427px){
ul.topnav li span {
  display: inline-block;
  color: #FFAF62;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 20px;
  padding-left: 20px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 10px;  
}

ul.topnav li a {
  display: inline-block;
  color: #66CCFF;
  text-align: left;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 16px;
  padding-left: 16px;
  text-decoration: none;
  transition: 0.3s;
  font-family: Arial;
  font-weight: 800;
  font-size: 10px;  
}
}

ul.topnav li.icon {
    display: none;
}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: left;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {
  	position: relative;
  	/*background-size: 90%;*/ 
  }
  ul.topnav.responsive li.icon {
    position: absolute;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

ul.topnav li a.iconportrait {
  font-size: 3vh;
}

ul.topnav li a.iconlandscape {
  font-size: 8vh;
}

@media only screen and (orientation: landscape) {
ul.topnav li a.iconportrait {
	display: none;
}
}

@media only screen and (orientation: portrait) {
ul.topnav li a.iconlandscape {
	display: none;
}
}

@media screen and (min-width:680px) {
li.mobile {
	display: none;
}
}

@media screen and (max-width:680px) {
li.mobile {
}
}

li.clicked {
    color: #FFAF62;
    text-transform: uppercase;
}

a {
	border: 0px;
}

a:link {
	color: #FFFFFF;
}

a:visited {
	color: #FFFFFF;
}

a:active {
	color: #FFFFFF;
}

a.footer {
	border: 0px;
}

a.footer:link {
	color: #66CCFF;
}

a.footer:visited {
	color: #66CCFF;
}

a.footer:active {
	color: #66CCFF;
}

img.title {
	width: 100%;
	height: auto;
}

/* Home tv */
@media only screen and (min-width:1919px) and (max-width:1921px) and (min-height:900px) and (max-height:938px){	
img.title {
	width: 70%;
	height: auto;
}
}

/* Lenovo Laptop */
@media only screen and (min-width:1518px) and (max-width:1536px) and (min-height:694px) and (max-height:755px){
img.title {
	width: 70%;
	height: auto;
}
}

/* Dell Laptop */
@media only screen and (min-width:1279px) and (max-width:1535px) and (min-height:609px) and (max-height:865px){	
img.title {
	width: 70%;
	height: auto;
}
}

img.mobileTitle {
	width: 40%;
	height: auto;
}

circle {
	stroke: #66CCFF;
	fill: #66CCFF;
}

#footer {
  width: 100%;
  bottom: 0px;
  background-color: #000000;
  font-family: Arial;
  font-weight: bold;
  font-size: 80%;
  color: #66CCFF;
  /*
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
  padding-top: 2px;
  padding-bottom: 3px;
  */
  /*right:5px;*/
  left: 0px;
  overflow-x:hidden;
  /*
  float: left;
  display: block;
  */ 
  border-top: 1px solid #66CCFF;
  border-bottom: 0px solid #66CCFF;
  opacity: 0.8;
  position: fixed;  
  z-index: 1;
}

@media screen and (max-width:680px) {
#footer {
	height: 40px;
}
}

@media screen and (min-width:680px) and (max-width:800px) {
#footer {
	height: 50px;
}
}

@media screen and (min-width:800px) {
#footer {
	height: 30px;
}
}

/* Google Nexus 7 Landscape */
@media only screen and (min-width:966px) and (max-width:967px) and (min-height:500px) and (max-height:605px){	
img.title {
	width: 70%;
	height: auto;
}

#footer {
	height: 50px;
}
}

/* Apple iPad Pro 2018 11 */
@media screen and (min-width:834px) and (max-width:835px) and (min-height:1000px) and (max-height:1195px){
#footer {
	height: 50px;
}
}

@media screen and (max-width:1024px) {
span.desktop {
	display: none;
}
}

@media screen and (max-width:680px) {
span.ipadAndDesktop {
	display: none;
}
}

@media screen and (min-width:680px) {
span.mobile {
	display: none;
}
}

@media screen and (min-width:680px) {
br.mobile {
	display: none;
}
}

#footerContent {
	border-top: 0px solid #66CCFF;
	padding-top: 3px;
	position: relative;
  	-webkit-animation-name: footeranimation; /* Safari 4.0 - 8.0 */
  	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  	animation-name: footeranimation;
  	animation-duration: 4s;  
  	animation-timing-function: ease; 	
}