body
{
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(left, #000000 0%, #3399CC 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #000000 0%, #3399CC 100%);

/* Opera */ 
background-image: -o-linear-gradient(left, #000000 0%, #3399CC 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(1, #3399CC));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #000000 0%, #3399CC 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to right, #000000 0%, #3399CC 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF3399cc', EndColorStr='#FF000000')

}


p.serif
{
font-family:"Times New Roman",Times,serif;
font-size:3.75em;				/* 60px/16=3.75em */
font-weight:800;
color:#FFFFFF;
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
width:118px;
height:20px;
border:1px solid black;
text-align:center;
float:left;
padding:2px;
text-decoration:none;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;  
}

a:hover,a:active
{
background-color:#505050;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}


div.transbox
  {
  width:100%;
  height:24px;
  overflow:hidden;
  margin:-4px -4px;
  background-color:#000000;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }

div.transbox p
  {
  margin:0px 0px;
  font-weight:bold;
  color:#ffffff;
  }