/**** Style-Sheet for the screen  ****/
/* Copyright 2005 Axel TJ Rohde. All Rights Reserved. */
/* v 1.0 03/05/2005 $ */

/*** Tune standard tags to our look and feel ***/
html {
 margin: 0;
}
body {
 position: static;		/* Make containing block for the menus */
 padding: 1% 2% 2% 16.5em;	/* Room for the navmenu at the left and some empty space at the right*/
 margin: 0%;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 background: #FDFDDB;
}

/* ******************  Navigation Menu  ************** */
div.navmenu { 
 display: block;
 position: absolute;
 overflow: visible;
 width: 14em; height: 96%;
 top: 2%; left: 1em; bottom: auto; right: auto;
 background: #e8da9e url(dogsear.png) bottom right no-repeat;
}
/* The child selectors are a hack to hide these rules from WinIE6,
   which gets confused by 'fixed' */
body > div.navmenu { position: fixed }

div.navmenu ul,
div.navmenu ul ul,
div.navmenu ul ul ul {
 overflow: visible;
 margin: 0%;
 padding: 0%; 
}

/* the following is to avoid top-padding-bug on IE */
div.navmenu ul ul,
div.navmenu ul ul ul {
 display:inline;
}

div.navmenu li {
 display: block;
 font-size:medium;
 margin: 5% 10% 0% 5%;
 padding: 0.15em 1.5em 0.15em 0.0em;
 text-indent: 0%;
 text-align: left;
 background: #c6ac2d url(sandydogsear.png) bottom right no-repeat;
 color: white;
 border-bottom: none;
 list-style: none;
}

div.navmenu li.logo {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:x-large;
 font-weight:bold;
 /*letter-spacing: 0.25em;*/
 text-align: center;
 color: #c6ac2d;
 background: #e8da9e;
 margin: 0%;
 padding: 1em;
 white-space:nowrap;
}

/*** Submenues ***/

div.navmenu li.submenu_container {
 display:block;
 background-color:#e8da9e;
 background-image:none;
 margin:0%;
 padding:0%;
}


div.navmenu li li {
 display: block;
 font-size: smaller;
 margin: 2% 10% 0% 15%;
}


div.navmenu li li li {
 display: block;
 font-size:smaller;
 margin: 2% 10% 0% 25%;
}

div.navmenu li#active {
 overflow: visible;
 margin-right: -0.9em;
 background: #c6ac2d;
}

/*** Links in the menu ***/

div.navmenu a {
 display:block;
 text-decoration: none;
 margin: 0.0em 0.0em 0.0em 0.5em;
 padding: 0.0em 0.5em;
}

div.navmenu a:link, div.navmenu a:visited {
 color: white 
}
div.navmenu a:hover {
 background: #CCC;
 color: #000;
}

/*** place languague-flags at the bottom ***/
div.navmenu div.language {
 position: absolute;
 bottom: 2%;
 left: 2em;
}

div.navmenu div.language a {
 display: inline;
 margin: 0%;
 padding: 0.25em 0.5em;
 border-style: none;
}
div.navmenu div.language a img{
 border-style: none;
 width: 21px;
 height: 14px;
}


/*************************************/
/******** BOX Styles *****************/

div.box_chapter,
div.box_intro {
 margin:0% 0% 1em 0%;
 padding:1em;
 border: thick double #FDFDDB;
 overflow: auto; /* to avoid floats to exceed div's limits*/
 width:95%;
 font-size:medium;
}

div.box_intro {
 background: #c6ac2d;
}

div.box_chapter {
 background: #e8da9e;
}

/*** Contained Headers ***/
div.box_chapter h1,
div.box_intro h1 {
 font-size:x-large;
 color: black;
 margin: 0%;
 padding: 0em 1.5em 0.5em 0em;
}

div.box_chapter li,
div.box_intro li {
 padding-bottom: 1em;
}


/* Cell formatting of the distributors table */
table.distributors tr th {
 text-align: left;
 border: 1px solid black;
}

table.distributors tr td {
 border:0;
 vertical-align: middle;
 padding: 0em 1em 3em 1em;
}


/*** Limit width of paragraphs to a fixed number of letters. 
     If user scales text down, the long lines are difficult to read. ***/
div.box_chapter ul,
div.box_chapter ol,
div.box_chapter p,
div.box_intro p {
  width: 30em;
}

.floatright {
 float: right;
 width: 35%;
 height: auto;
}