body{                                  /*   style for the whole page    */
font: Arial, Helvetica, sans-serif ;
color: #FFC000;
background: #000000;
margin: 0px;
width: 700px;
}

#flashbox {
float: left;
width:700px;
height:60px;
position: fixed;
background:#000000;
}

#headbox {
width:700px;
border-color:#FF0000;
float:left;
position:absolute;
top:66px;
}

#contentbox {
width:700px;
border:#FF0000;
position:absolute;
top:360px;
left:1px;
float:left;
}


#artistbox {
width: 700px;
float:left;
border-color:#FF0000;
border:medium;
}

#listboxl  {
vertical-align:top
width: 200px;
height: 286px;
width: 195px;
position: relative;
}

#robinbox {
width: 295px;
height: 286px;

}

#listboxr {
vertical-align:top
width: 200px;
height:285px;
width: 202px;
position: relative;

}


h2 {                                    /* font for headline text */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-transform: none;
font-size: 12pt;
color: #FFCC00;
margin-left: 5%;
margin-right: 5%;
}

h4 {                                 /* main paragraphs of text  */
font-family: Comic Sans MS, Tahoma;
font-weight: bold;
text-decoration: none;
text-transform: none;
font-size: 10pt;
color: #FFCC00;
margin-left: 1em;
margin-right: 1em;
}






a:link, a:visited {Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
font-weight: 700;                       /* colors for text links  */
color: #FFFF00;
text-decoration: none }

a:hover { text-decoration: none; color: #00CC99;
}

h3 {                                    /* font for headline text */
font-family: Tahoma, Comic Sans MS;
font-weight: bold;
text-decoration: none;
text-transform: none;
font-size: 15pt;
color: #FFCC00;
}

h4.question  {
color: #f5c1c1;           /*   make h4 question text red  */
margin-left: 5%;
font-size: 13pt;
}

h4.answer   {
color: #ffcc00;         /*   make h4 answer text yellow   */
margin-left: 10%;
}

/*  color for image links  */
A:link IMG { border: 1px solid black }
A:visited IMG { border: 1px solid black }
A:hover IMG { border: 1px solid red }

.leftpic {                          /*   text floats around pic on right    */
margin-top: 10px;
margin-left: 0px;
margin-right: 10px;
float: left;
}

.rightpic {                         /*   text floats around pic on right    */
margin-top: 10px;
margin-left: 10px;
margin-right: 0px;
float: right;
}

.center  {
text-align: center;
}


.section {
border: solid #000000 3px;
width: 100%;
}

.box1{                     /*    boxes for new yorker captions   */
position: relative;
width: 290px;
border: 3px;
padding: 5px;
float: left;


}

hr   {                       /*    horizontal separator lines   */
color: #f00;
background-color: #ff0000;
height: 2px;
width: 90%
}

.imagecell {                /*   table with bg for buttons   */
background-image:url(images/5butnbg.gif);
width: 600px;
height: 96px
}

.button  {
text-align: center;          /*   buttons over red and yellow image  */
width: 118px;
height: 90px;
}

table.basic  {
width: 700px;
}

table.outer td {              /*    outer table border      */
border: 2px solid #ff0000; 
}

table.outer td table.inner td {   /*   outer table border plus inner borders    */
border: 2px solid #ff0000; 
padding: 0px;
}