body {                                  /*   style for the whole page    */
font: Arial, san-serif;
color: #ffcc00;
background: #000000;
margin: 0px;
width: 800px;
}

#flashbox  {
background:#000000;
width: 800px;
}



#gifs  {
	position: absolute;
	width: 200px;
	height" 150px;
	border: 3px;
	padding: 5px;
	left: 462px;
	top: 733px;
	height: 161px;
}

#caption1box  {
font: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
position:absolute;
left: 26px;
top: 1218px;
width:666px;
height:57px;
text-align:center;

}

#caption2box  {
font: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
position:absolute;
left: 23px;
top: 2637px;
width:666px;
height:86px;
text-align:center;

}

#caption3box  {
font: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color: #990000;
position:absolute;
left: 199px;
top: 494px;
width:101px;
height:52px;
text-align:center;

}

#caption4box  {
font: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
position:absolute;
left: 399px;
top: 695px;
width:288px;
height:72px;
text-align:center;

}




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

h1 {                                    /* font for headline text */
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: none;
font-size: 10px;
color: #FF0000;
}


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

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

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

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%;
}

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

.rightpic {                         /*   text floats around pic on right    */
margin-top: 10px;
margin-left: 10px;
margin-botton: 10px;
margin-right: 10px;
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;
}

a:link, a:visited {font-family: Comic Sans MS, sans-serif;
font-size: 11pt;
font-weight: 700;                       /* colors for text links  */
color: #ffcc00;
text-decoration: none }

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

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


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

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

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

table.basic  {
width: 700px;
border-color:#FF0000;
}

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;
}