/* BODY */
/* ============================================================= */

body {
  font-family: "Verdana", sans-serif;
  font-size: 0.8em;
  margin: 4% 8%;
}

/* HEADERS */
/* ============================================================= */

h1 {
  font: 2.4em "Tahoma", sans-serif;
  color: #C00;
}

h2 {
  font: 2.0em "Tahoma", sans-serif;
  color: #C00;
}

h3 {
  font: 1.8em "Tahoma", sans-serif;
  color: #C00;
}

h4 {
  font: 1.6em "Tahoma", sans-serif;
  color: #C00;
}

/* LISTS */
/* ============================================================= */

dt {
  font-weight: bold;
}

/* TABLES */
/* ============================================================= */

table.edu {
  border: 2 px, black;
}

th {
  font: bold 0.8em "Verdana", sans-serif;
  background-color: #C00;
  color: white;
  text-align: left;
  vertical-align: top;
}

td.width100	{ width: 100%; }

td.width40	{ width: 40%; }

/* LINKS */
/* ============================================================= */

a.td		{ color: #FFF; }

/* IMAGES */
/* ============================================================= */

img {
  border: none;
}

/* PARAGRAPHS */
/* ============================================================= */

p.toc {
  background-color: #EEE;
  border: 1px solid gray;
  padding: 0.8em;
}

p.navbar {
  background-color: #EEE;
  border: 1px solid gray;
  padding: 0.8em; }

/* RULES */
/* ============================================================= */

hr {
  color: gray;
  height: 1px;
}

/* MISCALLENOUS CLASSES */
/* ============================================================= */

pre.code {
  background-color: #EEE;
  padding: 0.6em;
}

div.form {
  background-color: #EEE;
  border: 1px solid gray;
  padding: 0.8em;
}

.floatleft	{
  float: left;
  margin-right: 0.8em;
  margin-bottom: 0.8em;
}

.floatright {
  float: right;
  margin-left: 0.8em;
  margin-bottom: 0.8em;
}

.note {
  background-color: #FCD0D0;
  padding: 0.6em;
  border: 1px solid #F99797;
}

td.grey {
  vertical-align: middle;
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-color: #555;
  color: #FFF
}

td.mini {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-color: #C00;
  color: #FFF
}

td.top {vertical-align: top;}

td.links {
  vertical-align: middle;
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  background-color: #C00;
  color: #FFF
}

td.small {
  color: #000
}

td.pink {
  background-color: #FCD0D0;
}

/* W3C SPECIFICATION LEVELS */
/* ============================================================= */

p.rec {
  background-color: #D0FFCF;
  font: 0.8em verdana, sans-serif;
  border: 1px solid black;
  padding: 1em;
}

p.pr {
  background-color: #CDEFFF;
  font: 0.8em verdana, sans-serif;
  border: 1px solid black;
  padding: 1em;
}

p.cr {
  background-color: #FCFFCF;
  font: 0.8em verdana, sans-serif;
  border: 1px solid black;
  padding: 1em;
}

p.wd {
  background-color: #FFD7D7;
  font: 0.8em verdana, sans-serif;
  border: 1px solid black;
  padding: 1em;
}

p.no {
  background-color: #E6E6E6;
  font: 0.8em verdana, sans-serif;
  border: 1px solid black;
  padding: 1em;
}

span.under {
  text-decoration: underline; 
}