/*  CSS for CypherBYTE  */

body {
 font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
 color: navy;
 background-color: #F0F8FF;
 padding: 10px;
 font-size: 75%;
}

a {
 font-weight: bold;
 text-decoration: none;
 color: blue;
}

a:link {
 color: blue;
}

a:visited {
 color: #000066;
}

a:hover {
 text-decoration: underline;
 color: white;
 background-color: navy;
}

a:active {
 color: aqua;
 background-color: navy;
} /* Link specifications must be in this order LVHA */


a:link.contactus {
 color: red;
 font-size: 125%;
 text-decoration: underline;
}

a:visited.contactus {
 color: red;
}

a:hover.contactus {
 color: white;
 background-color: red;
}

a:active.contactus {
 color: aqua;
 background-color: navy;
} /* Link specifications must be in this order LVHA */




#navigation {
 background-color: navy;
 color: white; /* I do not understand why this controls the border colour for the right borders in my table and NOT the text colour */
 text-align: center;
 font-size: 90%;
}

#navigation a {
 color: white; 
 text-decoration: none;
 font-weight: normal;
}

#navigation a:hover {
 background-color: yellow;
 color: navy;
 text-decoration: underline;
}

#navigation table {
 background: url('gfx/navbg.jpg');
}

#navigation td {
 border-right: thin solid;
 vertical-align: middle;
}

#navigation td.last {
 border-right: none;
}

h1 {
 font-size: medium; 
 font-weight: bold;
 font-style: italic;
 text-decoration: none; /* can be OVERLINE, underline or line-through too */
 margin-top: 0.75cm;
 margin-bottom: 0cm;
 background-color: #BFDFFF;
}

h2 {
 font-size: small;
 font-weight: bold;
 margin-top: 0.0cm;
 margin-bottom: 0cm;
 background-color: #DDEEFF;
}

h3 {
 font-size: 90%;
 font-weight: normal;
 margin-top: 0cm;
 margin-bottom: 0.5cm;
 background-color: #DFEFFF;
}

img {
 border: 0;
}

p.fineprint {
 font-size: 80%;
}

p.noscript {
 font-size: 75%;
 text-align: center;
}

/*
p.phoneus {  
 font-size: 125%;
 font-weight: bold;
 color: red;
 margin-top: 0cm;
 margin-bottom: 0cm;
}
*/

p.heavyemphasis {
 font-size: 110%;
 text-align: center;
 font-weight: bold;
 color: red;
}

p.googletower {
  float: right;
  margin-left: 0.2cm
}

p.tight { 
  margin-top: 0cm;
  margin-bottom: 0cm;	
}



ul {
 list-style-image: url('gfx/tinylogo.gif');
 margin-left: 1cm;
 margin-right: 2cm;
}

table {
 width: 100%;
 border-width: thin;
}

td {
 vertical-align: bottom;
}

tr.colheading {
 color: white;
 background: url('gfx/navbg.jpg');
}

table.webring {
 width: 10%;
 text-align: center;
 margin-left:auto; 
 margin-right:auto;
 border-width: thin;
}

#form td.label {
	text-align: right;
	vertical-align: top;
}

#form td.data {
	text-align:left;
}

#footer a {
 font-weight: normal;
}

#footer p {
 text-align: center;
 font-style: italic;
 font-size: 95%;
}

#footer p.fineline {
 border-top: solid;
 border-width: 1px;
}

#footer fieldset {
 text-align: center;
 border: none;
 margin: 0;
}