body         { background-color: #CCCCFE;
			   font-family: Arial;
			   color: #001617;
			   margin-top:0 }

table 		 { border-style: none;
			   border-collapse: collapse;
			   font-size: 12px;
			   width: 100%; }
			   
/* the table that holds all the page's content (including header, content, footer) */
table.body	 { background-color: #E5E5E5;
               width: 752px; }

td			 { text-align: justify; }

/* contains a tile image and a caption */
td.tile      { text-align: center;
               vertical-align: top; }

/* many content pages consist of three columns: "column," "spacer," and "content" */
/* usually contains a tile graphic, sometimes with links */
td.column    { width: 155px;
               text-align: center;
               vertical-align: top; }

/* separate the "column" and "content" columns */
td.spacer    { width: 8px; }

/* displays the page's main content */
td.content   { vertical-align: top; }
			   
a            { color: #3366FF;
               text-decoration: none; }

a:hover      { color: #6767FC;
			   text-decoration: underline; }

/* indicate in the header which section we're visiting */
a.selected   { color: #FF0000;
			   font-weight: bold; }
			   
/* disguise links as normal text */
a.hidden     { color: #001617; }

a.hidden:hover     { color: #001617;
					 text-decoration: none;}

img			 { border: 0px; }

/* tile image, used in games/musicals indexes and left column */
img.tile     { height: 155px;
               width: 155px; }
               
/* tile image, used in plays index and left column */
img.tile2    { height: 103px;
               width: 155px; }

/* banner image, used in games index */               
img.banner   { height: 258px;
			   width: 337px; }
               
img.corner   { height: 13px;
               width: 13px; }

p            { margin-top: 8px;
			   margin-bottom: 0px;
			   text-align: justify; }

/* name at the top of each page */
p.gtitle     { margin-top: 0px;
 			   font-size: 24px;
			   font-weight: bold; }

/* caption for tile image */
p.tile       { text-align: center; }
			   
/* written date for essays */
p.dateline   { font-style: italic;
 			   text-align: right; }
 			   
/* release date for games */
p.release    { font-style: italic;
 			   text-align: center; }
 			   
/* links used in page header */
p.hlinks     { text-align: right; }

/* composer/lyricist credits for musicals */
p.mcredits   { margin-top: 0px;
			   font-style: italic; }
			   
/* randomly picked quote at bottom of the screen */
p.quote      { margin-top: 0px;
               font-size: 10px; }

h1           { margin-bottom: 0;
               font-size: 20px;
               text-align: center; }
               
h2           { margin-bottom: 0;
               font-size: 18px;
               text-decoration: bold; }
               
h3           { margin-top: 8px;
			   margin-bottom: 0;
               font-size: 14px;
               text-decoration: bold, underline; }
               
h4           { margin-bottom: 0;
               font-size: 12px;
               text-decoration: bold; }

/* separate table.body from top of page */
span.spacer	 { font-size: 4px; }

ol           { margin-top: 8px;
			   margin-bottom: 8px; }

ul           { margin-top: 8px;
			   margin-bottom: 8px;
			   margin-left: 0px;
			   padding-left: 10px; }
			   
ul.toc       { margin-top: 8px;
			   margin-bottom: 8px;
			   margin-left: 0px;
			   padding-left: 0px; }

/* use custom image and spacing so that list items are compatible
   across all browsers */
li		     { list-style-type:none;
               background-image:url("_images/bullet.jpg");
               background-position: 0px 5px;
               background-repeat: no-repeat;
               padding-left: 10px;
               text-align: justify; }

li.toc		 { list-style-type:none;
               background-image:url("_images/toc_bullet.jpg");
               background-position: 0px 5px;
               background-repeat: no-repeat;
               padding-left: 10px;
               font-size: 11px;
               text-align: left; }
			   
/* since li is overwritten, we have to specify ordered lists manually */
li.num	     { list-style-type:decimal;
               background-image:none;
               background-position: 0px 0px;
               background-repeat: no-repeat;
			   padding-left: 0px; }