body { background: url("../images3/space8.jpg"); background-size: 100%;} #rotating_logo { width:450px; height:auto; margin-top:60px; margin-bottom:60px } table { margin-bottom:40px; margin-left:auto; margin-right:auto; width:66% } tbody {width:100%} tr { width:100% } td { width:33% } a.nav { display: block; width:auto; margin-top:20px; margin-bottom:40px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 140% } ul { padding:0% !important} #content { margin-top:40px; margin-bottom:40px } a img:link{ color: #4444FF; outline:none } a img:visited{ color: #4444FF; outline:none } a img:hover{ color: orange; outline:none } a img:focus{ color: orange; outline:none } a img:active{ color: red; outline:none } a:link{ color: #337AB7; opacity:1.0; outline:none !important} /* 4444ff */ a:visited{ color: #337AB7; opacity:1.0; outline:none } a:hover{ color: orange; opacity:0.7; outline:none } a:focus{ color: orange; opacity:0.7; outline:none } a:active{ color: red; opacity:0.7; outline:none } li { padding: 0% !important; } a.nav { display:block; width:auto; height:auto; font-size:120%; line-height:50px; text-align:center; padding: 10% 0% 10% 0%; text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), 0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), -0.09em -0.09em 0.5em rgba(128, 128, 192, 1.0), 0.09em 0.09em 0.5em rgba(128, 128, 192, 1.0) } a.nav { animation : glow 2s ease-in-out infinite alternate !important; -moz-animation: glow 2s ease-in-out infinite alternate !important; /* Firefox */ -webkit-animation: glow 2s ease-in-out infinite alternate !important; /* Safari and Chrome */ -o-animation: glow 2s ease-in-out infinite alternate !important; /* Opera */ } @-moz-keyframes glow { from { text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), 0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), -0.09em -0.09em 0.5em rgba(192, 192, 255, 1.0), 0.09em 0.09em 0.5em rgba(192, 192, 255, 1.0), 0 0 0.7em #336699, 0 0 0.9em #336699, 0 0 1.1em #336699, 0 0 1.3em #336699 } to { text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), 0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), -0.09em -0.09em 0.5em rgba(192, 192, 255, 1.0), 0.09em 0.09em 0.5em rgba(192, 192, 255, 1.0), 0 0 0.7em #003366, 0 0 0.9em #003366, 0 0 1.1em #003366, 0 0 1.13em #003366 } } @-webkit-keyframes glow { from { text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), 0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), -0.09em -0.09em 0.5em rgba(128, 128, 192, 1.0), 0.09em 0.09em 0.5em rgba(128, 128, 192, 1.0), 0 0 0.7em #336699, 0 0 0.9em #336699, 0 0 1.1em #336699, 0 0 1.3em #336699 } to { text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), 0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), -0.09em -0.09em 0.5em rgba(128, 128, 192, 1.0), 0.09em 0.09em 0.5em rgba(128, 128, 192, 1.0), 0 0 0.7em #003366, 0 0 0.9em #003366, 0 0 1.1em #003366, 0 0 1.13em #003366 } } @keyframes glow { from { text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), 0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), -0.09em -0.09em 0.5em rgba(192, 192, 255, 1.0), 0.09em 0.09em 0.5em rgba(192, 192, 255, 1.0), 0 0 0.7em #336699, 0 0 0.9em #336699, 0 0 1.1em #336699, 0 0 1.3em #336699 } to { text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em 0.08em 0.08em rgba(0, 0, 0, 1.0), -0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), 0.08em -0.08em 0.08em rgba(0, 0, 0, 1.0), -0.09em -0.09em 0.5em rgba(192, 192, 255, 1.0), 0.09em 0.09em 0.5em rgba(192, 192, 255, 1.0), 0 0 0.7em #003366, 0 0 0.9em #003366, 0 0 1.1em #003366, 0 0 1.13em #003366 } } #back_link:link{ color: #4444FF; opacity:1.0 } #back_link:visited{ color: #4444FF; opacity:1.0 } #back_link:hover{ color: orange; opacity:1.0 } #back_link:focus{ color: orange; opacity:1.0 } #back_link:active{ color: red; opacity:1.0 } a p { outline:none; width: 100% } img { border: 0; } .left_align { float:left; margin-left:30%; width:40px; height:40px; } .middle_align { margin-left:45%; width:40px; height:40px; } .right_align { margin-right:30%; float:right; width:40px; height:40px; } .small_image { display:block; margin-left:auto; margin-right:auto; height:120px } .large_image { display:block; margin: 0 auto } .image_container { height:150px; margin-bottom:80px } .img-responsive { margin: 0 auto; width: 450px; height:76px } .album_text { width:90%; margin-left:auto; margin-right:auto } .gallery_album_text { width:100%; margin-left:auto; margin-right:auto } p { display: block; margin-top:10px; margin-bottom:20px; text-decoration:none; text-align: justify; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #FFA566; /* #FFA500 */ font-size: 16px; } h2 { display: block; margin: auto; margin-top:20px; margin-bottom:10px; text-align: justify; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #FF6633; /* #FFFF00; */ font-size: 105%; } /* list */ #navigation ul li a{ float: left; width: 100%; margin-bottom: 20px; padding: 0; list-style: none } #navigation2 ul li a{ float: left; width: 100%; margin-bottom: 20px; padding: 0; list-style: none } @media only screen and (max-width: 289px) {a.nav.nav2 {font-size: 75% !important}} @media only screen and (max-width: 289px) {a.nav.nav4 {font-size: 75% !important}} @media only screen and (max-width: 289px) {#rotating_logo {width:280px !important}} @media only screen and (min-width: 290px) and (max-width: 359px) {a.nav.nav2 {font-size: 80% !important}} @media only screen and (min-width: 290px) and (max-width: 359px) {a.nav.nav4 {font-size: 80% !important}} @media only screen and (min-width: 290px) and (max-width: 359px) {#rotating_logo {width:290px !important}} @media only screen and (min-width: 360px) and (max-width: 479px) {a.nav.nav2 {font-size: 90% !important}} @media only screen and (min-width: 360px) and (max-width: 479px) {a.nav.nav4 {font-size: 90% !important}} @media only screen and (min-width: 360px) and (max-width: 479px) {#rotating_logo {width:360px !important}} @media only screen and (min-width: 480px) {a.nav.nav2 {font-size: 120% !important }} @media only screen and (min-width: 480px) {a.nav.nav4 {font-size: 120% !important }} a#back_link{ font-size: 140% !important; margin: 20px 20px 20px 20px !important; padding: 20px 0 0 0 !important} #rotating_logo { width:450px; height:auto; margin-top:60px; margin-bottom:60px }