* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
  margin: 0px;
}

body {

text-align: left;
font: small/17px "Trebuchet MS", "Lucida Grande", Verdana, Tahoma ,Arial;
lineheight: 16px;
color: midnightblue;
background: #FFF;
background-image: url(../images/gifs/background_body.gif);
line-height: 16px;

}


p {
  margin: 17px 0;
  line-height: 1.5em;
}

h1 {

font-size: 17px;
color: orangered;

}


#container-page {

  margin: 0 auto;
  width: 900px;
  background: #FFF;
  border: 1px solid #F0F0FE;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */

}

#container-head {
  
  height: 112px;
  background: #F0F0FE url(../images/gifs/blue_dot2.gif) bottom repeat-x;
 
}


#container-content {

padding: 20px 10px 10px 10px;

}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#content-left {
  
  width: 160px;
  float: left;
  padding: 0px 0px 70px 0px;
    
}

#menu {

  padding: 0px 0px 20px 0px;

}


#content-right {
  
  width: 705px;
  float: left;
  padding: 8px 0px 60px 15px;
  
}

#content-right ul, #content-sec ul li ,#content-pri ol, #content-sec ol li {

  margin:20px;
  
}

#container-foot {
  
  clear: both;
  width: 880px;
  background: #FFF;
  padding: 0px 10px 20px 10px; 
 
}

#header_links {

text-align: right;
padding: 2px 10px 0px 10px;

}

#header_links a {

font: 12px "Trebuchet MS", Tahoma, "Lucida Grande", Verdana, Arial;
color: midnightblue;
text-decoration: underline;

}


#header_links a:hover {

text-decoration: none;

}


#jav_dis {

border: 1px solid red;
padding: 6px; 6px; 6px; 6px;
margin-top: 8px;
margin-bottom; 8px;
font-size: 10px;
color: orangered;

}

div.category {

background: #999;
border: 1px solid #FFF;
line-height: 26px;
text-indent: 10px;
padding-right: 10px;
font-size: 13px;
font-weight: bold;
color: #FFF;

}

.ddm1 {
    font: 12px "Trebuchet MS", Tahoma, "Lucida Grande", Verdana, Arial;
}

.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 0px 8px 0px 17px;
    text-decoration: none;
    display: block;
    position: relative;
}

.ddm1 .item1 {
    width: 135px;
    background: #F0F0FE;
    background-image: url(../images/gifs/tree-node-without-subs1.gif);
    background-repeat: no-repeat;
    border: 1px solid #FFF;
    color: midnightblue;
}

.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: orangered;
    background-image: url(../images/gifs/tree-node-without-subs.gif);
    background-repeat: no-repeat;
    border: 1px solid whitesmoke;
    color: #FFF;
}

.ddm1 .item2,
.ddm1 .item2:hover {
    width: 135px;
    padding: 0px 8px 0px 17px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}

.ddm1 .item2 {
    background: orangered;
    background-image: url(../images/gifs/tree-node-without-subs.gif);
    background-repeat: no-repeat;
    color: #FFF;
}

.ddm1 .item2:hover {
    background: darkorange;
    background-image: url(../images/gifs/tree-node-without-subs.gif);
    background-repeat: no-repeat;
    color: #FFF;
}

.ddm1 .section {
    border: 1px solid whitesmoke;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

.ddm1 .bottom,
.ddm1 .bottom:hover { border-style: solid solid solid solid; }

* html .ddm1 td { position: relative; } /* ie 5.0 fix */