html, body {
height:100%;
margin:0px 0px 0px 0px;
}
body {
background-image:url('images/prints.gif');
background-repeat:repeat-y;
background-attachment:fixed;
background-position:right;
background-color:white;
color:black;
font-family:sans-serif;
font-size:14px;
}
p {
text-align:left;
padding:10px 20px 10px 20px;
margin:5px 10px 5px 10px;
}
li {
padding:5px 0px 5px 0px;
margin:5px 10px 5px 0px;
}
h2 {
font-size:18px;
padding:5px 10px 5px 20px;
margin:5px 10px 5px 10px;
}
h3 {
font-size:16px;
padding:5px 10px 5px 20px;
margin:5px 10px 5px 10px;
}
h4 {
font-size:16px;
padding:5px 10px 5px 20px;
margin:5px 10px 5px 10px;
}
.center {
text-align:center;
}
.right {
padding:0 20px 0 0;
margin:0 40px 0 0;
text-align:right;
font-size:12px;
}
#ball {
position:relative;
top:20px;
right:20px;
}
#banner {
background-color:black;
position:absolute;
width:100%;
height:100px;
left:0px;
}
#container {
background-color:white;
/*
//This breaks the Robot through the years page. It won't scroll all the way down anymore
background: #8ED1F5;
background: -moz-linear-gradient(top, #E6B3B3, #F2F8F5);
background: -webkit-gradient(linear, left top, left bottom, from(#E6B3B3), to(#F2F8F5));
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#E6B3B3', EndColorStr='#F2F8F5', GradientType=0);
*/
margin:0 auto;
position:relative;
text-align:center;
width:1000px;
height:100%;
clear:left;
top:149px;
left:0px;
}
#contents {
/* background-color:black;*/
color:black; // #F5F5F5; //this is text color
position:absolute;
width:1000px;
top:20px;
left:0px;
}
#menu {
background-color:black;
position:absolute;
width:1000px;
height:100px;
left:0px;
}
#news {
font-family:Tahoma,Arial,sans-serif;
width:250px;
float:left;
color:#333;
background-color:#FFC
}
a:link,a:visited,a:active {
color:red;
text-decoration:none;
}
a:hover {
color:#DAA520;
text-decoration:none;
}
a.red:link,a.red:visited,a.red:active {
color:black;
text-decoration:none;
}
a.red:hover {
color:#FFD700;
text-decoration:none;
}