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

#flashbox {
	float: left;
	width:800px;
	position: absolute;
	background:#000000;
	left: 2px;
	top: 0px;
}

#contentall {
	border-style:solid;
	border-width:2px;
	border-color:#ff0000;
	width:884px;
	position:absolute;
	top:67px;
	left:2px;
	float:left;
	height: 9000px;
}

#picturebox {
border-style:solid;
border-width:2px;
width:800px;
border-color:#ff0000; 
position:absolute;
top:60px;
left:1px;
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;
}

h2 {                                    /* font for headline text */
font-family: Comic Sans 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, Comic Sans MS;
font-weight: bold;
text-decoration: none;
text-transform: none;
font-size: 15pt;
color: #FFCC00;
}

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

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

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

/*  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 }

.leftpic {                          /*   text floats around pic on right    */
margin-top: 10px;
margin-left: 0px;
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: 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/butnbg.gif);
width: 600px;
height: 96px
}

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

table.basic  {
width: 800px;
}

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