body {  background-color: #ffffff; margin: 0; padding: 0px; line-height: 130%; color: #221e1f; }

p    {  margin-top: 10px; margin-bottom: 0px; }
/* size of footer */
p.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style; italic; }

/* size of footer hyperlink */
a.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

li { font-size: 13px; margin-top: 6px;}

hr   { height:1px; color:#444444; }
code { font-family: "courier new", courier, mono; font-size: 14px; }
tt   { font-family: "courier new", courier, mono; font-size: 14px; }
blockquote { margin-left: 40px; margin-right: 0px; }
blockquote pre { font-family: "courier new", courier, mono; font-size: 13px; background-color:#ebebeb; padding: 10px 15px 10px 15px; }
blockquote pre.small { font-family: "courier new", courier, mono; font-size: 11px; background-color:#ebebeb;}
blockquote pre.tiny { font-family: "courier new", courier, mono; font-size: 10px; background-color:#ebebeb;}
pre { margin-left: 0px; font-family: "courier new", courier, mono; font-size: 13px; background-color:#ebebeb; padding: 10px 10px 10px 15px; }

em { font-style: italic; }

th { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; font-size: 12px; background-color: #666666; color:#ffffff; }
td { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; margin-top: 20px;}

td tt { font-family: "courier new", courier, mono; font-size: 13px; }

h1 { font-size: 20px; font-weight:normal; font-variant:small-caps; 
/*     background-color:#a90021; */
/*     background-color:#96231F; */
     background-color:#C52030; 
     color:#FFFFFF; text-align: left; padding-right:15px; padding-left:20px;
     padding-top:10px;padding-bottom:10px;}
h1.center {text-align:center; }

h2 { font-size: 13px; display: inline; text-align: left; font-weight: bold; }
h3 { font-size: 13px; display: inline; font-weight: bold; }
h4 { font-size: 22px; font-weight: bold; color:#7c927b; }     /* shade of green */
h4 a { font-size: 22px; font-weight: bold; color:#7c927b; }   /* for a name tages 00cc66 */

ol li        { list-style: decimal;     }
ol ol li     { list-style: lower-alpha; }
ol ol ol li  { list-style: lower-roman; }

ol li.qa { list-style: upper-alpha; }

ul li          { list-style: disc;    }
ul ul li       { list-style: circle;  }
ul ul ul li    { list-style: square;  }
ul ul ul ul li { list-style: disc;    }

a         { font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; }
a:active  { color: green; }
a:hover   { color: red; text-decoration: underline;  }


/* size of blurb in introcs/home */
p.blurb { font-size: 14px; font-style: italic; line-height: 140%; }



/* input forms */
input, textarea { font-family: "courier new", courier, mono; color: blue; font-size: 14px; font-weight: bold; }
input.search { font-family: Verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 12px; }




#content  { margin-left: 202px;
            padding-right: 1cm; padding-left: .5cm;
            padding-top: 0cm; padding-bottom: 0cm; }


/* http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp */


/***************************************************/
#menu a.picture { color: #fff; background: #000;  text-decoration: none; font-size: 12px;
                 border-width: 0px; padding: 0px 0px;}



/*                 border-width: 0px; padding: 0px 0px;} */

#menu {
float: left;
/* width: 188px; */
width: 189px;
 background: #eee; 
/*background: #000;*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

/* added this to override bullets */
#menu ul li          { list-style: none; }
#menu ul ul li       { list-style: none; }
#menu ul ul ul li    { list-style: none; }
#menu ul ul ul ul li { list-style: none; }

/* added this to override 6px top margin */
#menu li { margin: 0px;}

#menu a, #menu h2 {
/* changed from 12px/16px for thicker menu items */
font: bold 12px/18px arial, helvetica, sans-serif;
display: block;
/*border-width: 1px;*/
border-style: none;
/*border-color: #ccc #888 #555 #bbb;*/
margin: 0;
padding: 2px 10px;  /* changed from 2px 3px */
}

#menu a.book  {
line-height: 180%;
}

#menu a.booksite  {
line-height: 180%;
padding: 4px 0px;
}
/*
#menu h2 {
border-width: 0px; 
color: #fff;
background: #000;
}


#menu a {
color: #000;
background: #cccccc;
text-decoration: none;
}


#menu a.title { color: #fff; background: #000; font-variant:small-caps; font-size: 105%; }

#menu a:hover {
color: #fff;

background: #AA3E3B;    
}


#menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}


#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul 
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}


div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

*/


/* fifteen puzzle */
.fifteenTable {background: #FF8040; border: 1px solid #DF6020; text-align: center; width: 7.5em}
   .fifteenTable TR {height: 30px;}
   .fifteenTable TD {width: 25%; text-align: center}
   .fifteenTable A {text-decoration: none; font-weight:bold; color: black; font-size: larger}
   .fifteenTable A:hover {text-decoration: none; font-weight:bold; color: white}
   .PuzzleTable {background: #FF8040; border: 1px solid #DF6020; text-align: center; }
   .MarkedSquare {background: green; font-weight: bold; color: white}

/* Thores table CSS */

tt {font-family: Menlo, Andale mono, Courier}
td tt {font-family: Menlo, Andale mono, Courier}

table.API td:first-child {font-family: Menlo, Andale mono, Courier}
table.API td:first-child + td {font-family: Menlo, Andale mono, Courier}
table.API tr td:first-child + td + td {font-family: palatino, serif;
font-size: medium; font-style:italic; color: #96231F}
table.API tr td:first-child { text-align : right }
table.API tr th { text-align : left; border-bottom: solid thin #96231F;
                  color: black; background: white; font-family: Menlo, Andale mono, Courier}
tt {font-family: Menlo, Andale mono, Courier}

table.nice tr {height: 30px}
table.nice th { color: black; background: white;  border-bottom: solid thin #96231F;}
table.nice td { font-family: palatino, serif; font-size: medium; font-style: italic;
                text-align: center}
table.nice td:first-child { color: #96231F}
table.nice pre {font-family: Menlo, Andale mono, Courier}