body 
{ 
  color: #700000;
  /* background: url("images/blue_bg.gif"); */
  /* background: url("images/gray_noise.gif"); */
  background: url("images/white_bg_tile.gif");
  margin: 5%;
  margin-top: 2%;
  margin-bottom: 2%;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: large;
  border: none;
}


table 
{
  background-color: #D0D0FF;
  margin: 5em auto;
  margin-top: 2em;
  margin-bottom: 2em;
  background-position: center;
  padding: 0.2em;
}


.pink 
{ 
  background-color: #FFC0C0; 
}


th.pink,td.pink 
{ 
  background-color: #FFC0C0; 
}


th.green,td.green, tr.green 
{ 
  color: #003300;
  background-color: #C0FFC0; 
}


th.violet,td.violet 
{ 
  background-color: #E0C0FF; 
}


tr.yellow 
{ 
  background-color: #FEFECB; 
}


th.yellow,td.yellow 
{ 
  background-color: #FEFECB; 
}


td 
{ 
  text-align: center; 
  padding: 0.2em;
}

td.left { text-align: left; }
td.right { text-align: right; }


ul
{ 
  margin-top: 1.5em; 
  margin-left: 1em; 
  margin-right: 1em; 
}


li 
{ 
  padding: 0.2em;
  list-style-image: url("images/roundbullet.gif");
 margin-bottom: 0.5em;
}


pre 
{ 
  font-family: courier, monospace ;
  color: #F0F0F0;
  background: black;;
  padding: 0.2em;
}


p { margin-left: 1.0em; }


.left 
{ 
  background-position: left;
  text-align: center; 
}


.center 
{ 
  background-position: center;
  text-align: center; 
}


.right 
{ 
  background-position: right;
  text-align: center; 
}


.brown { color: #A06000; }
.blue { color: blue; }
.dkblue { color: #0000A0; }
.red { color: red; }
.green { color: #00A000; }
.ltgrey { background: #C0C0C0; }
.mdgrey { background: #A5A5A5; }
        

.email 
{
  color: #207020;
}


.whiteblue 
{
  color: white;
  background: #8080FF;
  padding: 0.3em;
  border-width: medium;
  text-align: center;
  margin-left: 10em;
  margin-right: 10em;
}


.whitered 
{
  color: white;
  background: #FF0000;
  padding: 0.3em;
  border-width: medium;
  text-align: center;
  margin-left: 20em;
  margin-right: 20em;
}

.white_on_red 
{
  color: white;
  background: #CC0000;
  padding: 0.3em;
  border-width: medium;
  text-align: center;
  margin-left: 0.1em;
  margin-right: 0.1em;
  font-weight: bold;
}



.blackgreen 
{
  color: black;
  background: #A0FFA0;
  padding: 0.3em;
  border-width: medium;
  text-align: center;
  margin-left: 10em;
  margin-right: 10em;
}


.filename 
{
  font-family: courier, monospace ;
  color: yellow;
  background: black;
  padding: 0.2em;
}


.computext 
{
  font-family: courier, monospace;
  font-weight: bold;
  color: black;
  background: #D0D0FF;
  padding: 0.2em;
}


div.green 
{
  background: #304030;
  color: #60E060;
  margin: 5%;
  padding: 1.0em;
}
   

.llimportant
{
  font-family: courier, monospace;
  color: yellow;
  background: black;
  font-size: 200%;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
  padding: 0.1em;
}


.lllogo
{
  font-family: "book antiqua", georgia, "times new roman", serif;
  color: white;
  background: #D00000;
  font-size: 200%;
  text-align: center;
  margin-left: 2%;
  margin-right: 2%;
  padding: 0.1em;
}


.paypal
{
  color: blue;
  font-weight: bold;
  font-style: italic;
}


h1.mainhead 
{
  font-family: "book antiqua", georgia, "times new roman", serif;
  color: white;
  background: #800080;
  font-size: x-large;
  text-align: center;
  margin-left: 6%;
  margin-right: 6%;
  padding: 0.2em;
}


h2.green 
{
  font-family: "trebuchet ms", serif;
  color: #008040;
}


caption.lbi 
{
  font-size: large;
  font-weight: bold;
  font-style: italic;
  background: #CCFFCC;
  height: 1.3em;
}


a:link 
{
  color: #0000D0;
  text-decoration: none
}


a:visited 
{
  color: #0000D0;
  text-decoration: none
}


a:hover 
{
  background-color: #D00000;
  color: #FFFFFF;
  text-decoration: none
}


h1 a:link
{
  color: white;
}

h1 a:visited
{
  color: white;
}

h1 a:hover
{
  color: yellow;
}


.alert 
{
  font-size: large;
  font-weight: bold;
  background: #606060;
  color: yellow;
  padding: 0.2em;
}


img { border: 0; }


img.blkb { border: solid black; }




div.center 
{ 
  text-align: center;
  width: 100%;
}

div.rindent 
{
  margin-left: 2em;
}

div.columns1
{
  clear: both;
}

div.columns2 
{
  width: 50%;
  float: left;
  text-align: center;
}


div.columns3 
{
  width: 33%;
  float: left;
  text-align: center;
}


div.columns4 
{
  width: 25%;
  float: left;
  text-align: center;
}


.wide 
{
  margin-left: 0.5em;
  margin-right: 0.5em;
}


.regionscroll
{
  width: 100px;
  height: 100px;
  overflow: auto;
  border: solid 0px;
}

.button
{
  font-weight: bold;
  border: solid black 2px;
  background-color: #B0B0FF;
  padding: 3px;
}

hr
{
  height: 5px;
  background: #C0B0B0;
  margin: 1em;
  border-width: 0px;
}


.l1 
{
  padding: 0.3em;
  background: #D0C0C0;
  text-align: left;
  margin-left: 4em;
  margin-right: 4em;
}

.l2 
{
  padding: 0.3em;
  background: #B0C0B0;
  text-align: left;
  margin-left: 6em;
  margin-right: 6em;
}