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


#flashbox {
	float: left;
	width:780px;
	position: absolute;
	background:#000000;
	left: 3px;
	top: -1px;
}

#contentall {
	border-style:solid;
	border-width:2px;
	border-color:#ff0000;
	width:800px;
	position:absolute;
	top:63px;
	left:2px;
	float:left;
	height: 14272px;
}

#content  {
width:800px;
position:absolute;
top:5px;
left:1px;
float:left;
border-color:#FF0000;
}

pre {
width: 800px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}


#topbox {
width:800px;
position:absolute;
top:89px;
left:359px;
float:left;
border-color:#FF0000;
}


#contentbox1 {
width:800px;
position:absolute;
top:37px;
left:825px;
float:left;
border-color:#FF0000;
}

#contentbox2 {
width:800px;
position:relative;
top:5px;
left:1px;
float:left;
border-color:#FF0000;
}

#gifs  {
	position: relative;
	width: 200px;
	height: 150px;
	border: 3px;
	padding: 5px;
	left: 472px;
	top:10px;
}

.box1{                     /*    boxes for new yorker captions   */
position: relative;
width: 305px;
border: 1px;
padding: 1px;
float: left;
}

.box2{                     /*    boxes for new yorker captions   */
position: relative;
width: 305px;
border: 1px;
padding: 1px;
float: left;
}

a:link, a:visited {font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: 800;                       /* colors for text links  */
color: black;
text-decoration: none }

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

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

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

h3 {                                    /* font for headline text */
font-family: Verdana, Arial, Helvetica, sans-serif
font-weight: bold;
text-decoration: none;
text-transform: none;
font-size: 15pt;
color: #66CC99;
}

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

h5 {                                 /* main paragraphs of text  */
font-family: "Courier New", Courier, monospace;
font-weight: bold;
text-decoration: none;
text-transform: none;
font-size: 13pt;
color: #CCCCCC;
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%;
}

/*  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-botton: 10px;
margin-right: 0px;
float: right;
}

.center  {
text-align: center;
}


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



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

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