/* colors used on this site: */
/* heading: fired red: #aa0808; */
/* links uses: cutie blue: #175a8e; */
/* comments uses: an spanish oliva green: #779677;   */
/* text uses: a some kind of soft-black: #404140; */
/* soft separators: a soft grey mixed with green: #8d999a; */
/* strong separators: a strong grey mixed with green: #566061; */

body { 
  background: #fff url("body_back.gif") repeat-x;
  font-family: TrebuchetMS,Verdana,Tahoma,Arial,Sans-Serif;
  color: #404140;
}

h1, h2, h3 { 
  padding-top: 5px;
  font-family: Arial,Sans-Serif,Verdana,Tahoma;
  font-weight: normal;
  color: #aa0808;
  font-size: 110%;
}

p { 
  font-family: Arial,Sans-Serif,Verdana,Tahoma;
  font-weight: normal;
  font-size: 13pt;
  text-align: left;
}

img { 
  border: 0;
}

a { 
  color: #175a8e;
}

.thepage { 
  position: absolute; left: 50%; top: 0%; z-index: 1;
  width: 800px;
  margin-left: -400px;
  margin-top: 60px;
}

.content { 
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.headerpage {  
  background: #8d999a;
  width: 100%;
  height: 90px;
  border: solid 1px #566061;
  border-top: solid 5px #566061;
  border-bottom: solid 5px #566061;
}

.header-menu { 
  width: 80%;
  position: absolute; right: -100px; top: -30px; z-index: 1;
  float: right;
  font-size: 10pt;
  font-weight: normal;
}

.header-menu a { 
  color: #aa0808; 
  text-decoration: none;
  padding-right: 5px;
  padding-left: 2px;
  font-weight: bold;
  text-decoration: none;
}

.headerpage img { 
  padding-top: 5px;
}

.insideheader { 
  padding-top: 20px;
  padding-left: 20px;
  color: white;
  font-weight: bold;
  font-size: 130%;
}
.insideheader span { 
  font-weight: normal;
  font-size: 90%;
}

.right-content { 
   margin-top: 10px;
   width: 25%;
   padding-right: 10px;
/*   border-left: dotted 1px #566061; */
   float: right;
}

.right-content ul { 
  padding: 3px;
  margin-left: 15px;
}

.right-content ul li { 
  font-weight: bold;
  font-size: 13pt;
  list-style: square;
  color: #aa0808;
}

.right-content ul li a { 
  color: #aa0808;
}

.right-content table { 
  text-align: center;
  font-size: 80%;
}

.right-content .td-normal { 
  text-align: left;
  font-size: 13pt;
}

.right-content .td-author { 
  text-align: center;
  font-size: 90%;
}

.right-content h3 { 
  font-size: 90%;
}

.right-content p { 
  font-size: 10pt;
}

.right-content img { 
  padding: 0;
  margin: 0;
  border: 0;
  padding-right: 5px;
}

.left-content { 
   width: 70%;
   padding-left: 10px;  
   padding-right: 10px;
   float: left;
   border-right: dotted 1px #566061;
}

ul.list {  
  list-style: square;
  font-family: Arial,Sans-Serif,Verdana,Tahoma;
  font-weight: normal;
  font-size: 80%;
  text-align: left;
}

.list li { 
  margin-bottom: 10px;
  font-size: 13pt;
}

ul.in-list { 
  list-style: none;
  font-family: Arial,Sans-Serif,Verdana,Tahoma;
  font-weight: normal;
  text-align: left;
}

.in-list li { 
  margin-left: -30px;
}

a.list-item {
  padding-left: 15px;
}

.search { 
   margin: 0;
   padding: 0;
   position: absolute; right: 2px; top: 72px; z-index: 2;
   text-align: center;
/*   border: 1px solid #000000; */
   height: 25px;
}

.search input.q { 
   border: 1px solid #566061;
   width: 150px;
   font-size: 60%;
   color: #aa0808;
}

.search input.searchbutton { 
   border: 1px solid #566061;
   width: 50px;
   font-size: 60%;
}


.footer { 
  width: 100%;
  height: 90px;
  padding-top: 15px;
  text-align: center;
  border-top: dotted 1px #566061;
  color: #779677;  
  font-size: 70%;
  font-weight: normal;
  float: left;
}

img.book { 
  position: relative;
  right: -25%;
}


.footer img { 
  float: left;
  padding-left: 10px;
}

.directory-service { 
  text-align: center;
  list-style: none;  
}

.directory-service li { 
  display: inline;
  padding-right: 20px;
}


.companies-link { 
  height: 70px;
  width: 140px;
/* uncomment the following to debug positions */
/*  border: 1px solid #000000; */
  position: relative;
  top: -250px;
  left: 35px;
  
}

.beeptoolkits-link { 
  height: 70px;
  width: 140px;
/* uncomment the following to debug positions */
/*  border: 1px solid #000000;  */
  position: relative;
  top: -260px;
  left: 200px;
  
}

.products-link { 
  height: 70px;
  width: 140px;
/* uncomment the following to debug positions */
/*  border: 1px solid #000000; */
  position: relative;
  top: -82px;
  left: -90px;
  
}

.separator { 
  height: 1px;
  width: 100%;
  border-top: 1px solid #566061;
}

.brief-table { 
  margin-top: 10px;
  margin-right: 30px;
  margin-left: 20px;
  font-size: 70%;
  font-weight: bold;
  border: 1px solid #566061;
  background: #fff url("table-brief.gif") repeat-x;
}

.brief-table td { 
  padding-top: 2px;
  padding-right: 5px;
}

img.article-image { 
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
  margin: 2px;
  margin-left: -30px;
  border: 1px solid #8d999a;
}

.article-title { 
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px solid #8d999a;
  border-bottom: 2px solid #8d999a;
  width: 80%;
  text-align: right;
  padding-left: 20%;
  padding-right: 5px; 
  padding-bottom: 10px;
}

.article-author { 
  font-weight: normal;
  font-size: 60%;
  color: #404140;
}

.article-date { 
  font-style: italic;
  font-size: 60%;
  color: #404140;
}

.article-index { 
  background: #fff url("body_back.gif") repeat-x;
  font-size: 80%;
  border: 1px solid #8d999a;
}

ul.article-index li { 
  list-style: none;
  padding-bottom: 10px;
}

.article-index a { 
  text-decoration: none; 
}


.article-anchor { 
  text-decoration: none;
  color: #aa0808;
}

.status-img { 
  margin-bottom: -5px;
  padding-right: 5px;
}

ul.menu-images li { 
  list-style: none;
  padding-bottom: 5px;
}