/*Allowed colours: 
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow */

body { background:#66AA00; color:#000 ; font-family: 'Comic Sans MS', Arial, sans-serif ;}
	
/* kill the bottom margin of a paragraph and the top margin of a list,
so there is no line between them when i have a list following a para*/
p  { margin: 1em 0 0 0 }  /* top margin only */
ul { margin: 0 0 0 2em; } /* left margin only, for the bullets */	

table, td ,th { 
font-family: Verdana, Arial,sans-serif; text-align:left ; vertical-align:top}

.contentTbl { background-color: #ddd; padding:10px; color:#004127;  text-align:left; border:5px inset green}
.mainTbl {border: 5px outset green;}

/*why the hell is this not being picked up? */
.InfoTable table td ,
.InfoTable table th { 
font-family: Verdana, Arial,sans-serif; text-align:left
}

/* BackTo */
.toTop a {
  float:right;	
	color:brown;
	background-color: transparent;
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
	}
.toTop a:hover {text-decoration:underline;}

.paralist p {margin-bottom:0}
.paralist ul {margin-top:0; margin-bottom:0}

.quote {background: #cfc;
				font-weight:bold; 
			  font-style:italic; 
				width:80%;
				test-align:center ;
				border:5px outset green ;
				padding: 10px}
.quote cite {			font-weight:normal;} 	

/*Dev message  */
.DevMessage {color:green;
  font-style:italic;
	background-color: transparent;
}
.DM {color:green;
  font-style:italic;
	background-color: transparent;
}
/*Glossary terms */	
.gt {color:brown;
	font-family: 'Verdana' ,sans-serif;
	font-weight:normal;
	text-decoration:none;
	background-color: transparent;
}


a.extLink			   
{
  text-decoration:none; 
  color:brown; 
  background:transparent ; 
	font-family: Arial,Helvetica,sans-serif;}
a.extLink:link    {}
a.extLink:visited {}
a.extLink:hover   { text-decoration:underline;  }
a.extLink:active  {}


.cellLink	a		   
{
  text-decoration:none; 
  color:brown; 
  background:transparent ; 
  font-family: Arial,Helvetica,sans-serif;}
.cellLink  a:link    {}
.cellLink  a:visited {}
.cellLink  a:hover   { text-decoration:underline;  }
.cellLink  a:active  {}




/*table a:link { color: navy; font-family: arial; font-size: 12px }
table a:visited { color: maroon; font-family: arial; font-size: 12px } */

.downlods {padding: 10px; color:yellow ; }
.downlods a  {color:white; text-decoration:none}
.downlods table a:link  {color:white;  }
.downlods a:visted  {color:white;}
.downlods a:hover {color:white; text-decoration:underline }
.downlods a:active {color:white}

/*table td   { border: 0px ridge #CC6666;}*/ 

.NavButton   { text-align: center; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; text-decoration: none; padding: 0px; height: 30px; margin-bottom: 10px;}

.NavButton a { text-decoration: none; 
  width:140px; 
	display:block; 
	padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px;
 	font-style:bold;
	background: #4400AA }
/*fc0*/
.NavButton a:link { color: #CCCCCC; border: 3px outset #CCC; }
.NavButton a:visited { color: #CCCCCC; border: 3px outset #CCC; }
.NavButton a:hover { color: #CC0000; background: #FAE8C5; border: 3px outset #FAE8C5; font-weight: bold  }
.NavButton a:active { color: #fff; border: 3px inset #C00;  }






/* i don;t currently have one *
.ContentTable    { border: 3px ridge #CC6666; 
					   width: 100px; 
					   color:#000000; background-color:#FAE8C5 ;
					    }
.ContentTable th { border: 1px solid #c00; background: #c66; color: #fc0; padding:5px; }
.ContentTable td { border: 1px solid #c00; padding:5px } */