BODY {
        MARGIN-LEFT: 12%; 
        MARGIN-RIGHT: 12%;
        background-color: #fff9f9;

}


p.intr{
        width:100%; 
        font-size: 12px;
        margin-left :-12%;
}

p.navig{
        width:100%;
        background-color:#c76f6f;
        font-size: 12px;
        LINE-HEIGHT:150%;
        text-align: center;
        color : #ffffff;
}

h1{

        LINE-HEIGHT:150%;
        text-align: center;
}

p {

        LINE-HEIGHT:165%; 
        FONT-FAMILY:"ËÎÌå"; 

}
hr{HEIGHT: 1px;}
.content {LINE-HEIGHT:165%; FONT-FAMILY:"ËÎÌå"; MARGIN-left:5%; MARGIN-right: 5%;}
.content IMG {MARGIN: 7px}
.TitleLinks {TEXT-ALIGN: center}
.TitleLinks .content {LINE-HEIGHT: 20pt}
.TitleLinks .content IMG {MARGIN-TOP: 7px; MARGIN-BOTTOM: 7px}

a.navig:link {COLOR: #ffffff; TEXT-DECORATION: none}
a.navig:visited {COLOR: #ffffff; TEXT-DECORATION: none}
a.navig:active {COLOR: #ffffff; TEXT-DECORATION: none}
a.navig:hover {COLOR: #ffffff; TEXT-DECORATION: underline}

A:link {COLOR: #0033cc; TEXT-DECORATION: none}
A:visited {COLOR: #0033cc; TEXT-DECORATION: none}
A:active {COLOR: #0000ff; TEXT-DECORATION: none}
A:hover {COLOR: #ff0000; TEXT-DECORATION: underline}
/* =====================================*/
/* Adjustments for Mobile Devices       */
/* =====================================*/

@media (max-width: 480px) {
  p { font-size: 12pt; margin-left: 1%; margin-right: 1%; margin-bottom: 4pt; margin-top: 4pt; line-height: 125%; }
  p.indentb { margin-left: 6%; margin-right: 1%; }
  p.quoteb { margin-left: 6%; margin-right: 1%; }
  p.index { margin-left: 6%; margin-right: 1%; }
  h1 { font-size: 18pt; margin-left: 1%; margin-right: 1%; }
  h2 { font-size: 16pt; margin-left: 1%; margin-right: 1%; }
  h3 { font-size: 14pt; margin-left: 1%; margin-right: 1%; }
  h4 { font-size: 13pt; }
  h5 { margin-left: 1%; }
  h6 { margin-left: 1%; }
  img { width: 150px; height: auto; }
  img.auto {width: auto ; height: auto; }
  blockquote {margin-left: 1%; }
}