/*----------------------------------------------------------*/
body{
           color: #ffffff;
           background-color: #22ff99;
           margin: 0px 4px 1px 5px;
}
/*----------------------------------------------------------*/
p{
           font-size: small;
           color: #ffffff;
           margin: 2px 2px 2px 14px;
}
.hon{
           font-size: 95%;
}
.sml{
           font-size: xx-small;
           color: #ffffff;
}
.big{
           font-size: 105%;
           font-weight: bolder;
           color: #ff5555;
           margin: 3px;
}
.cyu{
           font-size: x-small;
           color: #ff0000;
}
.ura{
           font-size: 80%;
           color: #555555;
}
em{
           color: #8888ff;
           background-color: #22ff99;
           font-weight: bolder;
}
/*----------------------------------------------------------*/
h1{
           color: #22ff99;
           margin: 0px 4% 5px 0px;
}
.c{
           text-align: center;
}
.mig{
           margin: 5px 10px 2px 0px;
           text-align: right;
}
.fro{
           float:left;
}
.fro2{
           float:right;
           margin: 2px;
}
.cle{
           clear: left;
}
.cle2{
           clear: right;
}
/*----------------------------------------------------------*/
h2{
           color: #22ff99;
           margin: 4px 4% 5px 4px;
}
/*----------------------------------------------------------*/
h3{
           color: #22ff99;
           margin: 4px 4% 5px 4px;
}
/*----------------------------------------------------------*/
h4{
           color: #22ff99;
           margin: 4px 4% 5px 10px;
}
/*----------------------------------------------------------*/
h5{
           color: #22ff99;
           margin: 4px 4% 5px 4px;
}
/*----------------------------------------------------------*/
h6{
           color: #22ff99;
           margin: 4px 4% 5px 4px;
}
/*----------------------------------------------------------*/
A:link {
           text-decoration: none;
           color: #0000ff;
}
A:visited {
           text-decoration: none;
           color: #0000ff;
}
A:active  {
           text-decoration: none;
           color: #ff0000;
}
A:hover{ 
           text-decoration: underline;
           color: #8888ff;
           background-color: #22ff99;
}
/*----------------------------------------------------------*/
div{
           background-color: #8888ff;
           border-style: dotted;
           border-color: #4444ff;
           width: 650px;
           padding: 1px 0px 5px 0px;
}
.man{                     
           border-style: solid;
           width: 650px;
           border-color: #8888ff;
}
.manw{                     
           border-style: none;
           width: 640px;
           height: 350px;
}
.sna{                     
           border-style: dotted;
           background-color: #aaaaff;
           border-color: #4444ff;
           padding: 2px 0px 0px 0px;
           width: 200px;
           margin: 8px 0px 4px 15px;
}
.frod{
           border-style: inset;
           float:right;
           width: 390px;
           height: 350px;
           padding: 0px 2px 1px 0px;
           background-color: #8888ff;
}
/*----------------------------------------------------------*/
ul{
           list-style-type: square;
           font-size: small;
           color: #ffffff;
           margin: 0px 0px 4px 10px;
}
li{
           list-style-type: square;
           font-size: small;
           color: #ffffff;
           margin: 0px 0px 2px 10px;
}
/*----------------------------------------------------------*/
a{
           font-weight: bolder;
           color: #ffffff;
           outline-style: none;
}