.input { border: 1px solid #006; background: #ffc; }
.input:hover { border: 1px solid #f00; background: #ff6; }
.button { border: 1px solid #006; background: #ccf; }
.button:hover { border: 1px solid #f00; background: #eef; }

label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }





CAPTION.MYTABLE
  {
     background-color:#8080ff;
     color:white;
     border-style:solid;
     border-width:1px;
     border-color:black;
  }

  TABLE.MYTABLE
  { 
     font-family:arial;
     font-size:10pt;
     background-color:navy;
     width:500px;
     border-style:solid;
     border-color:black;
     border-width:1px;
  }

  TH.MYTABLE
  {
     font-size:10pt;
     color:white;
  }


  TR.MYTABLE
  { 
  }

  TD.MYTABLE
  {  
     font-size:10pt;
     background-color:#409040;
     color:white;
     border-style:inset;
     border-width:1px;
     text-align:center;
  }


.rolltable, .rolltable TD, .rolltable TH
{
font-family:arial;
font-size:10pt;
color:navy;
background-color:;
}

.unittable, .unittable TD, .unittable TH
{
font-family:arial;
font-size:12pt;
color:white;
background-color:;
}

.toptable, .toptable TD, .toptable TH
{
font-family:arial;
font-size:10pt;
color:white;
background-color:;
}

.areatable, .areatable TD, .areatable TH
{
font-family:arial;
font-size:10pt;
color:navy;
background-color:;
}

.small1 {
 font: 9pt Arial;
}

.ghost1 {
 font: 10pt Arial;
 color: silver;
}

.blue1 {
 font: 10pt Arial;
 color: navy;
}

.blue5 {
 font: 9pt Arial;
 color: black;
}

.blue6 {
 font: 8pt Arial;
 color: black;
}


.white0 {
 font: 10pt Arial;
 color: white;
}

.red1 {
 font: 10pt Arial;
 color: red;
}

.white1 {
 font: 11pt Arial;
 color: white;
}

.white2 {
 font: 12pt Arial;
 color: white;
}

.green1 {
 font: 10pt Arial;
 color: darkgreen;
}



.areatable, .areatable TD, .areatable TH
{
font-family:arial;
font-size:10pt;
color:navy;
background-color:;
}

.sample, .sample TD, .sample TH 
{
font-family:arial;
font-size:11pt;
color:navy;
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: blue;
	border-collapse: collapse;
	background-color: white;
}

.class1 A:link {border-style: none; text-decoration: none; color: white;}
.class1 A:visited {border-style: none; text-decoration: none; color: white;}
.class1 A:active {border-style: none; text-decoration: none; color: white;}
.class1 A:hover {border-style: none; text-decoration: none; color: silver;}

.class2 A:link {text-decoration: none; color: white;}
.class2 A:visited {text-decoration: none; color: white;}
.class2 A:active {text-decoration: none; color: white;}
.class2 A:hover {text-decoration: none; color: silver;}

.class3 A:link {text-decoration: none; color: navy; }
.class3 A:visited {text-decoration: none; color: navy; }
.class3 A:active {text-decoration: none; color: navy; }
.class3 A:hover {text-decoration: none; color: red;}

.class4 A:link {text-decoration: none; color: white;}
.class4 A:visited {text-decoration: none; color: white;}
.class4 A:active {text-decoration: none; color: white;}
.class4 A:hover {text-decoration: none; color: navy;}

.class5 A:link {text-decoration: none; color: yellow;}
.class5 A:visited {text-decoration: none; color: yellow;}
.class5 A:active {text-decoration: none; color: yellow;}
.class5 A:hover {text-decoration: none; color: white;}

.class6 A:link {text-decoration: none; color: red;}
.class6 A:visited {text-decoration: none; color: red;}
.class6 A:active {text-decoration: none; color: red;}
.class6 A:hover {text-decoration: none; color: yellow;}

.class7 A:link {text-decoration: none; color: white;}
.class7 A:visited {text-decoration: none; color: white;}
.class7 A:active {text-decoration: none; color: white;}
.class7 A:hover {text-decoration: none; color: darkgrey;}

.class8 A:link {text-decoration: none; color: darkgreen;}
.class8 A:visited {text-decoration: none; color: darkgreen;}
.class8 A:active {text-decoration: none; color: darkgreen;}
.class8 A:hover {text-decoration: none; color: darkgrey;}

.class9 A:link {text-decoration: none; color: grey;}
.class9 A:visited {text-decoration: none; color: grey;}
.class9 A:active {text-decoration: none; color: grey;}
.class9 A:hover {text-decoration: none; color: red;}


#navx, #navx ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#navx a{
display:block;
padding:0px 5px;
border:1px solid #333;
color:#fff;
text-decoration:none;
background-color:#333;
}

#navx a:hover{
background-color:#fff;
color:#333;
}

#navx li{
float:left;
position:relative;
}

#navx ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#navx li ul a{
width:12em;
height:auto;
float:left;
}

#navx ul ul{
top:auto;
}	

#navx li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#navx li:hover ul ul, #navx li:hover ul ul ul, #navx li:hover ul ul ul ul{
display:none;
}
#navx li:hover ul, #navx li li:hover ul, #navx li li li:hover ul, #navx li li li li:hover ul{
display:block;
}