body {

background-color: #003366; /*dark blue*/
background-image: url("images/bentchecksback.gif"); 
background-attachment: fixed;

/*   margin: 0px;  */
   font-family:  "Bradley Hand ITC","Papayrus","Times New Roman","Verdana","Arial","Helvetica","sans-serif";
   font-size: 20px;
   padding: 10px;
   spacing: 10px;
   color: orange;  /*This colors the text.*/

font-weight: bold;
text-align: center;

}  /* ------closing body----- */

ul li {list-style-image: url('images/musicnote.gif');}

a:link {color: #00CCFF;} /*lite blue*/
a:visited {color: #00CCFF;}  /*light blue*/
a:hover {color: orange;}
a:active {color: orange;}

p {font-family: "Bradley Hand ITC";
font-size: 20px; font-weight: "bold"; margin: 5px;
}

/* -------classes ---------------------------- */

.centered { text-align: center; }
.centered-table {
   margin-left: auto;
   margin-right: auto;
}

/* ---------z-index------------------------- */

.left{position: absolute; top:1500px; left: 100px; z-index:20; border: 20px;}
.middle{position: absolute; top:1500px; left: 100px; z-index:10; border: 10px;}

/* ---------------------------------- */

h1 {font-size: 50px; font-weight: "bold"; text-align: center;}

h2 {font-size: 40px; font-weight: "bold"; text-align: center;}

h3 {font-size: 30px; font-weight: "bold"; text-align: center;}

h4 {font-size: 25px; font-weight: "bold"; text-align: center;}

table
{ 
margin-left: auto;
margin-right: auto;
}

td{text-align: center; padding: 10px;}
th{font-size: 40px;color: #00CCFF;}  /*light blue*/

/* --------- divs ------------------------- */

#graphics
{
background: transparent;
position: absolute;
top: 250px;
left: 100px;
width: 800px;
text-align: center;
border: 0px solid orange;
z-index: 4;
}
/*--------------------------------------------------------------------------*/

#debra
{
background: transparent;
position: absolute;
top: 290px;
left: 220px;
width: 100px;  /*height and width must match image size to avoid cutoff*/
height: 100px;
border: 0px solid orange;
z-index: 4;
}
/*--------------------------------------------------------------------------*/

#jeff
{
background: transparent;
position: absolute;
top: 260px;
left: 940px;
border: 0px solid orange;
z-index: 4;
}
/*--------------------------------------------------------------------------*/

#kevin
{
background: transparent;
position: absolute;
top: 620px;
left: 940px;
width: 100px;  /*height and width must match image size to avoid cutoff*/
height: 100px;
border: 0px solid orange;
z-index: 7;
}
/*--------------------------------------------------------------------------*/

#sal
{
background: transparent;
position: absolute;
top: 440px;
left: 940px;
border: 0px solid orange;
z-index: 5;
}
/*--------------------------------------------------------------------------*/

#bob
{
background: transparent;
position: absolute;
top: 550px;
left: 220px;
width: 100px;  /*height and width must match image size to avoid cutoff*/
height: 100px;
border: 0px solid orange;
z-index: 6;
}
/*--------------------------------------------------------------------------*/