@charset "utf-8";



/* CSS Document */







/*  ================================================================================== 



  AUTHORS



  The default Joomla CSS template was originally developed by Barrie North. 



  This document adjusted for Joomla 1.6 by C.R. van Oudheusden, Joomla-CSS.



  For more information go to www.joom-css.nl.







  DISCLAIMER



  While Joomla-CSS has taken the greatest care in preparing this document. No



  liability can be accepted by Joomla-CSS for any errors or omissions in the published



  information. Joomla-CSS like wise accepts no liability for loss arising from or related



  to the use of information presented in this document or website.







  COPYRIGHT



  You are free to copy and use this document or alter it in any way.



  ================================================================================ */







/* ====================================================================================



  RESET STYLES



  Browsers do have their owd default styles and therefore present styles differently. 



  This section removes the default styles of browsers as far as possible.







  Copyright (c) 2009, Yahoo! Inc. All rights reserved.



  Code licensed under the BSD License:



  http://developer.yahoo.net/yui/license.txt



  version: 2.8.0r4



  ================================================================================ */







body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {



  margin:0;



  padding:0;



}







table {



  border-collapse:collapse;



  border-spacing:0;



}







fieldset,img {



  border:0;



}







address,caption,cite,code,dfn,em,th,var,optgroup {



  font-style:inherit;



  font-weight:inherit;



}







strong {



  font-style:inherit;



  font-weight:bold;



}







em {



  font-style:inherit;



  font-style:italic;



}







del,ins {



  text-decoration:none;



}







caption,th {



  text-align:left;



}







h1,h2,h3,h4,h5,h6 {



  font-size:100%;



  font-weight:normal;



}







q:before,q:after {



  content:'';



}







abbr,acronym {



  border:0;



  font-variant:normal;



}







sup {



  vertical-align:baseline;



}







sub {



  vertical-align:baseline;



}







legend {



  color:#000;



}







input,button,textarea,select,optgroup,option {



  font-family:inherit;



  font-size:inherit;



  font-style:inherit;



  font-weight:inherit;



}







/* ====================================================================================



   Default Font Styles



   Browsers displays the same fonts differently. This section will force browsers to



   display the fonts in he same way as far as possible.







   Copyright (c) 2009, Yahoo! Inc. All rights reserved.



   Code licensed under the BSD License:



   http://developer.yahoo.net/yui/license.txt



   version: 2.8.0r4



  ================================================================================ */



body {



  font-size:13px;



  line-height: 17px;



  font-family: Arial, Helvetica, sans-serif;



  color: #000;

  background-color:#000;



}







select,input,button,textarea,button{



  font-ize:99%;



  font-family: Arial, Helvetica, sans-serif;



}







table{



  font-size:inherit;



}







pre,code,kbd,samp,tt{



  font-family: monospace, "Courier New", Courier;



  line-height:100%;



}







/* ===============================================================================



   GENERAL CONTENT STYLES 



================================================================================ */



/* Body  */ 



body {

}









/* Headings, paragraph and list styles */



h1 {

    color:#000;

}



h2 {

    color:#000;

}



h3 {

    margin-top: 15px;

    padding:0;

    font-size: 15px;  

    font-family: "Titillium Maps",Arial;

  }



#login-form h3 {

  padding:0;

  margin-top: 20px;  

  font-size: 15px;  

    font-family: "Titillium Maps",Arial;

  }









h4 {}



h5 {}



h6 {}



p, ol, ul {}





p {

   color:#000;

}



a {

  font-family: Arial, sans-serif;

  font-size: 10pt;

  color:#BC141A;

  text-decoration: none;

  background: none;

}







a, a:visited {



  outline: 0 none;



}







a:hover {

  font-family: Arial, sans-serif;

  font-size: 10pt;

  outline: 0 none;

  color: #fee500;

  text-decoration: none;

  background: #000;



}







/* Input, select and button styles */



input.inputbox {}



select.inputbox {}







button, input.button {



  padding: 1px 7px 1px 7px;



}







ul {



  padding: 0 0 0 15px;



  list-style: none;



  



}







ul li ul {



  list-style: circle;



}







ol {



  padding: 0 0 0 20px;



  list-style: decimal;



}







ol li ol {



  list-style: lower-alpha;



}



















/* ===============================================================================



   TEMPLATE STYLES



================================================================================ */


div#banner1 {
  margin-top:10px;
  width: 442px;
  height: 859px;
  background-image: url(../images/hl_left.jpg);
  background-repeat: no-repeat;
  position: relative;
  float: left; 
}


div#banner2 {
  margin-top:10px;
  width: 442px;
  height: 859px;
  background-image: url(../images/hl_right.jpg);
  background-repeat: no-repeat;
  position: relative;
  float: right; 
}



div#wrapper {

  width: 1000px;
  margin: 10px auto 0 auto;
  background-color: #fff;
  background-image: url(../images/bg_content2.jpg);
  background-position: 0 95px;
  background-repeat: no-repeat;
  position: relative;
}



div#main_wrapper {
 margin-left: auto;
 margin-right: auto;
 width: 1884px;
 position: relative;
}



div#top_container {



  width: 1000px;



  height: 160px;



  background-image: url(../images/hl_banner.jpg);



  background-repeat: no-repeat;



  padding: 20px 0px 0 20px;







}







div#main_container {



  width: 1000px



  padding: 0px 0 0 0;



}







div#logo {



  width: 273px;



  height: 122px;



  background-image: url(../images/house_lies_logo.png);



  background-repeat: no-repeat;



  margin-top: 0px;

  margin-left: 20px;



  padding: 0px 10px 0 10px ;



  float: left;



}







div#topheadertekst {



  float: left;



  font-family: Arial, Helvetica, san-serif;



  font-size: 40px;



  font-weight: bold;



  line-height: 40px;



  color:#fff;



  margin-top: 30px;



  margin-left: 15px;



  padding: 5px 0 0 0;



}







div#topmenu {





  margin: 6px 0 0 0;

  font-family: Arial, sans-serif;

  font-size: 12pt;

  width: 1000px;

  height: 36px;



}







div#middle_container {



  float: left;



  width: 700px;

  margin-right: 15px;

  padding: 10px 5px 20px 0 ;



}













div#left_container {



  float: left;



  width: 200px;

  margin-left: 10px;

  margin-right: 10px;

  padding: 10px 10px 0 10px;



}







div#footer_container {



  width: 1000px;



  height: 30px;

  font-family:Arial, sans-serif;

  font-size: 10pt;

  text-align: center;

  padding-top: 15px;

  clear: both;  

  background-color: #fee500;



}







div#blanc {



  height: 300px;



}







div.clr {



  clear: both;



}









.menu li

{

  padding-top:5px;

  padding-bottom:5px;

  display: block;

  border-bottom:solid 1px #ddd;

}





.menu li a:link,

.menu li a:visited

{

  color:#444;

  background:url(../images/karo.gif) 5px 12px no-repeat

}



.menu li.active a:link,

.menu li.active a:visited

{

  color:#333;

}



.menu li a:hover,

.menu li a:active,

.menu li a:focus,

.menu li.active a:hover,

.menu li.active a:active,

.menu li.active a:focus

{

  background: #fff url(../images/nav_level_1.gif) repeat-x scroll 0% 0%;

  color:#bc141a ;

}





/* ++++++++++++++  second level  ++++++++++++++ */



.menu li ul

{

  border:solid 0px #eee;

}



.menu li ul li

{

  border:solid 0px #000;

  background:#fff;

}



.menu li.active ul li a:link,

.menu li.active ul li a:visited

{

  color:#444;

  border:0;

  border-bottom:solid 1px #fff;

  background: #e8e8e8

}



.menu li.active ul li.active a:link,

.menu li.active ul li.active a:visited

{

  border:0;

  color:#333;

  border-bottom:solid 1px #fff;

}



.menu li.active ul li a:hover,

.menu li.active ul li a:active,

.menu li.active ul li a:focus

{

  background:#666 !important;

  color:#fff !important;

}





/* ++++++++++++++  third level  ++++++++++++++ */



.menu li ul li ul

{

  border:0 !important;

  background:#f5f5f5 !important;

  padding-bottom:0

}



.menu li.active ul li.active ul li a:link,

.menu li.active ul li.active ul li a:visited

{

  background:#f5f5f5 ;

  border-bottom:solid 1px #fff;

  color:#444

}



.menu li.active ul li.active ul li.active a:link,

.menu li.active ul li.active ul li.active a:visited

{

  color:#333;

}







/* ++++++++++++++  fourth level  ++++++++++++++ */



.menu li ul li ul li ul

{

  border:solid 1px #eee !important;

  padding-top:10px !important;

  padding-bottom:10px !important;

  background:#fff url(../images/level4.png) repeat-x !important;

}





.menu li.active  ul li.active  ul li.active  ul li  a:link,

.menu li.active  ul li.active  ul li.active  ul li a:visited

{

  font-weight:normal;

  padding: 3px 2px 3px 40px;

  font-size:0.9em;

  background:#fff url(../images/arrow_small.png) no-repeat  30px 5px;

  color:#444

}





.menu li.active  ul li.active  ul li.active  ul li.active  a:link,

.menu li.active  ul li.active  ul li.active  ul li.active a:visited

{font-weight:bold;

color:#333 }







/* ++++++++++++++  fifth level  ++++++++++++++ */



.menu li ul li ul li ul li ul

{

  border:solid 0px #eee !important;

  padding-top:5px !important;

  padding-bottom:10px !important;

  background:#fff url(../images/level4.png) repeat-x !important;

}





.menu li.active  ul li.active  ul li.active  ul li.active  ul li  a:link,

.menu li.active  ul li.active  ul li.active  ul li.active  ul li a:visited

{

  font-weight:normal;

  padding: 3px 2px 3px 5px;

  font-size:0.9em;

  background:#fff ;

  color:#444;

  margin:0 10px  0 35px;

  border-bottom:solid 1px #ddd

}





.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active  a:link,

.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active a:visited

{font-weight:bold; color:#333}





#login-form label {

    font-family: Arial, Helvetica, san-serif;

    font-size: 9.3pt;

    margin-right: 10px;

    margin-top: 30px;

    width: 8.4em;

    

    

}





#login-form  {

              margin-top:10px;

              

}







.login_form {

              margin-top: 40px;

  

}





.login_form input.button {

              margin-top: 10px;

              margin-bottom: 5px;

}





.login_form input.inputbox {

              

              margin-bottom: 10px;

}





.donate h3{

         margin-top: 40px;

         font-size:13pt;

         font-family: Arial, sans-serif;

         color:#b74e27;

         text-align: center;

         

}





.donate p {

         font-family: Arial, sans-serif;

         font-size:8.5pt;

         text-align: center;

         

}





#modlgn-username, #modlgn-passwd {

  display: block;  

  width: 10em;

}