/*************************** General Tags ***************************/


body{
  background-color: white;
  text-align: left;
  font-family: Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  margin: 0;
  padding: 0;
/*
  background-image: url("../images/ecosimpro_body.png");
  background-repeat: repeat;
*/
/*  background-position: center; */
/*
  background-image: url("../images/ecosimpro_body.png");
  background-repeat: repeat-y;
*/
}

h1{
  margin: 0;
  padding: 0;
}

h2{
  margin: 0;
  padding: 0;
}

h3{
  margin: 0;
  padding: 0;
}

p{
  margin: 0;
  padding: 0;
}

ul{
  margin: 0;
  padding: 0;
}

ol{
  margin: 0;
  padding: 0;
}

li{
  margin: 0;
  padding: 0;
}

a{
  color: #000066; /* dark blue */
/*  color: #8598D2;  smooth blue */
/*  color: #006699;  blue aqua */
/*  color: #767676;  grey*/
/*  color: #FFCC00; yellow */
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

a:hover{
  text-decoration: underline;
}

table{
  width: 100%;
  border-spacing: 0;
  margin: 0 auto;
  padding: 0;
}

th{
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

td{
  border-spacing: 0;
  margin: 0;
  padding: 0;
}



/*************************** Header ***************************/


#header{
  position: relative;
  width: 800px;
  margin: 0 auto;
  border: 1px solid #000066;
}


/*************************** Buttons ***************************/


#buttons{
  position: relative;
  width: 800px;
  margin: 0 auto;
  border: 1px solid #000066;
  border-bottom: 0;
  border-top: 0;
  background-color: #000066;
}

#buttons p{
  text-align: center;
  padding: 7px 0;
}


#buttons p a{
  background-color: #7A7AA7;
/*
  border: 1px solid #000066;
  color: #000066;
*/
  border: 1px solid white;
  color: white;
  padding: 5px;  /*3px 20px;*/
}


/* Content Frame
#content_frame{
  position: relative;
  margin: 0 0 0 175px;
}
*/


/*************************** Menu ***************************/


#menu {
  position: absolute;
  top: 216px;
  left: 100px;
  width: 173px;
  border: 1px solid #000066;
  background-color: #000066;
}

#menu p{
  padding: 3px 0;
}

#menu a{
  color: #ffffff;
  padding: 0 0 0 5px;
}

#menu ul{
  background-color: #f6f6ff;
}

#menu li{
  list-style: none;
  padding: 3px 0 3px 10px;
}

#menu li a{
  color: #000066;
}



/*************************** Content ***************************/


#content{
  position: relative;
  width: 800px;
  border: 1px solid #5F5F5F;
  border-bottom: 0;
  border-top: 0;
  margin: 0 auto;
  text-align: left;
  background-color: white;
/*
  background-image: none;
*/
/*
  background-image: url("../images/ecosimpro_content.png");
*/
}

#content h1{
/* color: #8888bb; -- lila */
  color: #3454B4;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 0 10px 10px;
}

#content h2{
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 10px 25px;
}

#content h3{
/*  color: #000000;  black */
  color: #767676;  /* grey */
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 10px 25px;
}

#content warning{
  color: #BB0000;
}

#content p{
  text-align: justify;
  padding: 0 10px 10px 25px;
}

#content p.source{
  font-family: Courier, monospace;
  text-align: left;
  font-weight: bold;
  padding: 0 0 10px 60px;
}

#content ul{
  padding: 0 0 5px 60px;
}

#content ol{
  padding: 0 0 5px 60px;
}

#content li{
  padding: 0 0 5px;
}

#content table{
  width: 95%;
  padding: 0 auto;
}

#content th{
/* background: #000066;  --dark blue */
  background: #3454B4;
  padding: 3px 0;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
}

#content td{
/* border-bottom: 1px solid #000066; --dark blue */
  border-bottom: 1px solid #3454B4;
  padding: 5px;
  vertical-align: top;
  text-align: left;
}

#content img{
  margin: 0 25px 0 0;
  padding: 2px;
}

#content img.wrap{
  float: right;
  margin: 0 0 10px 25px;
  padding: 2px;
}

#content img.overview{
  float: center;
/*
  margin: 10px 20px;
  padding: 2px;
*/
/*
  margin: 10px 50px;
*/
  position:relative;
  left: 125px;
}

#content img.icon{
  margin: 0;
  padding: 0 5px 0 0;
}

#content hr{
  width: 80%;
  padding: 0 0 10px;
  text-align: center;
}


/*************************** Footer ***************************/


#footer{
  position: relative;
  margin: 0 auto;
  text-align: center;
  color: #aaaaaa;
  padding: 0 0 10px;
  width: 800px;
/*
  background-color: white;
*/
  background-color: #000066;
  background-image: none;
}

#footer a{
  color: #aaaaee;
}