body {
background-color: #2b2b3a;
background-image: url("bg.gif");
margin: 0px;
}



.INDENT50 {
margin-left: 25px; 
margin-right: 50px;
font-family: arial; 
color: #f4f5f6;
text-decoration:  none; 
font-size: 10pt;
text-align: justify;
line-height: 14px;
}


.height {
height: 100%;
}


p { 
font-family: arial; 
color: #1ed2f4;
text-decoration:  none; 
font-size: 10pt;
text-align: justify;
margin-left: 10px;
margin-right: 35px;
line-height: 14px;
}


li { 
text-align: left;
margin-left: 15px;
line-height: 20px;
}

li.main { 
text-align: left;
margin-left: 15px;
line-height: 20px;
color: #f4f5f6;
font-family: arial;
font-size: 10pt;
margin-right: 35px;
}


ul.nav { 
list-style-image: url(button.jpg);
font-family: arial; 
color: #f4f5f6;
text-decoration:  none; 
font-size: 10px;
text-align: left;
line-height: 20px;
}

ul { 
list-style-image: url(button.jpg);
font-family: arial; 
color: #f4f5f6;
text-decoration:  none; 
font-size: 10px;
text-align: left;
line-height: 20px;
}

a:link {
font-family: arial;
color: #eafc40;
text-decoration: none;
font-size: 10pt;
}

a:visited {
font-family: arial; 
color: #eafc40;
text-decoration: none;
font-size: 10pt;
}

a:hover, a:active {
font-family: arial; 
color: #254558;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
}

.a {
width: 620px;
}

.b {
width: 180px;
}

.c {
width: 300px;
}

form {
background: #2b2b3a;
color: #1ed2f4;
font-family: arial;
font-size: 10pt;
margin-left: 10px;
}

input, textarea {
border: solid 2px #000000;
background: #2b2b3a;
color: #1ed2f4;
}

H1 {
font-family: arial;
font-size: 12pt;
color: #1ed2f4;
border-bottom: dotted 2px #1ed2f4;
margin-left: 10px;
margin-right: 35px;
}

H2 {
font-family: arial;
font-size: 10pt;
color: #ffffff;
border-bottom: solid 1px #ffffff;
margin-left: 20px;
margin-right: 35px;
}

H3 {
font-family: arial;
font-size: 10pt;
color: #eafc40;
margin-left: 30px;
margin-right: 35px;
}

H4 {
font-family: arial;
font-size: 10pt;
color: #ffffff;
border-bottom: solid 1px #ffffff;
margin-left: 20px;
margin-right: 35px;
}

.collapsible {
background-image: url("bg.gif");    
cursor: pointer;
    padding: 0px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
 }

.active, .collapsible:hover {
background-image: url("bg.gif"); 
}

.content {
    padding: 0 4px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    }

 i {
    border: solid #eafc40;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}