body { 
background-image: url('animspace.gif'); 
} 

h1 {
    font-size: 30pt;
}

li{
  margin: 10px 0;
}

a {
color: #ffff80;
}

.responsive {
  width: 100%;
  height: auto;
}

.respimg {
  width: 75%;
  height: auto;
}

#container {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

#headerbox {
    width: 100%;
	max-width:1100px;
    text-align: center;
    display: inline-block;
}

.headerbox2 {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    font-family: arial;
    color: #FFFF33;
    text-shadow: 4px 4px 4px rgba(247, 101, 3, 1.0);
}

@media screen and (max-width:1000px){
.headerbox2 {
width: 100%;
text-align: center;
display: inline-block;
margin: 10px auto;
font-size: 24pt;
font-family: arial;
color: #FFFF33;
text-shadow: 4px 4px 4px rgba(247, 101, 3, 1.0);
}
}

.mainbox2 {
    width: 98%;
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    font-size: 16px;
    font-family: arial;
    color: #FFFFFF;
    padding: 10px 0;
}

@media screen and (max-width:1000px){
.mainbox2 {
width: 98%;
margin: 10px auto;
display: inline-block; 
text-align: center;
font-size: 22pt;
font-family: arial;
color: #FFFFFF;
}
}

.miscbox {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-family: arial;
    color: #FFFFFF;
    padding: 5px 0;
}

ul {
  list-style-image: url('listball.jpg');
}

#boxcontainer  {
    max-width: 1100px;
    margin: 0 auto;
    display: inline-block;
    background-color: #000000;
    text-align: center;
}

@media screen and (max-width:1000px){
#boxcontainer {
width: 100%;
margin: 10px auto;
display: inline-block; 
text-align: center;
background-color: #000000;
}
}

#topline {
    width: 98%;
    height: 100%;
    margin: 0 auto;
    display: inline-block; 
    text-align: center;
    background-color: #000000;
    font-family: arial;
    color: #ffffff; 
    padding: 16px 0;
    font-size: 16px;
    font-weight: 500;
}

@media screen and (max-width:1000px){
#topline {
width: 100%;
font-size: 22pt;
text-align: center;
background-color: #000000;
}
} 

#maincont {
    width: 1100px;
    margin: 0 10px;
    display: inline-block; 
    padding: 10px 20px 5px;
    background-color: white;
    border: solid #377C54 3px;
    border-radius: 18px;
    font-family: arial;
    font-size: 20px;
}

@media screen and (max-width:1000px){
#maincont {
width: 100%;
margin: 10px 20px 0px 0px;
display: inline-block; 
text-align: center;
padding: 10px 10px 5px;
background-color: white;
border: solid #377C54 3px;
border-radius: 18px;
font-family: arial;
font-size: 32pt;
}
}

#box50  {
width: 49%;
margin: 5px auto;
display: inline-block;
vertical-align: top; 
text-align: center;
font-size: 18px;
font-family: arial;
color: #99CCFF;
}

@media screen and (max-width:1000px){
#box50 {
width: 100%;
margin: 10px auto;
display: inline-block; 
text-align: center;
font-size: 22pt;
font-family: arial;
color: #99CCFF;
}
}

#box51 {
width: 49%;
margin: 5px auto;
display: inline-block;
vertical-align: top; 
text-align: center;
font-size: 18px;
font-family: arial;
color: #99CCFF;
}

@media screen and (max-width:1000px){
#box51 {
width: 100%;
margin: 10px auto;
display: inline-block; 
text-align: center;
font-size: 22pt;
font-family: arial;
color: #99CCFF;
}
}

#footer   {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    font-family: arial;
    font-size: 14px;
}

#screenbox  {
width: 25%;
display: inline-block;
vertical-align: top; 
text-align: center;
font-size: 14px;
font-family: arial;
color: #99CCFF;
float: left;
min-height: 245px;
}

@media screen and (max-width:1000px){
#screenbox {
width: 100%;
margin: 10px auto;
display: inline-block; 
text-align: center;
font-size: 22pt;
font-family: arial;
color: #99CCFF;
}
}