html { 
  /*border: 3px solid #ff0; */
}

body {
  width: 900px;
  margin: 20px auto 20px auto;
  background-color:#01172e;
  color:#d7d7d7;
  /*border: 3px solid #f00;*/
}

#content {
  color:#000000;
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
  background-color:#fde2b8;
  /*border: #fff 1px solid; */
}

#left-col {
  float: left;
  text-align:left; 
  width:180px;
  margin: 10px 0px 0px 10px;
  padding: 0px 20px 0px 10px;
  /*border: #0f0 1px solid; */
}

#icon{
  width:178px;
  text-align:center;
  margin-right: auto;
  margin-left: auto;
}

#logo {
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
  /*border: #090 2px solid;*/
}

#main-top{
  top:0px;
  left:242px;
  width: 70%; 
  float:right;
  /*background-color:#fbd7a1;*/

  padding: 10px 20px 0px 0px; 
  /*border: #fff 3px solid; */
}

#grp-ctr{
  width: 325px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom:10px;
}

#main {
  text-align:left;
  float:left; 
  background-color:#fff;
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 20px 20px;
  /*border: #f0f 1px solid; */
}

#footerbr { clear: both; } 

#footer {
  text-align:center; 
  padding: 1px 0px 1px 0px;*/
  /*border: #0f0 1px solid;*/
}

.a href{
  border-style: none;
}

.h3,h4{
  clear: left;
}

.art{
  text-align:left;
  background-color:#ffffff;
  padding: 5px 10px 0px 15px;
}

.icon{
  /* width:178px;*/
  text-align:center;
  margin-right: auto;
  margin-left: auto;
  border-style: none;
}

.right{
  clear: left;
  float: right;
  border-style: none;
  margin:  0px 0px 0px 0px;
  padding: 10px 0px 0px 10px;
}

.left{
  clear: right;
  float: left;
  border-style: none;
  margin:  0px 0px 0px 0px;
  padding: 10px 15px 0px 0px;
}

.left-2{
  float: left;
  border-style: none;
  margin:  0px 1px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.right-2{
  clear: left;
  float: right;
  border-style: none;
  margin:  0px 0px 0px 1px;
  padding: 0px 0px 0px 0px;
}

.li,ul{
list-style-type:none;
list-style-position:outside;
}