/* font color */

h1, h2, h3, h4, p, ul, .con, .quote, .authorquot, .ref
{  color: #2222DD; font-family: Tahoma, sans-serif, FreeSans;  background-color: inherit; }

li, h3.con, ul.con, content.ul, .content h1
{  color: #DDDDDD; font-family: Tahoma, sans-serif, FreeSans;  background-color: inherit; padding-bottom: 0.5em}

.styled
{  color: #36363D; font-family: Tahoma, sans-serif, FreeSans;  background-color: inherit; }

.styledsub
{  font-family: Tahoma, sans-serif, FreeSans;  background-color: transparent; }

a.same:visited, a.same:link, a.same:active, a.same:hover
{  color: #CCCCDD; line-height: 200%; }

pre 
{  color: #FFFFFF; }

.content p , .othercontent p
{  color: #CCCCED; }

a:link 
{  color: #CCCCDD;   background-color: inherit;}

a:visited 
{  color: #CCCCDD;  background-color: inherit;}

a.nav:hover, a.nav1:hover, a.nav:visited:hover, a.nav1:visited:hover
{  color: #2222DD;}

a.nav, a.nav:visited, nav-tr
{  color: #DDDDED; }

a.nav1, a.nav1:visited, nav-br
{  color: #DDDDED; }

Ã.error
{   color: rgb(0, 90, 156);}

.banner p, .bannerout p
{  color: #DDDDDD;}

/* background colouring */

.validator-logos /* div */
{  background-color: #AAAABB; }

body, .bannerout, .banner, .holder, .content, .othercontent, .LHNav /* div */
/*{  background-color: #111166; }*/
{  background-color: #000044; }

.LHNav
{ border: none 0; }

a.nav1, a.nav1:visited, a.nav1:link, nav-tr /* text */
{  background-color: #000030;}

a.nav:hover, a.nav1:hover, a.nav:visited:hover, a.nav1:visited:hover  /* text */
{  background-color: #CDCDEF; }

a.nav, a.nav:visited nav-br /*text */
{  background-color: #000055; }

.banner p, .bannerout p /* text */
{  background-color: black;}

/* positioning */

.content, .banner, .othercontent /* div */
{
  z-index: 1;
  padding-bottom: 3em;
}

.content, .othercontent /* div */
{
  border-top: 2px dotted;
  border-color: #DDDDDD;
}

.validator-logos, .LHNav
{
  position: absolute;
}

.LHNav /* div */
{
  overflow: hidden;
  left: 0%;
  top: 16%;
  bottom: 2%; 
  width: 18%;
  height: 70%;
  z-index: 0;
}

.bannerout /* div */
{
  z-index: 0;
  overflow: hidden;
  width: 100%;
  border: 2px red;
  background: transparent;
}

.banner /* div */
{
  z-index: 2;
  float: none; 
  overflow: hidden;
  vertical-align: middle;
  height: 4em; 
}

.holder /* div */
{
  padding-top: 2%;
  padding-left: 1%;
  position: absolute;
  left: 20%;
  width: 74%;
  height: 70%;
  top: 16%;
  z-index:1;
}

/* font stuff */

h1 {  font-size: 2em;}
h2 {  font-size: 1.6em;  text-decoration: underline;}
h3 {  font-size: 1.3em;}

h1, h2, h3, p, ul, li, .styled, .con
{  text-align: justify;}

.quote
{  font-size: 2.5em;  text-align: center;}

.contact /* div */
{  text-align: center;}

.banner p /* text */
{
  font-size: 2em;
  text-align: center;
  vertical-align: middle;
  background-color: inherit;
}

.authorquot 
{
  font-size: 1.1em;
  text-align: center;
  width: 100%;
}

.ref /* div */
{
  font-size: 0.6em;
  text-align: right;
}

a.same:visited, a.same:link, a.same:active, a.same:hover /* text */
{
  padding: 1em;
  display: inline;
  background-color: inherit;
  overflow: auto;
  font-weight: 500;
}

.styled
{ 
  font-size: 0.6em;
}

.styledsub
{ 
  font-size: 0.6em;
  color: #8888AA;
}

/* extents */

body {   margin: 0px;   padding: 0px;   width: 100%;   text-align: center;} 

.content, .othercontent 
{
  overflow: visible;
  text-align: justify;
}

.holder
{
  position: absolute;
  padding-right: 3%;
}

.content p, h1, h2, h3, h4,.content ul,.content li, con h3 /* div */
{
  padding-left: 4%;
  padding-right: 2%;
  font-weight: 500;
}

.othercontent p,.othercontent h1,.othercontent h2,.othercontent h3,.othercontent h4,.othercontent ul,.othercontent li /* text */
{
  padding-left: 4%;
  padding-right: 2%;
  font-weight: 500;
  overflow: hidden;
}

.LHNav p,.LHNav h1,.LHNav h2,.LHNav h3,.LHNav h4,.LHNav a,.LHNav ul,.LHNav li, .authorquot, .LHNav nav-tr, .LHNav nav-br /* text */
{
  font-size: 1em;
  left: 3%;
  text-decoration: none; 
  display: block;
  padding-top: .4em;
  vertical-align: middle;
}

a.nav:hover, a.nav1:hover, a.nav:visited:hover, a.nav1:visited:hover  /* text */
{
  font-size: 1em;
  left: 3%;
  width: 100%;
  text-decoration: none; 
  display: block;
  padding-top: .4em;
  vertical-align: middle;
  font-weight: 700;
}


a.nav, a.nav:visited, a.nav:link, a.nav1, a.nav1:visited, a.nav1:link, a.nav2, a.nav2:visited, a.nav2:link /* text */
{
  font-size: 1em;
  display: block;
  vertical-align: middle;
  font-weight: 500;
}
a.nav, a.nav:visited, a.nav1, a.nav1:visited /* text */
{
  text-decoration: none; 
  padding-left: 15px;
  width: 100%;
  height: 2em;
}

.validator-logos /* div */
{ 
  float: right;
  z-index: 0;
  left: 21%;
  width: 75%;
  padding-left: 5px;
  text-align: right;
  padding-right: 5px;
  padding-bottom: 25px; 
  height: 4%;
}

.hide /* text */
{
  display: none;
}

/* Validator logo stuff */
.w3cbutton4 {  margin: 1em 0;  right: 1px;  font-family: helvetica,arial,sans-serif;  font-size: 70%;  font-weight:bold;  width: 95px;  text-align: left;}
.w3cbutton4 a {  display: block;  width: 100%; }
.w3cbutton4 a:link, .w3cbutton4 a:visited, .w3cbutton4 a:hover {  background-color: /*#fc6*/#88F;  color: #000;  text-decoration: none;}
.w3cbutton4 a:link, .w3cbutton4 a:visited {  border-top: 1px solid #cecece;  border-bottom: 2px solid #4a4a4a;  border-left: 1px solid #cecece;  border-right: 2px solid #4a4a4a;}
.w3cbutton4 a:hover {  border-bottom: 1px solid #cecece;  border-top: 2px solid #4a4a4a;  border-right: 1px solid #cecece;  border-left: 2px solid #4a4a4a;}
.w3cbutton4 span.w3c {  padding: 0 0.4em;  background-color: #fff;  color: #0c479d;}
.middlebutton, .rightbutton{  position: absolute;  bottom: 8px;}
.middlebutton {  right: 135px;}
.rightbutton {  right: 20px; }

a.nav2, a.nav2:visited {  width: 100%;  padding-top: 0px;}

acronym {speak: normal;}
abbr.initialism {speak: spell-out;}
abbr.truncation {speak: normal;}

.errorcode /* text */
{ 
  color: silver;
  text-align: center;
  font: bold 120px/120px Times, serif;
  margin-top: 10px;
  background-color: inherit;
}

.error /* text */
{ 
  text-align: center;
  margin-top: -100px;
  font-size: 72px;
  letter-spacing: 12px;
  margin-bottom: 10px;
  background-color: inherit;
}

.errorclass /* text */
{ 
  color: #D22;
  background-color: inherit;
  text-align: center;
  font-size: 3.5em;
}

a.errorlink /* text */
{
  text-align: center;
  text-decoration: underline;
}

/* round corner CSS */

/*.rounded-tr
{
  display: block;
*  background-color: white;  *
  background-image: url(/images/bg4.jpg); 
  width: 92%; 
} */

.rounded-br {background: url(/images/br.gif) 100% 100% no-repeat} 
.rounded-tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px; background-color: inherit; }

.clear {font-size: 1px; height: 1px}