/*
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background-color:  #C2A16A; text-align: center; }

/*
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#main   { width: 1024px; margin: 0 auto; }
div#header { height: 100px; width: 474px; }
div#left   { text-align: left; width: 250px; float: left; margin: 5px 0px 5px 5px; display: inline; border:1px solid #006699; }
div#middle { text-align: left; width: 474px; float: left; margin: 5px 5px 5px 5px; display: inline; border:1px solid #006699; }
div#right  { text-align: left; width: 250px; float: left; margin: 5px 5px 5px 0px; display: inline; border:1px solid #006699; }
div#footer { text-align: center; background-color: transparent; height: 40px; width: 1000px; clear: both; margin: 0 auto; }

/* Making the footer stick to the bottom =] */
div#main        { min-height: 100%; }
* html div#main { height: 100%; }
div#footer      { position: relative; margin-top: -40px; }
div#middle      { padding-bottom: 60px; }

/*
 * Module, menu and block definitions
 */
div.block  { margin: 5px; }
div.menu   { margin: 5px; }
div.module { margin-bottom: 0px; }

div.header { font-weight: bold; letter-spacing: 0.2em; padding: 5px; margin: 5px; }
div.module div.header { border: 1px solid #006699; }
div.block  div.header { border-bottom: 1px solid #006699; }
div.menu   div.header { border-bottom: 1px solid #006699; }

div.content { margin: 5px; padding: 5px; }
div.module div.content { }
div.block  div.content { }
div.menu   div.content { }

div.clear { clear: both; }
div.menu ul{ padding: 0; border:none; list-style: none;}

div.menu ul { list-style: 0; padding: 0; margin: 0; list-style: none; }
div.menu ul li { padding: 0; margin: 0; }
div.menu ul li a { display: block; height: 45px; font-size: 13px; line-height: 45px; padding: 3px; background: url('../images/page_white_text.gif') 4px 50% no-repeat; padding-left: 80px; text-decoration: none; }
div.menu ul li a:hover { background-color: #CFAE74; }
div.menu ul li.category a {}

div#right ul { list-style: url(../images/poot_eekhoorn.gif); }

form#searchForm { background: url(../images/search.gif) no-repeat; padding: 0 0 0 65px; }
form#searchForm input { width: 149px; }
form#searchForm input.button { width: auto; }

/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }

ul.categories { list-style-image: url('../images/folder.gif'); }
div#middle ul.categories { list-style: none; margin: 0; padding: 0; clear: both; clear: both; }
div#middle ul.categories li { float: left; text-align: center; display: inline; margin: 10px 22px; width: 100px; height: 130px; }
div#middle ul.categories div.thumbnail { width: 100px; height: 100px; border: 1px solid white; background-color: #CFAE74; cursor: pointer; background-image: url('../images/folder.gif'); background-position: 50% 50%; background-repeat: no-repeat; }

ul.content { list-style: 0; padding: 0; margin: 0; list-style: none; }
ul.content li a { display: block; padding: 3px; background: url('../images/poot-marmot.gif') 4px 50% no-repeat; padding-left: 25px; }
ul.content li a:hover { background-color: #CFAE74; }