/**
 * Roy Vanegas
 * 
 * Stylesheet for Developing Assistive Technology
 *
 * Sixteen Web colors:
 *
 * aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, 
 * olive, purple, red, silver, teal, white, and yellow.
 *
 */

img
{
   border: 0px solid black;
}

pre
{
   padding: 20px;
   background-color: gray;
}

code
{
   font-family: monaco, "Courier New", monospace;
}

body, p
{
   font-family: georgia, serif;
   color: black;
   text-align: left;
   background-color: white;
   margin: 2em 5em 2em 5em;
}

.menu
{
   background: white;
   margin: 0em 0em 0em 0em;
   text-align: center;
}

p
{
   font-size: 1em;
   margin: 0em 0em 1em 0em; /* Override the body elements for 
                               top, right, bottom, and left */
}

.partial_framed
{
   border-top:   1px solid black;
   border-right: 1px solid black;
   border-left:  1px solid black;
}

.framed
{
   border: 1px solid black;
}

.grayish
{
   padding: 1em;
   background: #bbbbcc;
}

h1, h2, h3, h4, h5, h6
{
   font-family:      "Gill Sans", tahoma, verdana, sans-serif;
   font-weight:      normal;
   font-variant:     small-caps;
   letter-spacing:   2px;           /* space between letters */
   color:            black;         /* #006699; */
   margin-top:       5px;           /* top margin */
   margin-bottom:    0px;
   text-decoration:  none;          /* no decoration of text */
   text-align:       left;
   padding:          12px;          /* padding bet edges of text and
                                       and outer edge of header */
   background:       #cccccc;       /* background color is gray */
}

.plain
{
   padding:    0px;
   background: white;
}

.box
{
   padding: 1em;
   border: 1px solid black;
   margin-bottom: 0em;
   background: #dcdcdc;
}

.box_top_bordered
{
   padding: 1em;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
   margin-bottom: 0em;
}

.box_top_bordered_colored
{
   padding: 1em;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
   margin-bottom: 0em;
   background: #dcdcdc;
}

.box_bottom_bordered
{
   padding: 1em;
   border-right: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   margin-top: 0em;
}

.box_bottom_bordered_colored
{
   padding: 1em;
   border-right: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   margin-top: 0em;
   background: #dcdcdc;
}

.blockquote_side_borders
{
   margin-top: 0em;
   margin-bottom: 0em;
   padding-left: 4em;
   padding-right: 4em;
   padding-top: 1em;
   padding-bottom: 1em;
   font-style: italic;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

.blockquote_side_borders_colored
{
   margin-top: 0em;
   margin-bottom: 0em;
   padding-left: 4em;
   padding-right: 4em;
   padding-top: 1em;
   padding-bottom: 1em;
   font-style: italic;
   border-right: 1px solid black;
   border-left: 1px solid black;
   background: #cccccc;
}


.box_top
{
   padding: 1em;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

p.lockquote
{
   border-right: 1px solid black;
   margin-left: 0em;
   margin-right: 0em;
   font-style: italic;
}

.box_sides
{
   padding: 1em;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

.box_bottom
{
   padding: 1em;
   border-bottom: 1px solid black;
}


h1.center
{
   font-family: Helvetica, Arial, sans-serif;
   font-size: 22px;
   text-align: center;
   letter-spacing: 60px;
   color: #006699;
   margin-top: 18px;
   padding-bottom: 12px;
   padding-top: 6px;
}

/* ===================================================================
   Table Styles
   ================================================================ */
table
{
   font-family: Helvetica, Arial, sans-serif;
   empty-cells: show;
   word-spacing: 30px;
   padding: 24px;
}

td
{
   padding: 20px;
}

tr.green
{
   color: black;
   background-color: green;
}


td.heading
{
   color: white;
   width: 5%;
   font-weight: bold;
   background-color: black;
}

td.title
{
   width: 5%;
   font-weight: bold;
   background-color: white;
}

td
{
   width: 5%;
}

td.silver
   { background-color: silver; }
td.gray
   { background-color: gray; }
td.teal
   { background-color: teal; }
td.blue
   { background-color: blue; }
td.aqua
   { background-color: aqua; }

/* ===================================================================
   List Styles
   ================================================================ */
dl
{
   margin-top: 0px;
   background: #dcdcdc; /* gainsboro */
   border: 1px solid black;
}

dl.first
{
   padding: 10px;
   background: #dcdcdc; /* gainsboro */
   border-right: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 0px;
}

dl.inner
{
   padding: 10px;
   background: #dcdcdc; /* gainsboro */
   border-right: 1px solid black;
   border-left: 1px solid black;
   border-top: 0px;
   border-bottom: 0px;
}

dl.last
{
   padding: 10px;
   background: #dcdcdc; /* gainsboro */
   border-right: 1px solid black;
   border-left: 1px solid black;
   border-top: 0px;
}

dt.underline
{
   text-decoration: underline;
   background: #c0c0c0;
   padding: 10px;
}

dt
{
   text-decoration: none;
   background: #c0c0c0;
   padding: 10px;
}

dd.light_light_gray
{
   text-decoration: none;
   background: #cfcfcf;
   padding: 10px;
}

dd.light_gray
{
   text-decoration: none;
   background: #c0c0c0;
   padding: 10px;
}


/* Sticky notes */

.sticky
{
   min-width: 14em;
   width: 20%;
   padding: 1em;
   color: #000;
   background: #afeeee;
   border-right: solid thick #CCC;
   border-bottom: solid thick #CCC;
   font-style: italic;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   float: none;
}

.synopsis
{
   padding: 1em;
   color: #000000;
   background: #ececfc;
   border-right: solid thick #CCC;
   border-bottom: solid thick #CCC;
   margin: 1em;
}