html, body {
  margin:   0px; 
  padding:  0px;
  width:    100%;
  height:   100%;
}

body {
  background-color: #003366;
  color:            #ffffff;
  font-family:      georgia;
  font-size:        12px;
  line-height:      18px;
}

table, td {
  padding:  0px;
  margin:   0px;
  border-collapse: collapse;
}

td {
  vertical-align:top;
}

a {
  text-decoration: none;
}

a.active {
  color: #ffffff;
}

#title {
  height:       100px;
}

#title h1, #title img {
  font-family:  garamond, georgia;
  color:        #336699; 
  margin-top:   55px;
  font-size:    24px;
  font-weight:  normal;
}

.navi {
  font-family: verdana;
  font-size:   13px;
}

.navi div {
  padding:        0px;
  margin-bottom:  10px;
  height:         60px;
  white-space:    nowrap;
}

.navi div div {
  width:          15px;
}

#right_navi div div {
  float:            left;
  margin-right:     10px;
  border-left:      1px solid #003366;
}

#right_navi div.active div {
  background-color: #ffffff;
  border-left:      1px solid #ffffff;
}

#left_navi div div {
  float:            right;
  border-right:      1px solid #003366;
}

#left_navi div.active div {
  float:            right;
  background-color: #6699cc;
  border-right:     1px solid #6699cc;
}

.navi div div {
  height:           60px;
  width:            15px;
  background-color: #336699;
}

.navi div div p:last-child {
  border-bottom: 0;
} 


.navi div div.away {
  background-color: transparent;
}


.navi div p {
  position:         relative;
  left:             -1px;
  background-color: #336699;
  height:           33px;
  margin:           0;
  padding-left:     15px;
  border-bottom:    4px solid #003366;
  width:            1px;
}

.navi div p.active {
  background-color: #ffffff;
}

.navi div div.away p {
  background-color: transparent;
  border-bottom:    4px solid transparent;

}
 
.content {
  color:        #000000;
  height:       560px;
  width:        320px;
  padding:      20px 40px 20px 40px;
  line-height:  19px;
  /* text-align:   justify; */
}

.content h1 {
  font-size:    18px;
  line-height:  22px;
  color:        #003366;
}

.content h2 {
  font-size:    16px;
  line-height:  20px;
}

#content_right {
  overflow:         auto;
}

#content_left {
  color:            #000000;
  background-color: #6699cc; 
  border-right:     1px solid #003366;
  width:            360px;
  height:           560px;
  overflow:         hidden;
  padding:          20px;
}

#content_left img {
  width:  360px;
  height: 560px;
}

div a {
  color:        #6699cc; 
}

#lang_navi a {
  color:        #69c; 
  margin-top:   10px;
}

#lang_navi a.active, div.active a {
  color:        #ffffff; 
}

#lang_navi a.active, div.active p a {
  color:        #6699cc; 
}

#lang_navi a.active, div.active p.active a {
  color:        #ffffff; 
}

.arab {
  direction: rtl;
}