/* <=== CSS BY EAXS.DE ===> */

/* <=== START-DEFINITIONS ===> */
body  {
  color               : #FFFFFF;
  margin              : 0px;
  padding             : 0px;
  font-family         : verdana, sans-serif;
  font-size           : 14px;
  background-image    : url(../images/site_bg.gif);
  background-repeat   : repeat-x;
  height              : 100%;
  }
html  {
  height              : 100%;
  }
td, tr, p, div  {
  font-family         : Times New Roman, Verdana, Arial, sans-serif;
  font-size           : 14px;
  line-height         : 16px;
  color               : #676767;
  }
hr  {
  color               : #676767;
  height              : 1px;
  width               : 100%;
  }
ul {
  margin              : 2px;
  padding-left        : 0px;
  list-style          : none;
  }
li  {
  line-height         : 15px;
  padding-left        : 15px;
  padding-top         : 0px;
  background-image    : url(../images/bullet.gif) ;
  background-repeat   : no-repeat;
  background-position : 0px 3px;
  }
  
  
/* <=== DEFINE MAINLEVEL ===> */ 
ul#mainlevel-nav  {
  font-family         : Verdana, Arial, sans-serif;
  list-style          : none;
  padding-top         : 3px;
  margin-left         : 30px;
  font-size           : 10px;
  }
ul#mainlevel-nav li  {
  display             : block;
  padding-left        : 0px;
  padding-right       : 0px;
  float               : left;
  margin              : 0px;
  width               : 90px;
  font-size           : 10px;
  font-weight         : normal;
  color               : #cc3300;
  line-height         : 20px;
  height              : 20px;
  white-space         : nowrap;
  background-image    : none;
  }
ul#mainlevel-nav li a {
  width               : 90px;
  display             : block;
  padding-left        : 0px;
  padding-right       : 0px;
  text-align          : center;
  text-decoration     : none;
  font-weight         : normal;
  color               : #cc3300;
  border-left         : 1px solid #FFFFFF;
  }
ul#mainlevel-nav li a:hover  {
  color               : #FFFFFF;
  background-color    : #cc3300;
  }
a.mainlevel               {
  font-family         : Verdana, Arial, sans-serif;
  text-align          : left;
  color               : #FFFFFF;
  display             : block;
  line-height         : 22px;
  height              : 22px;
  font-size           : 12px;
  font-weight         : normal;
  width               : 100%;
  margin-left         : 5px;
  }
a.mainlevel: link       {
  text-align          : left;
  display             : block;
  font-size           : 12px;
  font-weight         : normal;
  width               : 100%;
  }
a.mainlevel:link, a.mainlevel:visited {
  text-align          : left;
  display             : block;
  font-size           : 12px;
  font-weight         : normal;
  color               : #FFFFFF;
  width               : 100%;
  padding-top         : 1px;
  padding-bottom      : 1px;
  border              : 0px;
  background          : transparent;
}
a.mainlevel:hover {
  text-align         : left;
  display            : block;
  color              : #cccccc;
  font-size          : 12px;
  font-weight        : normal;
  text-decoration    : underline;
  background         : none;
  }

  
/* <=== DEFINE LINKS ===> */
#active_menu  {
  text-align          : left;
  color               : #cc3300;
  font-weight         : normal;
  text-decoration     : underline;
  }
a#active_menu:hover  {
  text-align          : left;
  color               : #FFFFFF;
  text-decoration     : underline;
  }
a:link, a:visited  {
  font-size           : 14px;
  color               : #cc3300;
  text-decoration     : none;
  font-weight         : normal;
  }
a:hover  {
  font-size           : 14px;
  color               : #cc3300;
  text-decoration     : underline;
  font-weight         : normal;
  }
.pathway  {
  font-family         : Verdana, Arial, sans-serif;
  font-size           : 10px;
  font-weight         : bold;
  color               : #FFFFFF;
  margin              : 0px;
  padding-left        : 40px;
  }
a.pathway:link, a.pathway:visited  {
  color               : #FFFFFF;
  font-size           : 10px;
  font-weight         : bold;
  padding-left        : 0px;
  }
a.pathway:hover  {
  color               : #cc3300;
  font-size           : 10px;
  font-weight         : bold;
  padding-left        : 0px;
  background-color    : #FFFFFF;
  }
  
  
/* <=== DEFINE TABLES ===> */  
table.moduletable {
  width	              : 100%;
  table-layout	      : auto;
  padding-left        : 8px;
  }
table.moduletable th {
  font-family         : Verdana, Arial, sans-serif;
  font-size           : 12px;
  font-weight         : bold;
  text-align          : left;
  height              : 20px;
  line-height         : 20px;
  color               : #FFFFFF;
  padding-top         : 2px;
  padding-left        : 5px;
  padding-bottom      : 2px;
  border-top          : 1px solid #FFFFFF;
  border-bottom       : 1px solid #FFFFFF;
  }
table.moduletable td  {
  }
table.content {
  width               : 95%;
  border-collapse     : collapse;
  border-spacing      : 0px;
  padding             : 0px;
  margin              : 0px;
  }
table.contentpane  {
  width               : 95%;
  padding             : 0px;
  margin              : 0px;
}
table.contentpaneopen  {
  width               : 95%;
  padding             : 0px;
  margin              : 0px;
}
table.contenttoc  {
  
  }
  
  
/* <=== DEFINE CONTENT-ITEMS ===> */
.contentheading  {
  font-family         : Times New Roman, Verdana, Arial, sans-serif;
  letter-spacing      : 1px;
  font-size           : 18px;
  font-weight         : normal;
  height              : 18px;
  line-height         : 18px;
  text-align          : left;
  color               : #cc3300;
  width               : 95%;
  padding-left        : 20px;
  border-bottom       : 3px dotted #cccccc;
  background-image    : url(../images/content_icon.gif);
  background-repeat   : no-repeat;
  }
.componentheading   {
  font-family         : Times New Roman, Verdana, Arial, sans-serif;
  letter-spacing      : 2px;
  font-size           : 18px;
  font-weight         : bold;
  height              : 18px;
  line-height         : 18px;
  text-align          : left;
  text-decoration     : underline;
  color               : #ab3d06;
  width               : 95%;
  margin-left         : 5px;
  margin-bottom       : 10px;
  }
.buttonheading  {
  padding-left        : 4px;
  padding-right       : 4px;
  }
.button  {
  font-family         : Times New Roman, Verdana, Arial, sans-serif;
  font-size           : 14px;
  border              : 1px solid #cccccc;
  color               : #3c3c3c;
  padding             : 2px;
  background-color    : #FFffff;
  background-image    : url(../images/button_bg.gif);
  }
a.category:link, a.category:visited  {
  font-size           : 14px;
  color               : #cc3300;
  line-height         : 18px;
  font-weight         : normal;
  }
a.readon:link, a.readon:visited {
  color               : #676767;
  font-family         : Times New Roman, Verdana, Arial, sans-serif;
  font-size           : 14px;
  white-space         : normal;
  font-weight         : normal;
  padding             : 2px;
  float               : right;
  line-height         : 14px;
  text-decoration     : none;
  border              : 1px solid #cccccc;
  }
a.readon:hover  {
  color               : #FFFFFF;
  font-family         : Times New Roman, Verdana, Arial, sans-serif;
  font-size           : 14px;
  white-space         : normal;
  font-weight         : normal;
  padding             : 2px;
  float               : right;
  line-height         : 14px;
  text-decoration     : none;
  border              : 1px solid #cccccc;
  background-color    : #cc3300;
  }  
.blog_more  {
  padding-left        : 8px;
  }
.inputbox  {
  font-family         : Arial, Verdana, sans-serif;
  font-size           : 12px;
  color               : #6a6a6a;
  border              : 1px solid #848484;
  }
.search_box  {
  float               : left;
  color	              : #848484;
  }
.back_button  {
  width               : 95%; 
  text-align          : left;
  margin-left         : 5px;
  padding             : 5px;
  }
.pagenavcounter  {
  font-size           : 12px;
  color               : #848484;
  }
.small  {
  font-family         : Verdana, Arial, sans-serif;
  font-size           : 11px;
  color               : #848484;
  }
.smalldark  {
  font-family         : Verdana, Arial, sans-serif;
  font-size           : 11px;
  color               : #848484;
  }
.date  {
  font-family         : Verdana, Arial, sans-serif;
  font-size           : 11px;
  color               : #848484;
  padding-right       : 10px;
  }
.createdate, .modifydate  {
  font-family         : Verdana, Arial, sans-serif;
  font-size           : 11px;
  color               : #848484;
  }
.content_vote  {
  font-size           : 12px;
  height              : 14px;
  padding-top         : 2px;
  padding-bottom      : 2px;
  }
.content_rating  {
  font-size           : 12px;
  color               : #848484;
  }
.contact_email  {
  width               : 100%;
  }
.contact_email .inputbox  {
  width               : 345px;
  border              : 1px solid #848484;
  }
.sectiontableheader {
  font-size           : 14px;
  font-weight         : bold;
  text-transform      : uppercase;
  letter-spacing      : 1px;
  color               : #cc3300;
  border-bottom       : 3px dotted #cccccc;
  }
.sectiontableentry1  {
  vertical-align      : top;
  background-color    : #FFFFFF;
  line-height         : 25px;
  height              : 25px;
  }
.sectiontableentry2  {
  vertical-align      : top;
  background-color    : #cccccc;
  line-height         : 25px;
  height              : 25px;
  }
  
/* <=== DEFINE LAYOUT ===> */
#head_container  {
  float               : left;
  width               : 885px;
  height              : 89px;
  }
#head_topmenu  {
  float               : left;
  width               : 640px;
  height              : 26px;
  background-image    : url(../images/header_topmenu.gif);
  background-repeat   : no-repeat;
  clear               : left;
  }
#head_title  {
  float               : left;
  width               : 640px;
  height              : 46px;
  background-image    : url(../images/header_titlebg.gif);
  background-repeat   : no-repeat;
  clear               : left;
  }
#head_pathway  {
  float               : left;
  width               : 640px;
  height              : 17px;
  background-image    : url(../images/header_pathway.gif);
  background-repeat   : no-repeat;
  padding-top         : 2px;
  clear               : left;
  }
#head_end  {
  float               : right;
  width               : 245px;
  height              : 89px;
  background-image    : url(../images/header_end.gif);
  background-repeat   : no-repeat;
  clear               : right;
  }
#main_container  {
  float               : left;
  width               : 679px;
  height              : 100%;
  background-image    : url(../images/main_bg.gif);
  background-repeat   : repeat-y;
  }
#main_leftnav  {
  float               : left;
  width               : 159px;
  clear               : left;
  }
#main_content  {
  float               : right;
  width               : 520px;
  clear               : both;
  }
