body {
  font-size:12px; 
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing:0.19px;
  background-color:#95df73;
  
  background-image: url("../images/background.png");
  background-position: center top;
  background-repeat: repeat-y;
}

html, body{ height:100%; }
#content
{
    height: 95%;
}

#main
{
  background:#F3FBEF;
  width:935px;
  margin:0 auto; /* top & bottom = 0 left & right = auto */
  position:relative;
  min-height: 100%;
  font-family: Verdana, Tahoma, Arial;
}

#header
{
  clear:both;  
  height:130px;
  width:100%;
  text-align: center;
  padding-top: 20px;
  position:relative;
}

#footer
{
    padding-top: 20px;
    text-align:center;
}

#panel-left
{
    width: 150px;
    float:left;
    padding: 20px;
}

#panel-left p {padding:20px;}

#panel-left .menu-item
{
  text-decoration:none;
  color:#a9a9a9;
  font-size:16px;
  padding-left: 15px;
}

#panel-left .menu-item:hover
{
  color:black;
}


#panel-left .at
{
  text-decoration:none;
  color:black;
  font-size:16px;
  padding-left: 15px;
}


#panel-left hr
{
  height:1px; 
  padding-left:10px;
  width:130px;
  color: #F3FBEF; 
  background-color: #F3FBEF; 
  border: 1px dotted gray; 
  border-style: none none dotted;      
}

#panel-right
{
    float:right;
    width:705px;
    padding: 10px;
    height:auto;
    position:relative;
}    

#panel-right hr
{
    background-color: #469622;
    color: #469622;
    height: 2px;
}

#panel-right h1
{
  padding-top:10px;
  font-size: 20px;
  padding:20px;
}

#panel-right p
{
  padding:20px;
  text-align:justify;
  padding-right: 40px;
}

#panel-right table
{
  vertical-align:top;
  padding:0px
}

ul
{
  list-style-type:none;
  padding-top:0px;
}

ul li
{
  list-style-type:none;
}

ul li a
{
  text-decoration:none;
  font-size: 12px;
}

.copyright
{
  font-size:9px;
  color:#a9a9a9;
}

.info-box
{
  float:left;
  height:120px;
  width:191px;
  border:solid 1px #a9a9a9;
  text-align:center;
  padding:10px;
  margin:10px;
}

/*------------------------  M e n u - I n l i n e --------------------------*/
ul.menu-inline {
  padding:0px 10px 0px 10px;
  float:right;
}

ul.menu-inline li {
    display:inline;
    height:20px;
    float:left;
    padding-left:7px;
    padding-right:6px;
    border-left:dotted 1px #8D9093;
    padding-top:5px;
}

ul.menu-inline li:first-child
{
    border-left:none;
}

ul.menu-inline li a {
    color:#6D6F71;
    font-size:12px;
    text-decoration:none;
    line-height:20px;
}

ul.menu-inline li:hover 
{
  color:#6D6F71;
  font-weight:bold;
  white-space:nowrap;
  text-decoration: none;
}
ul.menu-inline li.at {
  color:#6D6F71;
  font-weight:bold;
  font-size:12px;
  white-space:nowrap;
  text-decoration: none;
  line-height:20px;
}
/*------------------------  M e n u - I n l i n e --------------------------*/